:root {
    --vivid-violet: #7B14EF;
    --pink: #FE02A7;
    --mauve: #EBDCFD;
    --link-hover: #C497FE;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
}


h1,
h2,
h3,
h4,
h5 {
    font-family: 'McQueen';
    font-weight: 600;
}

h1 {
    font-size: 96px;
    line-height: 1.01;
}

h2 {
    font-size: 80px;
}

h3 {
    font-size: 44px;
}

h4 {
    font-size: 34px;
}

h5 {
    font-size: 26px;
}

.container,
.wp-block-group__inner-container {
    max-width: 1638px;
    margin: 0 auto;
    padding: 0 16px;
}

.container-narrow {
    max-width: 1094px;
    margin: 0 auto;
    padding: 0 16px;
}

.container-narrow .entry-title {
    text-align: center;
    font-size: 80px;
    margin-top: 160px;
    margin-bottom: 120px;
}

@media(max-width: 1680px) {
    .container,
    .wp-block-group__inner-container {
        padding: 0 60px;
    }
}

@media(max-width: 1120px) {
    .container,
    .wp-block-group__inner-container {
        padding: 0 24px;
    }
    .container-narrow .entry-title {
        font-size: 64px;
        margin-top: 80px;
        margin-bottom: 60px;
    }
}

.site-header {
    /* background-color: #000; */
    background-color: var(--vivid-violet);
    color: #fff;
}

.site-header .container {
    position: relative;
}

.site-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 111px;
}

.header-logo a {
    display: block;
}

.header-logo a img {
    max-width: 135px;
    height: auto;
}

.header-nav {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 36px;
}

.header-menu>ul {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header-menu>ul>li>a {
    display: block;
    font-weight: 600;
    padding: 8px 0;
    border-bottom: 2px solid transparent;
}

.header-menu>ul>li.current-menu-item>a {
    border-bottom: 2px solid #FFF;
}

.header-menu>ul>li.menu-item-type-custom.current-menu-item>a {
    border-bottom: 2px solid transparent;
}

.header-menu>ul>li>a:hover {
    color: var(--link-hover);
}

.only-authorized {
    display: none;
}

.logged-in .only-authorized {
    display: block;
}

.header-links {
    display: flex;
    align-items: center;
}

.cart-toggle-button {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 38px 16px 35px;
    margin-left: 18px;
    border-radius: 10px;
    background-color: #000;
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.15);
    transition: all .3s ease;
}

.cart-toggle-button:hover {
    background-color: var(--link-hover);
    color: #FFF;
}

.header-account-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

.header-serach-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

.header-links>a:hover {
    color: var(--link-hover);
}

.logged-in .site-header {
    background-color: var(--vivid-violet);
}

.navbar-toggler {
    display: none;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 24px;
    top: 8px;
    z-index: 101;
}

.navbar-toggler span {
    display: block;
    height: 2px;
    width: 20px;
    border-radius: 2px;
    background-color: #FFF;
    margin: 4px auto;
    opacity: 1;
    transition: all .3s;
}

body.menu-open .navbar-toggler span:nth-child(1) {
    transform: translateY(6px) rotate(-45deg);
}

body.menu-open .navbar-toggler span:nth-child(2) {
    opacity: 0;
}

body.menu-open .navbar-toggler span:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
}

ul.header-menu>li.menu-item-has-children.is-open-parent>.nav-sub-toggle::after {
    transform: rotate(180deg);
}

/* footer */
.site-footer {
    margin-top: 110px;
    padding: 58px 0 64px 0;
    background-color: var(--vivid-violet);
    color: #FFF;
}

.footer-wrp {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.footer-logo a {
    display: block;
}

.footer-logo img {
    max-width: 33vw;
    height: auto;
}

.footer-nav {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 60px;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 37px;
}

.footer-menu ul>li>a {
    color: #FFF;
}

.footer-menu ul>li>a:hover {
    color: var(--link-hover);
}

@media(max-width: 1360px) {
    .footer-wrp {
        align-items: center;
    }

    .footer-nav {
        padding-bottom: 0;
    }
}

@media(max-width: 860px) {
    body {
        overflow-x: hidden;
    }

    .site-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 98;
    }

    .site-header-inner {
        min-height: 64px;
    }

    .navbar-toggler {
        display: block;
    }

    .header-logo a img {
        max-width: 70px;
    }

    .header-nav {
        position: fixed;
        display: block;
        padding-top: 80px;
        right: -400px;
        top: 64px;
        bottom: 0;
        width: 320px;
        z-index: 99;
        background-color: #eee;
        box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.15);
        transition: all .3s;
    }

    .menu-open .header-nav {
        right: 0;
    }

    .header-menu>ul {
        color: #000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header-links {
        flex-direction: column;
    }

    .header-serach-toggle,
    .header-account-link {
        color: #000;
    }

    .cart-toggle-button {
        margin-left: 0;
        margin-top: 40px;
    }

    .site-main {
        padding-top: 64px;
    }

    .footer-wrp {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-logo img {
        max-width: 120px;
    }

    .footer-menu ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px;
        margin: 32px 0;
    }

    .footer-copyright {
        text-align: center;
    }
}

@media(max-width: 440px) {
    .header-nav {
        right: -460px;
        width: 100%;
    }
}

/* buttons */
.button-big {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    background-color: #000;
    padding: 20px 40px;
    border-radius: 32px;
}

/* home page hero */
.home-hero {
    position: relative;
    display: flex;
    align-items: stretch;
    background: linear-gradient(352deg, #e6e0d1 0%, #7b14ef 100%);
    /* max-height: 800px;
    height: 800px; */
    aspect-ratio: 2/1;
    margin-top: 50px;
    overflow: hidden;
    border-radius: 42px;
}

.home-hero .wp-block-group__inner-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 100%;
}

.home-hero .wp-block-heading {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    color: #FFF;
    padding-left: 134px;
    max-width: 605px;
    transform: translateY(-50%);
}

.home-hero .wp-block-image {
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
}

.home-hero .wp-block-image img {
    max-width: 50%;

}

@media(max-width: 1680px) {
    .home-hero .wp-block-heading {
        padding-left: 7vw;
        font-size: 6vw;
        max-width: 40vw;
    }
}

@media(max-width: 860px) {
    .home-hero .wp-block-image {
        padding-right: 0;
    }
}

@media(max-width: 860px) {
    .home-hero {
        height: auto;
        aspect-ratio: unset;
    }

    .home-hero .wp-block-group__inner-container {
        display: block;
        padding-top: 40px;
    }

    .home-hero .wp-block-heading {
        position: static;
        transform: unset;
        max-width: unset;
        margin-bottom: 32px;
        padding: 0 16px;
        text-align: center;
        font-size: 42px;
    }

    .home-hero .wp-block-image {
        justify-content: center;
    }

    .home-hero .wp-block-image img {
        max-width: 70%;
    }
}


/* common-phrases */
.common-phrases {
    margin: 115px 0;
}

.common-phrases .wp-block-heading {
    margin-bottom: 4px;
}

.common-phrases p {
    font-weight: 500;
    font-size: 34px;
}
.um-page-login .common-phrases p.has-text-align-center {
    font-size: 34px;
    font-family: 'McQueen';
    font-weight: 600;
}

@media(max-width: 860px) {
    .common-phrases {
        margin: 60px 0;
    }

    .common-phrases p {
        font-size: 18px;
    }

    .common-phrases .wp-block-heading {
        font-size: 32px;
    }
}

/* product categories */
.myob-company-product-cats {
    margin-bottom: 77px;
}

.myob-company-product-cats ul {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    background-color: var(--vivid-violet);
    color: #FFF;
    border-radius: 42px;
}

.myob-company-product-cats ul li a {
    display: block;
    font-size: 32px;
    font-weight: 600;
    padding: 14px 46px;
    border-radius: 38px;
}

.myob-company-product-cats ul li a:hover {
    color: var(--link-hover);
}

.myob-company-product-cats ul li.current-cat a {
    background: rgba(255, 255, 255, 0.1);
    box-shadow:
        1px 1px 2px rgba(0, 0, 0, 0.4),
        -1px -1px 2px rgba(255, 255, 255, 0.4),
        inset 0 0 2px rgba(255, 255, 255, 0.7);
}

@media(max-width: 1360px) {
    .myob-company-product-cats ul {
        flex-wrap: wrap;
    }

    .myob-company-product-cats ul li a {
        font-size: 16px;
        padding: 10px 20px;
    }
}


/* woocommerce */
#myob-product-main {
    margin-bottom: 147px;
}

.attachment-woocommerce_thumbnail {
    border-radius: 38px;
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 54px 32px;
}

.woocommerce ul.products li.product {
    margin: 0;
}

.woocommerce ul.products.columns-4 li.product {
    flex: 0 0 calc(25% - 24px);
    margin-bottom: 0;
}

.woocommerce ul.products::before {
    display: none;
}

.product-cetegory-info {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    padding: 0;
}

.wp-theme-myob .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce ul.products li.product .price {
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    color: #000;
}

.myob-product-page {
    padding-top: 80px;
}

.woocommerce-message {
    background-color: var(--mauve);
    border-top: none;
    border-radius: 20px;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    padding: 40px 64px 40px 130px;
}

.woocommerce-message::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='57' viewBox='0 0 57 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.3333 0C12.7104 0 0 12.7104 0 28.3333C0 43.9562 12.7104 56.6667 28.3333 56.6667C43.9562 56.6667 56.6667 43.9562 56.6667 28.3333C56.6667 12.7104 43.9562 0 28.3333 0ZM28.3333 4.25C41.6594 4.25 52.4167 15.0073 52.4167 28.3333C52.4167 41.6594 41.6594 52.4167 28.3333 52.4167C15.0073 52.4167 4.25 41.6594 4.25 28.3333C4.25 15.0073 15.0073 4.25 28.3333 4.25ZM38.9168 19.814C38.365 19.83 37.841 20.0603 37.4559 20.4559L24.7917 33.1201L19.2108 27.5392C19.015 27.3353 18.7804 27.1725 18.5209 27.0603C18.2614 26.9481 17.9821 26.8889 17.6994 26.886C17.4167 26.8831 17.1362 26.9367 16.8745 27.0436C16.6127 27.1504 16.3749 27.3084 16.175 27.5084C15.9751 27.7083 15.8171 27.9461 15.7102 28.2078C15.6034 28.4696 15.5498 28.75 15.5527 29.0327C15.5556 29.3154 15.6148 29.5947 15.727 29.8542C15.8391 30.1138 16.002 30.3483 16.2059 30.5441L23.2892 37.6274C23.6878 38.0258 24.2282 38.2496 24.7917 38.2496C25.3552 38.2496 25.8956 38.0258 26.2941 37.6274L40.4608 23.4608C40.7673 23.1622 40.9766 22.778 41.0613 22.3586C41.1459 21.9391 41.1019 21.5038 40.9351 21.1097C40.7682 20.7157 40.4863 20.3811 40.1262 20.1499C39.7661 19.9187 39.3446 19.8016 38.9168 19.814Z' fill='%237B14EF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 57px;
    height: 57px;
    top: calc(50% - 28px);
    left: 23px;
}

.woocommerce-message .button {
    display: inline-block;
    padding: 0 !important;
    margin-left: 8px;
    background: transparent !important;
    color: #000;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-family: 'Inter';
}

.woocommerce-message .button:hover {
    color: var(--vivid-violet) !important;
}

/* Hide "Additional information" tab link */
.woocommerce-tabs ul.tabs li.additional_information_tab {
    display: none !important;
}

/* Hide "Additional information" tab content */
.woocommerce-Tabs-panel#tab-additional_information {
    display: none !important;
}

.woocommerce-tabs #tab-description h2 {
    font-size: 44px;
    max-width: 1062px;
    margin: 0 auto 16px auto;
}

.woocommerce-tabs #tab-description .product-description-image {
    border-radius: 25px;
    overflow: hidden;
    margin-top: 120px;
}

.woocommerce-tabs #tab-description .product-description-image img {
    display: block;
}

.related.products {
    margin-top: 127px;
}

.related.products>h2 {
    font-size: 44px;
    text-align: center;
    margin-bottom: 60px;
}

.woocommerce-message:focus,
.woocommerce-message:focus-visible,
.woocommerce-message:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

.wc-block-cart-item__image a {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    width: 191px;
}

#myob-product-main .cart {
    display: flex;
    align-items: center;
    gap: 24px;
}

.product-category-above-title {
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    margin-bottom: 6px;
}

.summary.entry-summary .product_title.entry-title {
    font-size: 36px;
    line-height: 1.17;
    margin-bottom: 8px;
    font-family: 'Inter';
}

.myob-product-page .summary.entry-summary .price {
    color: #000;
    margin-bottom: 36px;
}

.myob-product-page .woocommerce-product-details__short-description {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    margin-bottom: 20px;
}

.myob-product-page .available-stock-info {
    font-size: 16px;
    color: var(--vivid-violet);
    background-color: var(--mauve);
    border: 1px solid var(--vivid-violet);
    display: inline-block;
    padding: 14px 30px;
    border-radius: 25px;
    margin-bottom: 62px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    margin-bottom: 2px;
}

.woocommerce div.product form.cart .variations label {
    font-size: 16px;
    font-weight: 600;
}

.woocommerce div.product form.cart .variations .labelwoo-selected-variation-item-name {
    font-weight: 400;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #000;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    gap: 24px;
    align-items: center;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    font-family: 'Inter';
    font-size: 24px;
    background-color: var(--vivid-violet);
    color: #FFF;
    padding: 19px 24px;
    border-radius: 32px;
    width: 317px;
    max-width: 100%;
    transition: background-color .3s;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {
    background-color: #fff;
    color: var(--link-hover);
    border: 1px solid var(--link-hover);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
    background-color: var(--link-hover);
}

.woocommerce div.product form.cart::before {
    display: none;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
    background-color: #000;
    color: #FFF;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    box-shadow: 0 0 0 1px #D9D9D9;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 24px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
    border-radius: 24px;
}

@media(max-width: 1600px) {
    .myob-product-page .available-stock-info {
        margin-bottom: 40px;
    }
}

@media(max-width: 1360px) {
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
        width: auto;
        font-size: 18px;
    }
}


/* woocommerce quantity */
.myob-quantity-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}

.myob-qty-minus,
.myob-qty-plus {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    width: 40px;
    height: 100%;
    color: #333;
    padding: 0;
    transition: background-color 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myob-qty-minus:hover,
.myob-qty-plus:hover {
    background-color: #f0f0f0;
}

.myob-quantity-input input[type="number"]::-webkit-inner-spin-button,
.myob-quantity-input input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.myob-quantity-input .input-text.qty.text {
    text-align: center;
    border: none;
    box-shadow: none;
    height: 100%;
    flex-grow: 1;
    padding: 0;
    font-size: 16px;
    appearance: textfield;
}

/* product page tabs */
.myob-custom-tabs-wrapper.tabs-count-1 .tabs.wc-tabs,
.myob-custom-tabs-wrapper.tabs-count-2 .tabs.wc-tabs {
    display: none;
}

@media(max-width: 1360px) {
    .woocommerce ul.products.columns-4 li.product {
        flex: 0 0 calc(33.33% - 22px);
    }
}

@media(max-width: 860px) {
    .woocommerce ul.products.columns-4 li.product {
        flex: 0 0 calc(50% - 22px);
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 24px;
    }

    .wp-theme-myob .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
    .woocommerce ul.products li.product .price {
        font-size: 18px;
    }

    .woocommerce-message {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 110px 20px 20px 20px;
    }

    .woocommerce-message::before {
        left: calc(50% - 28px);
        top: 24px;
    }
}
@media(max-width: 576px) {
    .woocommerce ul.products {
        justify-content: center;
    }

    .woocommerce ul.products.columns-4 li.product {
        flex: 0 0 320px;
    }

}

/* cart page */
.cart-page-subtitle {
    font-size: 36px;
    margin-bottom: 36px;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100%;
}
.woocommerce table.myob-cart-table {
    border: none;
    border-spacing: 0;
    border-collapse: separate;
}
.woocommerce table.myob-cart-table td {
    border: none;
}
.woocommerce table.myob-cart-table th {
    background-color: #F5F5F5;
    font-size: 18px;
    font-weight: 600;
    padding: 22px 25px;
}
.woocommerce table.myob-cart-table th:first-child {
    border-radius: 20px 0 0 20px;
}
.woocommerce table.myob-cart-table th:last-child {
    border-radius: 0 20px 20px 0;
}
.myob-cart-product-wrp {
    display: flex;
}
.woocommerce-cart table.myob-cart-table td {
    vertical-align: top;
}
.woocommerce table.myob-cart-table td {
    padding: 58px 0 0 25px;
}
.woocommerce table.myob-cart-table td.product-name {
    padding-left: 0;
}
.woocommerce table.myob-cart-table td.product-quantity {
    padding-top: 44px;
}

.woocommerce table.myob-cart-table tr {
    padding-top: 34px;
}
.myob-cart-product-thumbnail {
    margin-right: 36px;
}
.woocommerce-cart table.myob-cart-table .myob-cart-product-thumbnail img {
    display: block;
    width: 190px;
    border-radius: 12px;
}
.myob-cart-product-name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
}
.myob-cart-product-variations {
    font-size: 22px;
    font-weight: 400;
    color: #8A8A8A;
}
.myob-cart-product-remove a.remove {
    display: inline-block;
    font-size: 22px;
    height: auto;
    width: auto;
    text-align: left;
    line-height: 1.3;
    border-radius: unset;
    color: #8A8A8A!important;
    text-decoration: underline;
    font-weight: 400;
    border: 0;
    margin-top: 58px;
}
.myob-cart-product-remove a.remove:hover {
    color: var(--wc-red) !important;
    background: transparent;
}



/* totals */
.myob-cart-totals table.shop_table {
    border: none;
}
.cart-page-note {
    color: #8A8A8A;
    font-size: 16px;
    margin-bottom: 33px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 514px;
    max-width: 100%;
}
.cart-collaterals {
    border-top: 1px solid #9C9C9C;
    padding-top: 50px;
}
.woocommerce-cart .myob-cart-totals .wc-proceed-to-checkout a.checkout-button {
    background-color: #000;
    max-width: 100%;
    padding: 19px 24px;
    border: 1px solid #000;
    border-radius: 32px;
}
.woocommerce-cart .myob-cart-totals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #fff;
    color: #000;
}
.woocommerce-shipping-totals .select2-container .select2-selection--single,
.woocommerce-checkout .select2-container .select2-selection--single {
    height: auto;
}
#myob-cart-table .actions button.button {
    font-size: 24px;
    margin: 0;
    line-height: 1;
    /* cursor: pointer; */
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 19px 24px;
    font-weight: 600;
    border-radius: 32px;
    left: auto;
    color: #FFF;
    background-color: #000;
    display: inline-block;
    border: 1px solid #000;
}
#myob-cart-table .actions button.button:not([disabled]):hover {
    background-color: #fff;
    color: #000;
}
.cart-collaterals .woocommerce-shipping-totals.shipping {
    display: none;
}
.cart-collaterals .order-total {
    display: none;
}
.woocommerce .cart-collaterals table.shop_table .cart-subtotal th,
.woocommerce .cart-collaterals table.shop_table .cart-subtotal td {
    padding: 0;
    font-size: 22px;
}


@media(max-width: 768px){
    .cart-page-subtitle {
        font-size: 24px;
        margin-bottom: 8px;
    }
    #myob-cart-table thead {
        display: none;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: #fff;
    }
    #myob-cart-table .woocommerce-cart-form__cart-item td {
        position: relative;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        position: absolute;
        top: 10px;
        font-size: 16px;
        left: 0;
    }
    .woocommerce table.shop_table_responsive tr.cart_item {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 20px;
        padding-bottom: 32px;
        border-bottom: 1px solid #9C9C9C;
    }
    .woocommerce table.myob-cart-table td {
        padding-left: 0;
    }
    #myob-cart-table .woocommerce-cart-form__cart-item td.product-name {
        flex: 0 0 100%;
    }
    #myob-cart-table .woocommerce-cart-form__cart-item td.product-price {
        flex: 1 1 auto;
    }
    #myob-cart-table .woocommerce-cart-form__cart-item td.product-quantity {
        flex: 1 1 auto;
        padding-top: 50px;
    }
    
    .myob-cart-product-name {
        font-size: 16px;
    }
    .myob-cart-product-variations {
        font-size: 16px;
    }
    .myob-cart-product-remove a.remove {
        font-size: 16px;
        margin-top: 8px;
    }
    .myob-cart-product-thumbnail {
        margin-right: 16px;
    }
    .woocommerce-cart table.myob-cart-table .myob-cart-product-thumbnail img {
        width: max(120px, 25vw);
    }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        text-align: left!important;
    }
    .myob-quantity-input {
        height: 40px;
        width: 104px;
    }
    .myob-quantity-input .myob-qty-minus, .myob-quantity-input .myob-qty-plus {
        font-size: 16px;
        width: 38px;
        color: #333;
    }
    .cart-collaterals {
        border: none;
    }
}

/* MyAccount */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #F5F5F5;
    width: 315px;
    max-width: 100%;
    padding: 42px 24px;
    border-radius: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.entry-content .woocommerce-MyAccount-navigation-link {
    margin-bottom: 4px;
}
.entry-content .woocommerce-MyAccount-navigation-link:last-child {
    margin-bottom: 0;
}
.entry-content .woocommerce-MyAccount-navigation-link a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 12px 21px 12px 21px;
    font-size: 18px;
    border-radius: 32px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    height: 64px;
    transition: all .3s;
}
.entry-content .woocommerce-MyAccount-navigation-link a:hover {
    color: var(--vivid-violet);
}
.entry-content .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--vivid-violet);
    color: #FFF;
}
.entry-content .woocommerce-MyAccount-navigation-link.is-active a:hover {
    color: #FFF;
    background-color: var(--link-hover);
}

.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--edit-account {
    display: none;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2141 1.58392C14.5596 1.58392 11.5301 4.36679 11.1332 7.91928H9.50301C7.67209 7.91928 6.14799 9.29184 5.95793 11.1133L3.97813 30.1193C3.8736 31.1211 4.20051 32.1256 4.87523 32.8756C5.54994 33.6239 6.51589 34.0526 7.52321 34.0526H30.4889C31.4962 34.0526 32.4621 33.6239 33.1369 32.8756C33.8116 32.1264 34.1369 31.1211 34.0324 30.1193L32.0542 11.1133C31.8641 9.29184 30.34 7.91928 28.5091 7.91928H26.8881C26.9127 8.18061 26.9252 8.44511 26.9252 8.7112V10.295H28.5091C29.1196 10.295 29.6274 10.7533 29.6908 11.3607L31.6706 30.3668C31.7054 30.701 31.5962 31.0353 31.3721 31.284C31.1471 31.5335 30.8247 31.6769 30.4889 31.6769H7.52321C7.18743 31.6769 6.86569 31.5342 6.64158 31.2855C6.41667 31.0361 6.30667 30.701 6.34152 30.3668L8.32131 11.3607C8.38467 10.7533 8.89244 10.295 9.50301 10.295H11.0868V13.0668C11.0846 13.2242 11.1137 13.3804 11.1724 13.5265C11.2311 13.6726 11.3182 13.8055 11.4288 13.9176C11.5393 14.0297 11.671 14.1188 11.8162 14.1795C11.9614 14.2403 12.1173 14.2716 12.2747 14.2716C12.4321 14.2716 12.588 14.2403 12.7332 14.1795C12.8785 14.1188 13.0102 14.0297 13.1207 13.9176C13.2312 13.8055 13.3184 13.6726 13.3771 13.5265C13.4358 13.3804 13.4648 13.2242 13.4626 13.0668V8.7112C13.4626 6.07309 15.576 3.95968 18.2141 3.95968C20.5818 3.95968 22.5221 5.66317 22.896 7.91928H15.1516C15.0851 8.17269 15.0464 8.4372 15.0464 8.7112V10.295H22.9656V13.0668C22.9634 13.2242 22.9925 13.3804 23.0512 13.5265C23.1099 13.6726 23.197 13.8055 23.3076 13.9176C23.4181 14.0297 23.5498 14.1188 23.695 14.1795C23.8402 14.2403 23.9961 14.2716 24.1535 14.2716C24.3109 14.2716 24.4668 14.2403 24.612 14.1795C24.7573 14.1188 24.889 14.0297 24.9995 13.9176C25.11 13.8055 25.1971 13.6726 25.2558 13.5265C25.3145 13.3804 25.3436 13.2242 25.3414 13.0668V8.7112C25.3414 4.78904 22.1363 1.58392 18.2141 1.58392Z' fill='black' /%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 410px);
}
.woocommerce-Address-title h2, 
.woocommerce-MyAccount-content h2 {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 36px;
}
.woocommerce-order-details__title {
    margin-bottom: 32px;
}
.woocommerce-account-header {
    margin-bottom: 32px;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders {
    border: none;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders th {
    padding: 22px 0;
    font-size: 18px;
    background-color: #F5F5F5;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders th.wc-orders-col-order-id {
    border-radius: 20px 0 0 20px;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders th.wc-orders-col-status {
    border-radius: 0 20px 20px 0;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders tbody th,
.woocommerce table.shop_table.woocommerce-MyAccount-orders tbody td {
    border-bottom: 1px solid #8A8A8A;
    border-top: none;
    font-size: 18px;
}
.wc-orders-col-product .hidden {
    display: none;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders .wc-orders-col-order-id {
    width: 160px;
    padding-left: 33px;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders .wc-orders-col-product {
    width: auto;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders .wc-orders-col-total {
    width: 180px;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders .wc-orders-col-status {
    width: 200px;
}
.woocommerce table.shop_table.woocommerce-MyAccount-orders .woocommerce-orders-table__row td {
    padding-top: 28px;
    padding-bottom: 28px;
}
.wc-orders-col-product-name {
    font-weight: 600;
}
.wc-orders-col-status > span {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 23px;
    text-align: center;
    width: 200px;
    white-space: nowrap;
}
.wc-orders-status-on-hold {
    background-color: #FFF3DC;
    border: 1px solid #C98B05;
    color: #C98B05;
}
.wc-orders-status-cancelled {
    background-color: #FFDCDC;
    border: 1px solid #D90000;
    color: #D90000;
}
.wc-orders-status-processing {
    background-color: #DCE6FF;
    border: 1px solid #00368D;
    color: #00368D;
}
.wc-orders-status-completed {
    background-color: #F1FFDC;
    border: 1px solid #00368D;
    color: #008D05;
}

.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {
    background-color: #000;
    color: #FFF;
    border-radius: 22px;
    border: 1px solid #000;
}
.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover {
    background-color: #FFF;
    color: #000;
}

/* thank you page */
.woocommerce-thankyou-subtitle {
    font-family: 'Inter';
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 32px;
}
.myob-woocommerce-order ul.order_details {
    background-color: var(--mauve);
    border-radius: 20px;
    padding: 40px 25px 34px 25px;
    display: flex;
    align-items: flex-start;
    gap: 97px;
    margin-bottom: 32px;
}
.myob-woocommerce-order ul.order_details::before {
    display: none;
}
.myob-woocommerce-order ul.order_details li {
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    border-right: none;
    padding-right: 0;
}
.myob-woocommerce-order ul.order_details .woocommerce-order-overview__payment-method {
    display: none;
}
.myob-woocommerce-order ul.order_details li {
    margin-right: 0;
}
.myob-woocommerce-order table.shop_table {
    border: none;
}
.myob-woocommerce-order table.shop_table thead th {
    background-color: #F5F5F5;
    border-bottom: none;
    padding: 23px 25px;
    font-size: 18px;
}
.myob-woocommerce-order table.shop_table thead th:first-child {
    border-radius: 20px 0 0 20px;
}
.myob-woocommerce-order table.shop_table thead th:last-child {
    border-radius: 0 20px 20px 0;
}
.myob-woocommerce-order table.shop_table tbody th,
.myob-woocommerce-order table.shop_table tbody td,
.myob-woocommerce-order table.shop_table tfoot th,
.myob-woocommerce-order table.shop_table tfoot td {
    border-bottom: 1px solid #8A8A8A;
    border-top: none;
    padding: 23px 25px 50px 25px;
    font-weight: 400;
}
.myob-woocommerce-order table.shop_table .woocommerce-table__product-name {
    font-weight: 600;
}
.myob-woocommerce-order table.shop_table .woocommerce-table__product-name a {
    text-decoration: none;
    color: #000;
}
.myob-woocommerce-order .woocommerce-Price-amount {
    color: #484848;
}
.myob-woocommerce-order-thankyou-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.myob-woocommerce-order-thankyou-item .myob-cart-product-name {
    margin-bottom: 0;
}
.myob-woocommerce-order-thankyou-item .myob-cart-product-variations {
    font-size: 16px;
    margin-bottom: 0;
}
.myob-woocommerce-order-thankyou-item  .product-quantity {
    font-size: 18px;
}
.myob-woocommerce-order .woocommerce-order-details {
    margin-bottom: 82px;
}
.myob-woocommerce-order .woocommerce-customer-details .woocommerce-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 64px;
}
.myob-woocommerce-order .col2-set::before,
.myob-woocommerce-order .col2-set::after {
    display: none;
}
.myob-woocommerce-order .woocommerce-customer-details address {
    border: none;
    font-size: 20px;
    line-height: 1.3;
    border-radius: 0;
    padding: 0;
}
@media(max-width: 1160px){
    .myob-woocommerce-order ul.order_details {
        gap: 32px;
    }
}
@media(max-width: 860px){
    .myob-woocommerce-order ul.order_details {
        flex-direction: column;
        gap: 12px;
    }
    .myob-woocommerce-order .woocommerce-customer-details .woocommerce-columns {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    .myob-woocommerce-order .woocommerce-customer-details .woocommerce-columns > div {
        width: auto;
    }
}

/* checkout */
.myob-checkout-colset {
    display: flex;
}
body:not(.woocommerce-order-received) .myob-checkout-colset .myob-checkout-col-form {
    flex: 0 0 50%;
}
.myob-checkout-col-form .col2-set .col-1,
.myob-checkout-col-form .col2-set .col-2 {
    width: auto;
}
.myob-checkout-col-cart-items {
    flex: 0 0 50%;
    padding-left: 70px;
}
.myob-checkout-items-wrp {
    background-color: var(--mauve);
    border-radius: 20px;
    padding: 55px 46px;
}
.myob-checkout-item {
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
}
.myob-checkout-item:last-child {
    margin-bottom: 0;
}
.myob-checkout-item .myob-checkout-item__thumb-wrap {
    position: relative;
    flex: 0 0 128px;
}
.myob-checkout-item .myob-checkout-item__badge {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    background-color: #FF0606;
    color: #FFF;
}
.myob-checkout-item .attachment-woocommerce_thumbnail {
    width: 128px;
    height: auto;
    border-radius: 8px;
}
.myob-checkout-item .myob-checkout-item__info {
    flex: 1 1 auto;
    font-size: 22px;
}
.myob-checkout-item .myob-checkout-item__title {
    font-weight: 600;
}
.myob-checkout-item .myob-checkout-item__price {
    flex: 0 1 auto;
}
.myob-checkout-item .myob-checkout-item__variation {
    color: #8A8A8A;
}
.myob-checkout-totals {
    text-align: right;
    padding-top: 44px;
    margin-top: 44px;
    border-top: 1px solid rgba(0, 0, 0, .39);
}
.myob-checkout-totals .myob-checkout-totals__row {
    display: flex;
    justify-content: end;
    margin-bottom: 12px;
}
.myob-checkout-totals .myob-checkout-totals__row:last-child {
    margin-bottom: 0;
}
.myob-checkout-totals .myob-checkout-totals__row span {
    flex: 0 0 50%;
}
.myob-checkout-totals .myob-checkout-totals__row--total {
    font-weight: 600;
}
.myob-checkout-colset h3 {
    font-family: 'Inter';
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 22px;
}
.select2-container .select2-selection--single {
    height: auto;
}
.myob-checkout-page #customer_details, .myob-checkout-page .col2-set {
    display: flex;
    flex-direction: column;
}
.myob-checkout-colset .col-2 {
    padding-top: 22px;
}
.myob-checkout-colset .wc_payment_methods {
    display: none;
}
.myob-woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email {
    padding-left: 0;
}
.myob-checkout-page .woocommerce-checkout #payment {
    background-color: transparent;
}
.myob-checkout-page .woocommerce-terms-and-conditions-wrapper {
    display: none;
}
.myob-checkout-page #order_review_heading {
    display: none;
}
.myob-checkout-page .woocommerce-checkout-review-order-table {
    display: none;
}
.myob-checkout-page .woocommerce-checkout #payment div.form-row {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 156px;
}
.myob-checkout-page #place_order {
    background-color: var(--vivid-violet);
    color: #FFF;
    width: 516px;
    max-width: 100%;
    font-size: 24px;
    padding: 20px 24px;
    border-radius: 32px;
}
.return-to-cart-link {
    display: block;
    margin-bottom: 24px;
}
.myob-checkout-page form .form-row {
    margin-bottom: 16px;
}
/* hide label */
.woocommerce-checkout .form-row label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/* style for checkout inputs */
.woocommerce-checkout .myob-field input.input-text,
.woocommerce-checkout .myob-field select,
.woocommerce-checkout .myob-field textarea {
    width: 100%;
    border: 1px solid #8A8A8A;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 16px;
    background: #fff;
    outline: none;
}
.myob-checkout-page .select2-container--default .select2-selection--single {
    border-radius: 12px;
    padding: 1px 18px;
    border: 1px solid #8A8A8A;
}
.myob-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 51px;
    width: 32px;
}
.myob-checkout-page .woocommerce form .form-row .input-text {
    border: 1px solid #8A8A8A;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 16px;
    background: #fff;
}
.uino-upload-field .description {
    display: block;
    margin-top: 12px;
}
@media(max-width: 1160px){
    .myob-checkout-colset {
        flex-direction: column-reverse;
        gap: 50px;
        width: 600px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .myob-checkout-col-cart-items {
        padding-left: 0;
    }
    .myob-checkout-items-wrp {
        max-height: 100vh;
        overflow-y: scroll;
        padding: 32px 24px;
    }
    /* .myob-checkout-item {
        min-height: 160px;
    } */
    .myob-checkout-page .woocommerce-checkout #payment div.form-row {
        margin-top: 60px;
    }
    .myob-checkout-colset h3 {
        font-size: 22px;
    }
    .myob-checkout-item .myob-checkout-item__info {
        font-size: 18px;
    }
}
@media(max-width: 560px){
    .myob-checkout-item {
        gap: 16px;
        margin-bottom: 16px;
    }
    .myob-checkout-item .myob-checkout-item__thumb-wrap {
        flex: 0 0 64px;
    }
    .myob-checkout-items-wrp {
        padding: 32px 16px;
    }
    .myob-checkout-item .myob-checkout-item__info {
        font-size: 16px;
    }
    .myob-checkout-item .myob-checkout-item__badge {
        font-size: 14px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        top: -10px;
        right: -10px;
    }
    .myob-checkout-totals {
        font-size: 16px;
        margin-top: 22px;
        padding-top: 22px;
    }
}


/* woocommerce-info */
.woocommerce-info {
    padding: 21px 21px 21px 64px;
    margin: 0 0 2em;
    background-color: var(--mauve);
    color: #000;
    border-top: none;
    border-radius: 20px;
    text-align: center;
    font-family: 'Inter';
}
.woocommerce-info::before {
    top: unset;
}
.wp-theme-myob .return-to-shop a.wc-backward {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    font-size: 22px;
    border-radius: 25px;
}
.wp-theme-myob .return-to-shop a.wc-backward:hover {
    background-color: #FFF;
    color: #000;
} 


/* email icon */
.myob-woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email::before {
    display: none;
}


/* bottom-shop-images */
.bottom-shop-images .wp-block-image {
    border-radius: 42px;
    overflow: hidden;
    margin-top: 80px;
}

/* page */
/* .page-hero {
    background: linear-gradient(0deg, #e6e0d1 0%, var(--vivid-violet) 79.33%);
    border-radius: 42px;
    padding: 96px 0;
    margin: 50px 0 115px 0;
} */
.page-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 90px 0;
    margin: 50px 0 50px 0;
}
/* .has-breadcrumbs .page-hero {
    margin-bottom: 16px;
} */
/* .breadcrumbs {
    margin-bottom: 97px;
} */
.breadcrumbs a {
    text-decoration: underline;
}
.breadcrumbs a:hover {
    color: var(--vivid-violet);
}
/* .page-hero .entry-title {
    font-weight: 600;
    font-size: 80px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
} */
.page-hero .entry-title {
    font-weight: 600;
    font-size: 80px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000;
}
@media(max-width: 860px){
    .page-hero {
        flex-direction: column;
        align-items: start;
        border-radius: 24px;
        padding: 32px 0;
        margin: 30px 0 40px 0;
    }
    .breadcrumbs {
        font-size: 16px;
    }
    .page-hero .entry-title {
        font-size: 48px;
    }
}

.entry-content a {
    color: var(--vivid-violet);
    text-decoration: underline;
}

.entry-content a:hover {
    color: var(--link-hover);
}

.entry-content ul.wp-block-list {
    list-style: disc;
    padding-left: 24px;
}
.wp-block-separator {
    background-color: #8A8A8A;
    color: #8A8A8A;
    height: 1px;
    border: 0;
    margin: 50px 0 50px 0;
}
.template-narrow .entry-content h3.wp-block-heading {
    margin-bottom: 22px;
}
.template-narrow .entry-content p {
    font-size: 18px;
    line-height: 1.33;
    margin-top: 10px;
    margin-bottom: 10px;
}
.template-narrow .entry-content ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.template-narrow .entry-content p.p-mb-45 {
    margin-bottom: 45px;
}
.template-narrow .entry-content h4.wp-block-heading + h5.wp-block-heading {
    margin-top: 12px;
}

/* login */
.login-wrp {
    /* background: linear-gradient(180deg, #000 0%, var(--vivid-violet) 100%); */
    background: linear-gradient(351deg, #e6e0d1 0%, #7b14ef 100%);
    color: #FFF;
}

.myob-input {
    background: transparent;
}

.um-page-login .wp-block-group {
    position: relative;
    overflow: hidden;
}

.um-page-login .login-wrp .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    /* max-height: calc(100vh - 111px); */
    /* min-height: calc(100vh - 111px); */
    min-height: 945px;
    padding-top: 140px;
    padding-bottom: 40px;
    max-width: 1367px;
    position: relative;
}

.um-page-login .login-wrp .wp-block-group__inner-container .wp-block-heading {
    font-size: 76px;
    max-width: 726px;
    margin-bottom: 62px;
    position: relative;
    z-index: 2;
}

.um-page-login .login-wrp .wp-block-group__inner-container .wp-block-image img {
    position: absolute;
    bottom: 24px;
    right: -40px;
    max-height: 100%;
    width: auto;
}
@media(min-width: 1600px){
    .um-page-login .login-wrp .wp-block-group__inner-container {
        height: 942px;
        padding-top: 190px;
    }
    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-image img {
        height: 840px;
        width: auto;
    }
}

.login-banner {
    margin-top: 136px;
    padding: 0 16px;
}

.um-page-login .login-banner .wp-block-group__inner-container .wp-block-image img {
    position: absolute;
    bottom: -297px;
    right: -102px;
    height: 987px;
    /* max-height: 100%; */
    width: auto;
}

.login-banner .wp-block-group__inner-container {
    max-width: 1607px;
    border-radius: 28px;
    background-color: var(--vivid-violet);
    height: 768px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 138px;
}

.login-banner .wp-block-heading {
    display: block;
    max-width: 750px;
    color: #FFF;
    margin-bottom: 50px;
    padding-top: 77px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 2;
}

.login-banner .wp-block-button__link {
    font-size: 24px;
    font-weight: 600;
    width: 220px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.login-banner .wp-block-button__link:hover {
    border: 1px solid var(--link-hover);
    color: var(--link-hover);
}

.login-banner .wp-block-button__link:focus {
    outline: none;
}

.login-to-view {
    font-size: 28px;
    font-weight: 500;
}

.myob-login {
    padding-top: 64px;
    max-width: 400px;
    position: relative;
    z-index: 2;
}

.myob-login__errors {
    position: absolute;
    top: 8px;
    font-size: 14px;
    color: #FFED4A;
}
.myob-login__errors > div {
    padding-left: 24px;
    position: relative;
    margin-bottom: 8px;
}
.myob-login__errors > div::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 0C5.45651 0 5.95988 0.207962 6.22632 0.680923L6.23256 0.692149L6.23258 0.692162L9.85189 7.26676L9.85745 7.27696C10.0902 7.70908 10.0216 8.18071 9.76972 8.52795C9.51997 8.87223 9.09821 9.09069 8.61932 9.09069H1.38068C0.901787 9.09069 0.480029 8.87223 0.230281 8.52795C-0.0235937 8.17797 -0.0912946 7.70163 0.148118 7.26675H0.148132L3.76742 0.692162L3.76744 0.692149C4.0322 0.211257 4.53989 1.27377e-06 4.99999 0ZM4.99999 0.909061C4.7934 0.909062 4.63439 1.00235 4.56379 1.13055L0.944495 7.70516H0.944482C0.890298 7.80358 0.899546 7.90235 0.966134 7.99414C1.03685 8.09163 1.17909 8.18163 1.38068 8.18163H8.61932C8.82091 8.18162 8.96314 8.09163 9.03386 7.99414C9.10046 7.90234 9.10971 7.80357 9.05553 7.70515V7.70516L5.4362 1.13057V1.13055C5.3656 1.00235 5.20658 0.909061 4.99999 0.909061ZM4.54546 6.82688V6.81802C4.54546 6.56699 4.74896 6.36348 4.99999 6.36348C5.25102 6.36348 5.45454 6.56699 5.45454 6.81802V6.82688C5.45454 7.07791 5.25102 7.28142 4.99999 7.28142C4.74896 7.28142 4.54546 7.07791 4.54546 6.82688ZM4.54546 4.99987V3.18174C4.54546 2.93071 4.74896 2.72721 4.99999 2.72721C5.25102 2.72721 5.45454 2.93071 5.45454 3.18174V4.99987C5.45454 5.25091 5.25102 5.45442 4.99999 5.45442C4.74896 5.45441 4.54546 5.2509 4.54546 4.99987Z' fill='%23FFEF62' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
}

.myob-login__field {
    padding-bottom: 20px;
}

.myob-login__field input {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 12px;
    padding: 24px 60px 24px 28px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top 50% right 24px;
}

.myob-login__field input:focus {
    outline: none;
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.15);
}

.myob-login__field input::placeholder {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.myob-login__field.myob-login__field--email input {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09373 6.16669C5.34036 6.16669 3.08331 8.42373 3.08331 11.1771V25.8229C3.08331 28.5763 5.34036 30.8334 8.09373 30.8334H28.9062C31.6596 30.8334 33.9166 28.5763 33.9166 25.8229V11.1771C33.9166 8.42373 31.6596 6.16669 28.9062 6.16669H8.09373ZM8.09373 8.47919H28.9062C30.4094 8.47919 31.6041 9.67393 31.6041 11.1771V12.0292L18.5 19.1128L5.39581 12.0292V11.1771C5.39581 9.67393 6.59056 8.47919 8.09373 8.47919ZM5.39581 14.6579L17.9505 21.4448C18.1193 21.536 18.3081 21.5838 18.5 21.5838C18.6918 21.5838 18.8807 21.536 19.0495 21.4448L31.6041 14.6579V25.8229C31.6041 27.3261 30.4094 28.5209 28.9062 28.5209H8.09373C6.59056 28.5209 5.39581 27.3261 5.39581 25.8229V14.6579Z' fill='white' /%3E%3C/svg%3E");
}

.myob-login__field.myob-login__field--password input {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 3.08331C15.1079 3.08331 12.3334 5.85786 12.3334 9.24998V12.3333H9.63544C7.7334 12.3333 6.16669 13.9 6.16669 15.8021V30.4479C6.16669 32.3499 7.7334 33.9166 9.63544 33.9166H27.3646C29.2666 33.9166 30.8334 32.3499 30.8334 30.4479V15.8021C30.8334 13.9 29.2666 12.3333 27.3646 12.3333H24.6667V9.24998C24.6667 5.85786 21.8921 3.08331 18.5 3.08331ZM18.5 5.39581C20.6425 5.39581 22.3542 7.10751 22.3542 9.24998V12.3333H14.6459V9.24998C14.6459 7.10751 16.3576 5.39581 18.5 5.39581ZM9.63544 14.6458H27.3646C28.0171 14.6458 28.5209 15.1496 28.5209 15.8021V30.4479C28.5209 31.1004 28.0171 31.6041 27.3646 31.6041H9.63544C8.98293 31.6041 8.47919 31.1004 8.47919 30.4479V15.8021C8.47919 15.1496 8.98293 14.6458 9.63544 14.6458ZM18.5 20.8125C17.8867 20.8125 17.2985 21.0561 16.8648 21.4898C16.4312 21.9235 16.1875 22.5117 16.1875 23.125C16.1875 23.7383 16.4312 24.3265 16.8648 24.7602C17.2985 25.1938 17.8867 25.4375 18.5 25.4375C19.1133 25.4375 19.7015 25.1938 20.1352 24.7602C20.5689 24.3265 20.8125 23.7383 20.8125 23.125C20.8125 22.5117 20.5689 21.9235 20.1352 21.4898C19.7015 21.0561 19.1133 20.8125 18.5 20.8125Z' fill='white' /%3E%3C/svg%3E");
}

.myob-login__lost-link {
    color: var(--mauve);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.myob-login__actions {
    margin-top: 46px;
}

@media(max-width: 1680px) {
    .um-page-login .login-wrp .wp-block-group__inner-container {
        padding-top: 100px;
    }

    .login-to-view {
        font-size: 24px;
    }

    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-image img {
        right: 60px;
        max-height: 90%;
    }

    .login-banner .wp-block-group__inner-container {
        max-height: 95vh;
    }
}

@media(max-width: 1360px) {
    .login-banner .wp-block-group__inner-container {
        padding-left: 24px;
    }
    .um-page-login .login-wrp .wp-block-group__inner-container {
        padding-top: 40px;
        min-height: unset;
    }

    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-heading {
        max-width: 65vw;
        font-size: 6.5vw;
    }

    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-image img {
        right: 24px;
        max-width: 40vw;
    }

    .um-page-login .login-banner .wp-block-group__inner-container .wp-block-image img {
        height: unset;
        max-height: 55vw;
        bottom: -140px;
        right: -40px;
    }
}

@media(max-width: 768px) {
    .login-banner .wp-block-group__inner-container {
        height: 600px;
        justify-content: start;
        padding-top: 80px;
    }

    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-heading {
        max-width: 100%;
        font-size: 9vw;
    }

    .login-to-view {
        font-size: 18px;
    }

    .um-page-login .login-wrp .wp-block-group__inner-container .wp-block-image img {
        display: none;
    }

    .login-banner .wp-block-heading {
        font-size: 9vw;
    }

    .um-page-login .login-banner .wp-block-group__inner-container .wp-block-image img {
       max-width: unset;
        max-height: unset;
        height: 320px;
        bottom: -106px;
        right: -20px;
    }
}




/* password reset */
.theme-myob .um input[type="submit"].um-button {
    background-color: var(--vivid-violet);
    border-radius: 32px !important;
}

.theme-myob .um input[type="submit"].um-button:hover {
    background-color: var(--link-hover);
}

/* faq */
.wp-block-yoast-faq-block {
    margin-top: 191px;
}

.schema-faq-section {
    border: 1px solid #ccc;
    border-radius: 18px;
    background-color: #fff;
    margin-bottom: 32px;
    transition: background-color 300ms ease;
}
.schema-faq-question {
    font-family: 'McQueen';
    font-weight: 600;
    font-size: 26px;
}

.schema-faq-section.is-open {
    background-color: var(--mauve);
}

.schema-faq-question {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 40px 86px 40px 40px;
}

.schema-faq-question::after {
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.5674 29.2625L25.2625 19.9575L15.9575 29.2625M48.5249 25.2625C48.5249 38.1099 38.1099 48.5249 25.2625 48.5249C12.415 48.5249 2 38.1099 2 25.2625C2 12.415 12.415 2 25.2625 2C38.1099 2 48.5249 12.415 48.5249 25.2625Z' stroke='%237B14EF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    transition: transform 300ms ease;
}

.schema-faq-section.is-open .schema-faq-question::after {
    transform: rotate(0deg);
}

.template-narrow .entry-content p.schema-faq-answer {
    display: block;
    padding: 0 40px;
    margin-top: 0;
    margin-bottom: 0px;
    overflow: hidden;
    height: 0;
    transition: height 300ms ease;
}

.is-open .schema-faq-answer {
    margin-bottom: 40px!important;
}

.uino-save-address-wrapper {
    padding-top: 40px;
    border-top: 1px solid #9C9C9C;
}

.uino-save-address-field {
    display: flex;
    align-items: center;
}
.woocommerce-Address address {
    font-style: normal;
}

.woocommerce-form__input-checkbox {
    opacity: 0;
    display: none;
}
.woocommerce-form__label-for-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 42px;
    position: relative;
    min-height: 32px;
}
.woocommerce-form__label-for-checkbox::before {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    border: 3px solid #000;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.woocommerce-form__label-for-checkbox:has(input[type="checkbox"]:checked)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4167 1.75L6.33333 11.8333L1.75 7.25' stroke='%231E1E1E' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
#ship-to-different-address {
    font-size: 18px;
    font-family: 'Inter';
}
#uino_save_address_field span.optional {
    display: none;
}


.uino-upload-field-wrp {
    display: flex;
    align-items: center;
    gap: 36px;
}
.uino-upload-button {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    border-radius: 25px;
    height: 50px;
    flex: 0 0 calc(50% - 16px);
    transition: all .3s;
}
.uino-upload-button:hover {
    background-color: #fff;
    color: #000;
}
.woocommerce-checkout .form-row.uino-upload-field label {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #8A8A8A;
    border-radius: 12px;
    font-size: 16px;
    color: #8A8A8A;
    padding-left: 20px;
    height: 50px;
    flex: 0 0 calc(50% - 16px);
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4816 5.125C20.1482 5.12988 19.8299 5.26453 19.5941 5.50037L14.4691 10.6254C14.3462 10.7434 14.248 10.8848 14.1804 11.0413C14.1127 11.1978 14.077 11.3662 14.0753 11.5366C14.0735 11.7071 14.1058 11.8762 14.1703 12.034C14.2347 12.1918 14.33 12.3352 14.4505 12.4557C14.571 12.5763 14.7144 12.6716 14.8722 12.736C15.0301 12.8004 15.1991 12.8327 15.3696 12.831C15.5401 12.8293 15.7085 12.7935 15.8649 12.7259C16.0214 12.6583 16.1628 12.5601 16.2809 12.4371L19.2188 9.49927V27.7604C19.2163 27.9302 19.2477 28.0988 19.311 28.2563C19.3743 28.4139 19.4683 28.5573 19.5875 28.6782C19.7068 28.7991 19.8488 28.8951 20.0055 28.9606C20.1621 29.0262 20.3302 29.0599 20.5 29.0599C20.6698 29.0599 20.8379 29.0262 20.9945 28.9606C21.1512 28.8951 21.2932 28.7991 21.4125 28.6782C21.5317 28.5573 21.6257 28.4139 21.689 28.2563C21.7523 28.0988 21.7837 27.9302 21.7812 27.7604V9.49927L24.7191 12.4371C24.8372 12.5601 24.9786 12.6583 25.1351 12.7259C25.2915 12.7935 25.4599 12.8293 25.6304 12.831C25.8009 12.8327 25.9699 12.8004 26.1278 12.736C26.2856 12.6716 26.429 12.5763 26.5495 12.4557C26.67 12.3352 26.7653 12.1918 26.8297 12.034C26.8942 11.8762 26.9265 11.7071 26.9247 11.5366C26.923 11.3662 26.8873 11.1978 26.8196 11.0413C26.752 10.8848 26.6538 10.7434 26.5309 10.6254L21.4059 5.50037C21.2848 5.37919 21.1405 5.28353 20.9818 5.21906C20.823 5.15458 20.653 5.1226 20.4816 5.125ZM9.82292 14.5208C7.24353 14.5208 5.125 16.6394 5.125 19.2188V31.1771C5.125 33.7565 7.24353 35.875 9.82292 35.875H31.1771C33.7565 35.875 35.875 33.7565 35.875 31.1771V19.2188C35.875 16.6394 33.7565 14.5208 31.1771 14.5208H29.4688C29.299 14.5184 29.1304 14.5498 28.9729 14.6131C28.8153 14.6764 28.6719 14.7704 28.551 14.8896C28.4301 15.0088 28.3341 15.1509 28.2685 15.3075C28.203 15.4642 28.1693 15.6323 28.1693 15.8021C28.1693 15.9719 28.203 16.14 28.2685 16.2966C28.3341 16.4533 28.4301 16.5953 28.551 16.7145C28.6719 16.8338 28.8153 16.9277 28.9729 16.9911C29.1304 17.0544 29.299 17.0857 29.4688 17.0833H31.1771C32.3714 17.0833 33.3125 18.0244 33.3125 19.2188V31.1771C33.3125 32.3714 32.3714 33.3125 31.1771 33.3125H9.82292C8.6286 33.3125 7.6875 32.3714 7.6875 31.1771V19.2188C7.6875 18.0244 8.6286 17.0833 9.82292 17.0833H11.5312C11.701 17.0857 11.8696 17.0544 12.0271 16.9911C12.1847 16.9277 12.3281 16.8338 12.449 16.7145C12.5699 16.5953 12.6659 16.4533 12.7315 16.2966C12.797 16.14 12.8307 15.9719 12.8307 15.8021C12.8307 15.6323 12.797 15.4642 12.7315 15.3075C12.6659 15.1509 12.5699 15.0088 12.449 14.8896C12.3281 14.7704 12.1847 14.6764 12.0271 14.6131C11.8696 14.5498 11.701 14.5184 11.5312 14.5208H9.82292Z' fill='black' /%3E%3C/svg%3E");
}
#uino_checkout_upload {
    display: none;
}
.uino-upload-field-description {
    margin-bottom: 20px;
}
@media(max-width: 768px){
    .uino-upload-field-wrp {
       flex-wrap: wrap;
    }
    .woocommerce-checkout .form-row.uino-upload-field label {
        flex: 0 0 100%;
    }
    .uino-upload-button {
        flex: 0 0 100%;
    }
}

.woocommerce span.onsale {
    background-color: var(--vivid-violet);
    width: 50px;
    height: 50px;
    font-weight: 600;
    line-height: 44px;
    min-height: unset;
    min-width: unset;
}