@font-face {
    font-family: star;
    src: url(../fonts/star.eot);
    src: url(../fonts/star.eot#iefix) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../images/star.svg#star) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: WooCommerce;
    src: url(../fonts/WooCommerce.eot);
    src: url(../fonts/WooCommerce.eot#iefix) format("embedded-opentype"), url(../fonts/WooCommerce.woff) format("woff"), url(../fonts/WooCommerce.ttf) format("truetype"), url(../images/WooCommerce.svg#WooCommerce) format("svg");
    font-weight: 400;
    font-style: normal
}

:root {
    --woocommerce: #7F54B3;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #ffba00;
    --wc-blue: #2ea2cc;
    --wc-primary: #7F54B3;
    --wc-primary-text: white;
    --wc-secondary: #e9e6ed;
    --wc-secondary-text: #515151;
    --wc-highlight: #b3af54;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676
}

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: 1000px
}

.clear {
    clear: both
}

.woocommerce a.button.disabled,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled],
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button:disabled[disabled]:hover {
    opacity: .5
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover {
    opacity: .9
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce input.button.disabled,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled[disabled]:hover {
    opacity: .5
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2rem
}

.woocommerce div.product::after {
    content: "";
    display: block;
    clear: both
}

.woocommerce div.product div.summary>* {
    margin-bottom: var(--wp--style--block-gap)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 var(--wp--preset--color--background, #fff)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 var(--wp--preset--color--background, #fff)
}

.woocommerce div.product form.cart div.quantity {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.woocommerce div.product form.cart div.quantity .qty {
    margin-right: .5rem
}

.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart button[name=add-to-cart] {
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.woocommerce div.product .related.products {
    margin-top: 5rem
}

.woocommerce .woocommerce-Reviews #comments {
    margin-bottom: var(--wp--style--block-gap)
}

.woocommerce .woocommerce-Reviews .commentlist {
    box-sizing: border-box
}

.woocommerce .woocommerce-Reviews .comment-reply-title {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700
}

.woocommerce .price ins,
.woocommerce bdi {
    text-decoration: none
}

.woocommerce span.onsale {
    background-color: var(--wp--preset--color--foreground, #b3af54);
    color: var(--wp--preset--color--background, #fff)
}

.woocommerce table.variations tr {
    display: block;
    margin-bottom: var(--wp--style--block-gap)
}

.woocommerce table.variations tr th {
    padding-right: 1rem
}

.woocommerce table.variations tr td select {
    height: 3.5rem;
    padding: .9rem 1.1rem;
    font-size: var(--wp--preset--font-size--small)
}

.woocommerce div.product form.cart table.variations th {
    line-height: 3.5rem
}

a.added_to_cart {
    display: block;
    margin-top: 1rem
}

.woocommerce-page .input-text {
    font-size: var(--wp--preset--font-size--small);
    padding: .9rem 1.1rem
}

.woocommerce-page label {
    margin-bottom: .7rem
}

.woocommerce-page .select2-container .select2-search__field,
.woocommerce-page .select2-container .select2-selection {
    height: 3.5rem;
    font-size: var(--wp--preset--font-size--small);
    padding: .9rem 1.1rem
}

.woocommerce-page .select2-container .select2-dropdown {
    padding: .9rem 1.1rem
}

.woocommerce-page .select2-container .select2-dropdown .select2-search__field {
    margin-bottom: 1rem
}

.woocommerce-page .select2-container .select2-selection .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3.5rem
}

.woocommerce form .form-row {
    margin-bottom: 1rem
}

.woocommerce form textarea {
    min-height: 100px
}

.woocommerce-page table.shop_table {
    width: 70%;
    border-collapse: collapse
}

@media only screen and (max-width:768px) {
    .woocommerce-page table.shop_table {
        width: 100%
    }
}

.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
    padding: 1rem
}

.woocommerce-page table.shop_table_responsive {
    width: 100%
}

.woocommerce-page .woocommerce-cart-form .product-remove {
    width: 1rem
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail {
    width: 120px
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail a img {
    width: 117px
}

.woocommerce-page .woocommerce-cart-form .coupon {
    display: flex;
    align-items: center
}

.woocommerce-page .woocommerce-cart-form #coupon_code {
    width: auto;
    margin-right: .8rem;
    height: 50px;
    font-size: var(--wp--preset--font-size--small);
    padding: 0 1.1rem
}

@media only screen and (max-width:768px) {
    .woocommerce-page .woocommerce-cart-form .product-remove {
        width: auto
    }

    .woocommerce-page .woocommerce-cart-form #coupon_code {
        width: 50%;
        margin-right: 0
    }
}

.woocommerce-page .cart-collaterals h2 {
    font-size: var(--wp--preset--font-size--medium)
}

.woocommerce-page .woocommerce-form-coupon .button {
    min-height: 50px
}

.woocommerce-page .woocommerce-thankyou-order-received,
.woocommerce-page h2.woocommerce-column__title {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 300
}

.woocommerce-page ul.woocommerce-order-overview {
    display: flex;
    width: 100%;
    padding-left: 0;
    font-size: var(--wp--preset--font-size--small)
}

@media only screen and (max-width:768px) {
    .woocommerce-page ul.woocommerce-order-overview {
        flex-direction: column
    }
}

.woocommerce-page ul.woocommerce-order-overview li {
    flex-grow: 1;
    margin-bottom: 1rem;
    border: none;
    display: inline;
    text-transform: uppercase
}

.woocommerce-page ul.woocommerce-order-overview li strong {
    text-transform: none;
    display: block
}

.woocommerce-page .woocommerce-customer-details address {
    box-sizing: border-box;
    width: 70%;
    padding: 2rem;
    border-width: 1px;
    border-radius: 0
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 0 2rem;
    padding: 0
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none;
    padding: 1rem 0
}

@media only screen and (max-width:768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation li {
        padding: .35rem 0
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    padding-top: 0
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    text-decoration: underline
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    text-decoration: none
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    text-decoration: underline
}

.woocommerce-account .woocommerce-MyAccount-content p.form-row-first,
.woocommerce-account .woocommerce-MyAccount-content p.form-row-last,
.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type {
    margin-block-start: 0
}

.woocommerce-account .woocommerce-customer-details address,
.woocommerce-account table.shop_table.order_details {
    width: 100%
}

.woocommerce-account .addresses .title .edit {
    display: block;
    margin-bottom: 1rem
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form>h3 {
    margin-block-start: 0
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    display: block;
    margin-bottom: 1em;
    text-align: center
}

.woocommerce-page .woocommerce-form-login .input-text {
    font-size: var(--wp--preset--font-size--small);
    padding: .9rem 1.1rem
}

.woocommerce-page .woocommerce-form-login label {
    margin-bottom: .7rem
}

.woocommerce-page .woocommerce-form-login .show-password-input {
    top: .8rem;
    right: 1.2rem
}

.woocommerce-store-notice,
p.demo_store {
    background: var(--wp--preset--color--foreground, #7f54b3);
    bottom: 0;
    color: var(--wp--preset--color--background, #fff);
    position: fixed;
    top: auto !important
}

.woocommerce-store-notice a,
p.demo_store a {
    color: var(--wp--preset--color--background, #fff)
}