/*
Theme Name:		Happyboxers
Theme URI:		#
Description:	Happyboxers is a child theme of Storefront
Author:			artv
Author URI:		#
Template:		storefront
Version:		1.0.0
Text Domain:	happyboxers-theme
*/

body {
    font-family: "Inter", sans-serif;
}

input {
    font-family: "Inter", sans-serif;
}

a {
    text-decoration: none !important;
}

.hfeed.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-content {
    flex: 1;
}


h1,
h2,
h3,
h4 {
    letter-spacing: 0;
}

h1 {
    font-size: 32px !important;
    font-weight: 500 !important;
}

h2 {
    font-weight: 500 !important;
}

h3 {
    font-size: 20px !important;
    font-weight: 400 !important;
}

h4 {
    font-size: 16px !important;
}

@media screen and (min-width: 768px) {

    #masthead.site-header {
        padding: 0;
    }

    div.col-full {
        padding: 0;
        align-items: center;
        width: auto;
        max-width: 1440px;
    }

    .site-header > div.col-full {
        justify-content: space-between;
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
    }

    div.site-branding {
        width: auto !important;
        margin: 0 !important;
        flex: 0 0 auto;
        text-align: left;
    }

    div.site-branding > a > img.custom-logo {
        width: auto !important;
        height: 48px !important;
    }

    div.happyboxers-primary-navigation {
        line-height: 5em;
        justify-items: center;
        flex: 2;
        display: flex;
        justify-content: center;
        margin: 0;
    }

    div.site-title a {
        align-items: center;
    }

    div.happyboxers_client_side {
        flex: 0 0 auto;
        display: flex;
        justify-content: right;
        align-items: center;
        gap: 24px
    }

    div.happyboxers_client_side a {
        flex: 0 0 auto;
    }

    div.happyboxers_client_side a img {
        width: 24px;
        height: 24px;
    }

    a.happyboxers-search,
    a.happyboxers-my-account,
    a.happyboxers-wishlist {
        margin-left: 0;
        align-self: center;
        line-height: 5em;
    }

    a.cart-contents > span {
        margin-left: 0;
        align-self: center;
    }

    a.cart-contents > div {
        display: flex;
        justify-content: center;
        width: 24px;
        height: 24px;
        align-items: center;
    }

    span.count {
        display: flex;
        height: 16px;
        width: 16px;
        background-color: greenyellow;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        position: absolute;
        padding: 9px;
        font-size: 12px;
        margin-left: 12px !important;
        margin-top: -40px;
    }

    span.count.empty {
        background-color: rgb(200, 200, 200);
    }

    div.primary-navigation {
        display: flex;
        font-size: 18px;
        font-weight: 400;
    }

    nav#site-navigation {
        width: auto !important;
        margin: 0;
        display: flex;
    }
    
    #menu-main {
        white-space: nowrap;
        display: flex;
      }
    
    li.menu-item a {
        padding: 0 0.5em !important;
    }

    nav.woocommerce-pagination {
        float: none;
    }

    .happyboxers_filter_products_wrapper {
        display: flex;
        justify-content: left;
        align-items: flex-start;
    }

    .woof_products_top_panel {
        margin: 0 0 0 -8em;
    }

    .site-search {
        margin: 0;
    }

    .search-visible {
        display: flex !important;
    }

    .search-field {
        width: 250px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        background-color: white !important;
        box-shadow: none !important;

    }

    .woocommerce-product-search {
        display: flex;
    }

    form.woocommerce-product-search {
        width: 250px !important;
    }

    form.woocommerce-product-search::before {
        display: none !important;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product {
        height: 353px;
    }
        
    .summary.entry-summary > .happyboxers-package-container-in-product > .package-add-to-cart-button {
        display: flex;
        justify-content: end;
        top: -48.65px;
        position: relative;
    }
    
    .summary.entry-summary > .happyboxers-package-container-in-product > .package-add-to-cart-button > a {
        width: calc(100% - 281px);
    }
}

/* Remove the ‘box’ around active links */
a:focus,
.focus a {
	outline: none;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none;
    box-shadow: none;
  }

input[type="radio"],
input[type="checkbox"] {
    accent-color: #000000;
}

  .woocommerce input[type="radio"] {
    border: 2px solid black;
    background: white;
  }
  
  .woocommerce input[type="radio"]:checked {
    background: black !important;
  }
  
  .woocommerce input[type="radio"]:checked::after {
    background: white;
  }

div.hentry {
    padding: 0 !important;
    height: 1080px;
    margin-bottom: 124px;
}

/* Remove radius from the item photo */
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 0 !important;
}

h2.woocommerce-loop-product__title {
    font-size: 18px !important;
}

.storefront-breadcrumb {
    margin: 1em 0 0 0;
    padding: 0;
}

.woocommerce-breadcrumb {
    text-transform: lowercase;
}

.woocommerce-breadcrumb a {
    color: black !important;
    text-decoration: none;
}

.breadcrumb-separator::after {
    content: "/" !important;
    color: black !important;
}

.woocommerce-breadcrumb a:first-of-type::before {
    margin-right: 0;
    content: "";
}

.woocommerce-products-header {
    padding: 0 !important;
}

.woocommerce-products-header__title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    padding: 32px 0;
    margin: 0;
    text-transform: uppercase;
}

div.content-area {
    margin-bottom: 64px;
}

.site-main {
    margin-bottom: 0;
}

a[data-tax="woof_text"],
button.woof_reset_search_form,
button.woof_reset_button_2 {
    display: none;
}

.storefront-product-section.storefront-recent-products {
    margin-bottom: 64px;
}

li.product.type-product {
    margin-bottom: 60px !important;
}

.woof_show_auto_form,
.woof_hide_auto_form {
    background: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/08/filter.svg);
    background-repeat: no-repeat !important;
    background-position: left !important;
    width: 2em;
    height: 2em;
    align-items: center;
    display: flex !important;
} 

.woof_show_auto_form.woof_btn_default,
.woof_hide_auto_form.woof_btn_default {
    margin: 0 !important;
}

.woof_products_top_panel_content {
    display: flex;
    margin-left: 10em;
}

.woof_autohide_wrapper {
    width: auto !important;
}

.woof_autohide_wrapper a.woof_show_auto_form::after {
    content: 'показати фільтр';
    font-size: 16px;
    padding-left: 40px;
    white-space: nowrap;
} 

.woof_autohide_wrapper a.woof_hide_auto_form::after {
    content: 'сховати фільтр';
    font-size: 16px;
    padding-left: 40px;
    white-space: nowrap;
}

div.woof_products_top_panel {
    font-size: 14px;
    color: black;
}

.woof {
    margin: 0;
    padding: 0 !important;
    border: none;
}

.woof_auto_show {
    position: relative;
}

.woof_redraw_zone {
    margin-bottom: 1.5em;
    width: 468px !important;
}

.woof_container_pa_size {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.woof_container_pa_color {
    display: block;
    margin: 1em 0 0 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.woof_list {
    display: flex;
    justify-content: space-around;
    width: auto !important;
    height: auto !important;
}

.woof-sd-ie.woof-sd-ie-checkbox {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.woof_container_inner {
    padding: 0 !important;
}

.woof_products_top_panel_content {
    display: none;
}

.woof_remove_ppi {
    background: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/09/cross.svg) !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-position: 1em;
}

.products {
    position: relative;
}

ul[data-container="pa_size"],
ul[data-container="pa_color"] {
    margin-right: 1em !important;
    font-size: 16px;
    white-space: normal;
    word-wrap: break-word;
}

.woof_products_top_panel_ul li ul li {
    margin: 0 1em 0 0 !important;
}

.woof_products_top_panel li {
    display: flex;
    width: auto !important;
}

.woof_products_top_panel li span {
    padding-right: 1.5em;
}

.woof-sd-ie.woof-sd-ie-checkbox:has(input:checked) > label {
    background-color: black !important;
}

.woof-sd-ie.woof-sd-ie-checkbox > label:hover {
    background-color: black !important;
}

.single-product div.product {
    margin-top: 2em;
}

.product_title.entry-title {
    font-size: 24px !important;
    font-weight: 500;
}

.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 400;
    color: black;
}

.woocommerce-product-details__short-description {
    font-size: 12px;
    font-weight: 400;
}

.variations label {
    font-size: 16px;
    font-weight: 400;
    color: black;
}

.variations_form.cart {
    padding: 0 !important;
}

.happyboxers-package-container-in-product{
    border: 1px solid #e5e5e5;
    padding: 48px 48px 48px 32px;
    margin-top: 3em;
    width: 100%;
}

.happyboxers-package-container-in-product p.package-container-title {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: black;
    align-items: center;
}

.happyboxers-package-container-in-product img{
    height: 257px !important;
    width: 257px !important;
    max-width: max-content;
}
.happyboxers-icon.package{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 13px;
    background-repeat: no-repeat;
    background-image: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/01/package.svg);
}

.package-image{
    display: inline-block;
    width: 257px !important;
    height: 257px !important;
}

.package-info {
    margin-left: 24px;
    width: 100%;
}

.package-name {
    line-height: normal;
    font-size: 20px;
    font-weight: 500;
    color: black;
}

.package-description{
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    margin: 16px 0 24px 0;
    color: black;
    text-transform: lowercase;
}

.package-price {
    line-height: normal;
    margin-bottom: 89.35px;
}

.package-container{
    display: flex;
    width: auto !important;
}

div[data-block-name="woocommerce/cart"] > div > div > div.my-box-wrapper > div.happyboxers-package-container-in-product > div.package-add-to-cart-button {
    margin-top: 16px;
}

.stock.out-of-stock {
    margin-bottom: 16px;
    display: none;
}

section.related.products {
    margin-top: 124px;
}

section.related.products h2 {
    font-size: 32px;
    text-transform: uppercase;
}

.woocommerce-product-gallery__image.flex-active-slide img {
    width: 100%;
    height: auto;
}

.woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
}

.variations .label {
    margin-bottom: 1em;
    font-weight: 400 !important;
}

.cfvsw-swatches-option.cfvsw-label-option {
    border-color: black;
}

.cfvsw-swatches-option.cfvsw-label-option:not(.cfvsw-swatches-blur-disable.cfvsw-swatches-disabled):hover {
    background-color: black !important;
}

.cfvsw-swatches-option.cfvsw-label-option:hover .cfvsw-swatch-inner {
    color: white;
}

.cfvsw-swatch-inner {
    color: black;
}

.cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch {
    background-color: black !important;
}

.cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
    color: white;
}

.cfvsw-swatches-blur-disable.cfvsw-swatches-disabled {
    border-color: rgb(184, 184, 184) !important;
}

.cfvsw-swatches-blur-disable.cfvsw-swatches-disabled div.cfvsw-swatch-inner {
    color: rgb(184, 184, 184) !important;
    border-color: rgb(184, 184, 184) !important;
}

.reset_variations,
.cfvsw-selected-label {
    display: none !important;
}

div.summary.entry-summary > p.price {
    margin: 16px 0 117.22px 0 !important;
    font-size: 18px;
    height: auto !important;
}

.variations_form.cart {
    margin: 0 !important;
}

.woocommerce-variation-add-to-cart {
    padding: 0 !important;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .flex-control-nav.flex-control-thumbs > li {
        max-width: 150px !important;
        max-height: 150px;
        width: 150px !important;
        height: 150px;
        margin: 0 1.5em 1.5em 0 !important;
    }

    .flex-control-nav.flex-control-thumbs > li > img {
        max-width: 150px !important;
        max-height: 150px;
        width: 150px !important;
        height: 150px;
    }

    .woocommerce-product-gallery {
        width: 50% !important;
    }

    .summary.entry-summary {
        width: 45% !important;
    }
}

.flex-viewport {
    margin-bottom: 1.5em !important;
}

.stock.in-stock {
    display: none;
}

.woocommerce-product-gallery {
    margin-bottom: 48px !important;
    margin-right: 60px !important;
}

.woocommerce-product-gallery > ol.flex-control-nav.flex-control-thumbs > li {
    margin-bottom: 16px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.woocommerce.wp-block-group.alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

textarea#order_comments,
input.input-text,
input.input-text.ui-autocomplete-input,
input#account_password,
input#billing_first_name,
input#billing_last_name,
input#billing_email,
input#billing_phone,
input#shipping_first_name,
input#shipping_last_name,
input#shipping_phone {
    box-shadow: none;
    background-color: white;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
    padding: 8px;
}


.checkout-step-wrapper {
    display: flex;
}

.checkout-step-wrapper > h3 {
    margin: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

span.checkout-step {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: black;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.form-row.form-row-wide {
    width: 48% !important;
}

.form-row.form-row-first {
    margin-right: 24px;
    width: 48%;
}

.form-row.form-row-last {
    width: 48%;
}

.select2-container--default.select2-selection--single {
    border-radius: 0 !important;
    
}

.select2-selection.select2-selection--single {
    border-radius: 0;
    height: fit-content;
}

.select2-selection__rendered {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.select2-selection__arrow {
    align-self: anchor-center;
    /* margin-right: 8px; */
    position: absolute !important;
    top: 50%  !important;
    transform: translateY(-50%);
    right: 8px  !important;
}

.woocommerce-shipping-fields__field-wrapper > p.form-row.form-row-first,
.woocommerce-shipping-fields__field-wrapper > p.form-row.form-row-last {
    margin-top: 0;
    margin-bottom: 16px;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: flex;
    align-items: center;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox > span {
    font-weight: 400;
}

span.createaccount,
span.ship_to_different_address {
    font-size: 16px;
    line-height: normal;
    text-transform: lowercase;
}

.woocommerce-account-fields {
    color: black;
}

h3#ship-to-different-address {
    margin: 16px 0;
}

input#createaccount,
input#ship-to-different-address-checkbox {
    position: relative !important;
    transform: none !important;
    width: 20px;
    height: 20px;
    margin-right: 10px !important;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.happyboxers_checkout-payment_wrapper,
.woocommerce-checkout-review-order {
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
}

div.col-1,
div.col-2,
div.woocommerce-shipping-fields,
div.woocommerce-additional-fields,
.happyboxers_checkout-payment_wrapper {
    margin-bottom: 32px !important;
}

.happyboxers-shipping-methods {
    margin: 16px 0;
}

.woocommerce-shipping-methods > li {
    display: flex;
    align-items: center;
}

input.shipping_method {
    width: 20px;
    height: 20px;
    margin-right: 10px !important;
}
p#mrkv_ua_shipping_nova-poshta_warehouse_ref_field,
p#mrkv_ua_shipping_nova-poshta_warehouse_number_field,
p#mrkv_ua_shipping_nova-poshta_address_address_ref_field {
    margin: 0 !important;
}

p.form-row {
    margin-bottom: 0;
    margin-top: 16px;
}

p.form-row.form-row-wide.create-account.woocommerce-validated {
    margin: 0;
    padding-top: 16px;
}

.form-row.place-order {
    margin-top: 0 !important;
    padding: 0 !important;
    background-color: white !important;
}

label[for="account_password"],
label[for="billing_first_name"],
label[for="billing_last_name"],
label[for="billing_email"],
label[for="billing_phone"],
label[for="shipping_first_name"],
label[for="shipping_last_name"],
label[for="shipping_phone"],
label[for="mrkv_ua_shipping_nova-poshta_city"],
label[for="mrkv_ua_shipping_nova-poshta_warehouse"],
label[for="mrkv_ua_shipping_nova-poshta_address_city"],
label[for="mrkv_ua_shipping_nova-poshta_address_street"],
label[for="mrkv_ua_shipping_nova-poshta_address_house"],
label[for="mrkv_ua_shipping_nova-poshta_address_flat"],
label[for="order_comments"] {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: normal;
    text-transform: lowercase;
}

label[for="shipping_method_0_mrkv_ua_shipping_nova-poshta"],
label[for="shipping_method_0_mrkv_ua_shipping_nova-poshta_address"] {
    color: black;
    line-height: normal;
    margin: 0 !important;
}

label[for="payment_method_bacs"] {
    margin: 16px 0 0 0 !important;
    padding: 0 18px 0 0 !important;
    background-color: white;
    color: black;
    line-height: normal;
}

label[for="payment_method_bacs"]::before {
   display: none !important;
}

h3#order_review_heading {
    float: left;
    white-space: nowrap;
    padding-bottom: 16px;
    display: flex;
    height: 40px;
    align-items: center;
    text-transform: uppercase;
}

.shop_table.woocommerce-checkout-review-order-table {
    margin: 0 !important;
}

tr.cart-subtotal {
    margin-top: 32px;
    line-height: normal;
}

tr.order-total {
    border-top: solid;
    border-width: 1.5px;
    border-color: black;
    margin-top: 16px;
}

tr.cart_item,
tr.cart-subtotal,
tr.cart-shipping-cost,
tr.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
} 

tr.cart_item th,
tr.cart-subtotal th,
tr.cart-shipping-cost th {
    background-color: white !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    color: black;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;

}

tr.order-total th {
    background-color: white !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    color: black;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase !important;
} 

td.product-name {
    background-color: white !important;
    display: flex;
    width: max-content !important;
    overflow-wrap: break-word;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    color: black;
    font-weight: 400;
}

td.product-total {
    background-color: white !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px !important;
    color: black;
    font-weight: 400 !important;
}

td.product-name > span.product-image img {
    width: 75px;
    height: 75px;
    border-radius: 0;
}

tr.cart-subtotal td,
tr.cart-shipping-cost td,
tr.order-total td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 16px !important;
    color: black;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: lowercase;
}

span.product-image {
    margin-right: 16px;
}

a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-above_thumb.tinvwl-loop {
    width: 48px !important;
    height: 48px !important;
}

header.entry-header {
    padding: 0 !important;
}

header.entry-header > h1.entry-title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    padding: 32px 0;
    margin: 0;
    text-transform: uppercase;
}

abbr.required {
    display: none;
}

ul.woocommerce-shipping-methods > li {
    margin-bottom: 6px !important;
}

.input-text.ui-autocomplete-input::placeholder {
    content: "Введіть вулицю";
}

span.select2-selection__placeholder {
    color: #6D6D6D !important;
}

.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text > p {
    font-size: 14px;
    color: black;
    margin-bottom: 16px;
    line-height: 24px;
}

button#place_order {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Inter", sans-serif;
    text-transform: lowercase;
}

.product-quantity {
    font-weight: 400;
}

td.product-total > .woocommerce-Price-amount.amount {
    font-size: 16px;
    line-height: normal;
}

tr.cart-subtotal td .woocommerce-Price-amount.amount {
    font-size: 16px !important;
    color: black;
    font-weight: 400 !important;
    line-height: normal;
}

tr.cart-shipping-cost td .woocommerce-Price-amount.amount {
    font-size: 14px !important;
    color: #6D6D6D;
    font-weight: 400 !important;
    line-height: normal;
}

tr.order-total td .woocommerce-Price-amount.amount {
    font-size: 16px !important;
    color: black;
    font-weight: 500 !important;
    line-height: normal;
}

tr.cart-subtotal td,
tr.cart-shipping-cost td,
tr.order-total td {
    padding-bottom: 0 !important;
}

.wp-block-woocommerce-cart-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-subtotal-block.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper {
    display: none !important;
}

div.wp-block-woocommerce-cart-order-summary-block > div.wc-block-components-totals-wrapper {
    border: none !important;
    padding-top: 24px !important;
    padding-bottom: 48px !important;
    line-height: normal !important;
}

div[data-block-name="woocommerce/cart"] {
    padding: 0 !important; 
    margin: 0 !important;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    justify-content: space-between !important;
    margin-bottom: 0;
}

.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    width: 60% !important;
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
}

.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
    height: fit-content;
}

.wc-block-cart-item__image {
    width: 150px !important;
    height: 150px !important;
    border-radius: 0 !important;
    padding: 36px 0 0 0 !important;
    margin: 0  !important;
}

.wc-block-cart-item__prices {
    display: none;
}

.wc-block-cart-item__remove-link {
    text-decoration: none !important;
}

.wc-block-cart-item__image {
    border: none !important;
}

.wc-block-cart-item__total {
    border: none !important;
    padding-top: 36px !important;
    padding-right: 0 !important;
    color: black;
}

.wc-block-cart-item__product {
    border: none !important;
    padding: 36px 0 0 24px !important;
    line-height: normal;
}

.wc-block-cart-item__product > .wc-block-cart-item__wrap > .wc-block-components-product-metadata {
    margin-bottom: 16px !important;
}

.wc-block-cart-item__product > .wc-block-cart-item__wrap > .wc-block-components-product-metadata > .wc-block-components-product-metadata__description > p {
    font-size: 14px;
    margin: 0;
}

.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    border: none !important;
    margin: 0 !important;
}

.wc-block-cart-items__header-product {
    padding: 0 !important;
}

.wc-block-cart__totals-title,
.wc-block-cart-items__header-image,
.wc-block-cart-items__header-total {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    font-weight: 400 !important;
    color: #6D6D6D;
}

.wc-block-components-product-name {
    color: black;
    margin-bottom: 16px !important;
    font-weight: 500 !important;
}

.wc-block-components-product-details__ {
    font-size: 14px;
    margin-bottom: 16px !important;
}

.wc-block-components-product-details__name {
    font-weight: 400 !important;
    text-transform: lowercase;
}

.wc-block-components-product-details__value {
    color: black;
    font-weight: 500 !important;
}

.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus,
.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus {
    background: #f6f6f6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none;
}

.wc-block-components-quantity-selector.wc-block-components-quantity-selector__button:focus {
    box-shadow: none !important;
    outline: none;
}

.wc-block-components-quantity-selector {
    color: black;
    font-size: 14px;
    font-weight: 400 !important;
    margin: 0 !important;
    margin-bottom: 16px !important;
    border: 1px solid black;
    border-radius: 0 !important;
}

.wc-block-components-quantity-selector__input {
    color: black;
    font-size: 14px;
    font-weight: 400 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: block !important;
}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    line-height: normal;
}

span.price.wc-block-components-product-price {
    display: flex;
    float: right;
}

.wc-block-cart-item__remove-link {
    font-size: 14px !important;
    color: #6D6D6D !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    padding: 0 !important;
}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value,
.wc-block-components-totals-item__label {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: black !important;
    line-height: normal !important;
}

.wc-block-components-totals-item__label {
    text-transform: uppercase;
}

.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block {
    margin: 0 !important;
}

.wc-block-components-totals-item__value {
    display: flex !important;
}

div.u-column1.col-1 {
    padding: 48px !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: rgb(192, 192, 192) !important;
    width: 47% !important;
    margin: 0 !important;
}

div.u-column2.col-2 {
    padding: 48px 48px 81px 48px !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: rgb(192, 192, 192) !important;
    width: 47% !important;
    margin: 0 !important;
}

div.u-column2.col-2 > h2,
div.u-column1.col-1 > h2 {
    margin-bottom: 16px;
    line-height: normal !important;
    font-size: 20px;
    font-weight: 500;
    color: black;
}

label[for="user_login"],
label[for="reg_password"],
label[for="reg_email"],
label[for="password"],
label[for="username"] {
    line-height: normal !important;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #6D6D6D;
    text-transform: lowercase;
}

span.required {
    display: none;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    line-height: normal;
    margin-bottom: 76px;
    color: black;
    display: flex;
    text-transform: lowercase;
}

.woocommerce-LostPassword.lost_password {
    line-height: normal;
    margin: 16px 0 0 0;
    font-size: 14px;
}

.woocommerce-LostPassword.lost_password > a {
    color: #6D6D6D !important;
    text-decoration: underline !important;
    text-transform: lowercase;
}

.woocommerce-form.woocommerce-form-login.login {
    margin: 0;
}

.woocommerce-form__input.woocommerce-form__input-checkbox {
    position: relative !important;
    transform: none !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
}

.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    width: 100% !important;

}

.woocommerce-form.woocommerce-form-register.register {
    line-height: normal;
    margin: 0;
}

.woocommerce-form.woocommerce-form-register.register > p {
    line-height: normal;
    margin-bottom: 16px;
}

.woocommerce-form.woocommerce-form-register.register > p:not(.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide) {
    font-size: 14px;
    color: black;
}

.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    font-size: 16px;
}

.woocommerce-form.woocommerce-form-register.register > p.woocommerce-form-row.form-row:not(.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide) {
    margin-bottom: 0 !important;
}

.woocommerce-ResetPassword.lost_reset_password > p.woocommerce-form-row.form-row:not(.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first) {
    margin-top: 48px !important;
}

.woocommerce-ResetPassword.lost_reset_password > p.lost-password-message-1 {
    line-height: normal;
    margin-bottom: 16px !important;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;

}

.woocommerce-ResetPassword.lost_reset_password > p.lost-password-message-2 {
    line-height: normal;
    margin-bottom: 16px;
}

.woocommerce-ResetPassword.lost_reset_password > p.woocommerce-form-row.form-row > button.woocommerce-Button.button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100%;
    background-color: black;
    color: white;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    text-transform: lowercase;
}

.woocommerce-form.woocommerce-form-register.register > .woocommerce-privacy-policy-text > p {
    margin: 48px 0 0 0;
}

.woocommerce-ResetPassword.lost_reset_password {
    padding: 48px 48px 48px 48px !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: rgb(192, 192, 192) !important;
    width: 50% !important;
    margin: 0 360px 0 360px !important;
    text-transform: lowercase;
}

.woocommerce-ResetPassword.lost_reset_password > .woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;
    margin: 0 0 32px 0;
}

.woocommerce-ResetPassword.lost_reset_password > p:not(.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first, .woocommerce-form-row.form-row) {
    color: black;
    line-height: 24px;
    margin-bottom: 32px;
}

.woocommerce-MyAccount-content {
    text-transform: lowercase;
}

.woocommerce-MyAccount-content > section > table > tbody > tr.woocommerce-table__line-item.order_item {
    text-transform: none;
}

button[name="save_account_details"] {
    width: 48%;
    text-transform: lowercase;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

label[for="password_current"],
label[for="password_1"],
label[for="password_2"],
label[for="account_first_name"],
label[for="account_last_name"],
label[for="account_email"],
label[for="account_phone"],
label[for="account_display_name"] {
    line-height: normal !important;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #6D6D6D;
}

form.woocommerce-EditAccountForm.edit-account > fieldset {
    margin: 0 !important;
    padding-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: white !important;
}

form.woocommerce-EditAccountForm.edit-account > fieldset > p {
    margin-top: 0;
    margin-bottom: 16px;
}

form.woocommerce-EditAccountForm.edit-account > fieldset > legend {
    margin: 0;
    padding: 48px 0 0 0 !important;
    line-height: normal;
    font-weight: 500;
    font-size: 20px;
    color: black;
    background-color: white !important;
    text-transform: uppercase;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > thead > tr > th,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > th,
.woocommerce-MyAccount-content {
    background-color: white !important;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > th {
    text-transform: lowercase;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > th[class="5"] {
    text-transform: uppercase;
}

.woocommerce-order-details__title {
    font-size: 20px !important;
    color: black;
    text-transform: uppercase;
}

tr.woocommerce-table__line-item.order_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

tr.woocommerce-table__line-item.order_item > td > a {
    margin-right: 4px;
}

.woocommerce-ResetPassword.lost_reset_password > .woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
    width: 100% !important;
    margin-bottom: 16px !important;
}

.woocommerce-ResetPassword.lost_reset_password > .woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    margin: 32px 0 0 0;
}

.woocommerce-ResetPassword.lost_reset_password > p {
    margin-bottom: 0 !important;
    line-height: normal !important;
}

input:focus {
    background-color: white !important;
}

span.pa_variation-size {
    margin-right: 36px !important;
    /* margin-right: 132px !important; */
    color: black !important;
    text-transform: lowercase;
}

a.size_chart {
    color: black;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.size-chart-wrapper {
    margin-bottom: 16px !important;
    line-height: normal;
}

.thickbox-loading {
    margin-top: 0 !important;
    margin-left: 0 !important;
    top: 2% !important;
    left: 20% !important;
    width: 60% !important;
    height: auto !important;
}

img#TB_Image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

div#TB_caption {
    display: none !important;
}

div#TB_closeWindow {
    display: none !important;
}

.woocommerce-orders-table__header {
    background-color: white !important;
    vertical-align: middle;
    padding: 14px 16px 14px 16px !important;
    font-weight: 500;

}

.woocommerce-orders-table__cell {
    background-color: white !important;
    line-height: normal;
    vertical-align: middle;
    padding: 14px 16px 0 16px !important;

}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
    width: 16%;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
    width: 16%;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-mrkv_ua_ship_ttn-column {
    width: 20%;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions > a {
    width: 100%;
    text-align: center;
}

.account-orders-table {
    color: black;
    font-size: 16px !important;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total > span.woocommerce-Price-amount.amount {
    font-size: 16px !important;
}

.account-orders-table > thead > tr > th {
    border-top: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.05);
}

.woocommerce-orders-table__cell-order-number {
    font-weight: 500;
}

.woocommerce-MyAccount-navigation {
    margin-right: 80px;
}

section.woocommerce-order-details > h2.woocommerce-order-details__title {
    margin: 0;
    padding-bottom: 16px;
}

.woocommerce-order-details {
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
    width: 720px;
    margin-bottom: 32px;
}

.woocommerce-order-details > table > tfoot > tr[class="5"] {
    border-top: solid !important;
    border-width: 1.5px !important;
    border-color: black !important;
}

.woocommerce-order-details > table > tfoot > tr > th[class="4"],
.woocommerce-order-details > table > tfoot > tr > td[class="4"] {
    padding-bottom: 16px !important;
}

.woocommerce-order-details > table > tfoot > tr > td[class="5"],
.woocommerce-order-details > table > tfoot > tr > th[class="5"] {
    border-top: solid !important;
    border-width: 1.5px !important;
    border-color: black !important;
}

.woocommerce-order-details > table > tfoot > tr > th[class="5"] {
    text-transform: uppercase;
    font-weight: 500 !important;
}

.woocommerce-order-details > table > tfoot > tr > td[class="5"] > span > span,
.woocommerce-order-details > table > tfoot > tr > td[class="5"] > span {
    font-weight: 500 !important;
}

.woocommerce-customer-details {
    width: 720px;
}

.woocommerce-MyAccount-content > p {
    margin: 16px 0 24px 0;
}

.woocommerce-MyAccount-content > .woocommerce-customer-details > section > div > address > p {
    text-transform: none !important;
}

.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 > address,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 > address {
    margin-bottom: 0 !important;
    color: black;
    font-style: normal;
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    margin: 0 !important;
    width: 48%;
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 > h2.woocommerce-column__title,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 > h2.woocommerce-column__title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 16px;
    text-transform: uppercase;
}

address > p.woocommerce-customer-details--name,
address > p.woocommerce-customer-details--phone,
address > p.woocommerce-customer-details--email,
address > p.woocommerce-customer-details--city,
address > p.woocommerce-customer-details--state,
address > p.woocommerce-customer-details--address_1,
address > p.woocommerce-customer-details--address_2 {
    margin: 0 !important;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tbody > tr > td.woocommerce-table__product-total.product-total {
    text-align: right;
    vertical-align: middle;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tbody > tr.woocommerce-table__line-item.order_item {
    display: table-row;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tbody > tr > td.woocommerce-table__product-name.product-name {
    line-height: normal;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > td {
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    color: black;
    padding: 16px 0 0 0;
    line-height: normal;
    width: 50%;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > td > span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 400;
    color: black;
    line-height: normal;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > th {
    font-size: 16px;
    font-weight: 400;
    color: black;
    padding: 16px 0 0 0;
    line-height: normal;
    width: 50%;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot::before {
    content: "";
    display: block;
    height: 32px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    margin: 0;   
}

.woocommerce-MyAccount-content > p {
    line-height: normal;
    color: black;
}

.woocommerce-MyAccount-content > p > mark.order-number,
.woocommerce-MyAccount-content > p > mark.order-date,
.woocommerce-MyAccount-content > p > mark.order-status {
    font-weight: 500;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
div.woocommerce-order > section.woocommerce-order-details,
div.woocommerce-order > section.woocommerce-customer-details {
    margin-left: auto;
    margin-right: auto;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    width: 720px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 0;
    color: black;
    line-height: normal;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
    background-color: white;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before,
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after {
    display: none;
}

li.woocommerce-order-overview__order.order,
li.woocommerce-order-overview__date.date,
li.woocommerce-order-overview__email.email,
li.woocommerce-order-overview__total.total,
li.woocommerce-order-overview__payment-method.method {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    text-transform: lowercase;
    color: black;
    line-height: normal;
}

li.woocommerce-order-overview__date.date,
li.woocommerce-order-overview__email.email,
li.woocommerce-order-overview__total.total,
li.woocommerce-order-overview__payment-method.method {
    padding: 16px 0 0 0 !important;
    border: none;
}

li.woocommerce-order-overview__order.order {
    padding: 0 0 0 0 !important;
    border: none;
}

li.woocommerce-order-overview__order.order > strong,
li.woocommerce-order-overview__date.date > strong,
li.woocommerce-order-overview__email.email > strong,
li.woocommerce-order-overview__total.total > strong > span,
li.woocommerce-order-overview__payment-method.method > strong {
    font-size: 16px;
    font-weight: 500;
    color: black;
    line-height: normal;
    text-align: end; 
}

section.payment-details {
    margin-left: auto;
    margin-right: auto;
    width: 720px;
    padding: 48px;
    border: solid;
    border-width: 1px;
    border-color: rgb(192, 192, 192);
    margin-bottom: 32px;
}

h2.payment-details {
    font-size: 20px;
    font-weight: 500;
    color: black;
    line-height: normal;
    padding-bottom: 16px;
    margin: 0;
    text-transform: uppercase;
}

table.payment-details {
    font-size: 16px;
    font-weight: 400;
    color: black;
    line-height: normal;
    margin: 0;
}

table.payment-details > tbody > tr > th {
    text-align: left;
    font-weight: 400;
    line-height: normal;
    background-color: white;
    padding: 16px 0 0 0;
    text-transform: lowercase;
}

table.payment-details > tbody > tr > td {
    text-align: right;
    font-weight: 500;
    line-height: normal;
    background-color: white !important;
    padding: 16px 0 0 0;
}

.site-footer {
    padding: 0;
}

.site-info {
    display: flex;
    padding: 32px 0 32px 0;
    font-size: 14px;
    font-weight: 400;
}

.site-info > a {
    margin-left: 30px;
}

ul#menu-footer > li.menu-item.menu-item-type-post_type.menu-item-object-page::before {
    display: none;
}

ul#menu-footer > li {
    padding: 0;
    display: flex;
}

ul#menu-footer > li > a {
    padding: 0 !important;
    line-height: normal;
}

div.footer-widgets.row-1.col-4.fix {
    padding-top: 32px;
    border: none;
}

div[id="block-6"] > p {
    margin-bottom: 24px;
}

div.block.footer-widget-4 > .widget.widget_block,
div.block.footer-widget-4 > .widget.widget_block.widget_text {
    margin-bottom: 16px;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}

ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
    margin-bottom: 0;
}

div.block.footer-widget-1 > .widget.widget_nav_menu {
    margin-bottom: 16px;
}

div.wp-block-woocommerce-empty-cart-block > h2 {
    margin-bottom: 32px;
    text-transform: uppercase;
}

div.wp-block-woocommerce-empty-cart-block > p.has-text-align-center > a {
    text-transform: lowercase;
}

div.wp-block-woocommerce-empty-cart-block > p.has-text-align-center {
    margin-bottom: 32px;
}

div.wp-block-woocommerce-empty-cart-block > hr {
    margin-bottom: 64px !important;
}

div.wp-block-woocommerce-empty-cart-block > div.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns,
div.wp-block-woocommerce-empty-cart-block > h2.wp-block-heading.has-text-align-center:not(.with-empty-cart-icon.wc-block-cart__empty-cart__title) {
    display: none;
}

span.select2-selection.select2-selection--single {
    height: auto;
    border-radius: 0;
}

.button.product_type_simple.add_to_cart_button,
.button.product_type_variable,
.button.product_type_variable.add_to_cart_button {
    width: 100%;
    text-align: center;
    border: 1px solid black;
    border-radius: 0;
    background: white;
    color: black;
    font-weight: 500;
    font-size: 16px !important;

}

.woocommerce-orders-table__cell-order-actions > a::after {
    display: none !important;
}

.woocommerce-orders-table__cell-order-actions > a,
.single_add_to_cart_button.button.alt,
a.add_to_cart_button {
    border: 1px solid black;
    border-radius: 0;
    background: white;
    color: black;
    font-weight: 500;
    font-size: 16px !important;
}

.woocommerce-orders-table__cell-order-actions > a:hover,
.single_add_to_cart_button.button.alt:hover,
.button.product_type_simple.add_to_cart_button:hover,
.button.product_type_variable:hover,
.button.product_type_variable.add_to_cart_button:hover,
a.add_to_cart_button:hover {
    background-color: black;
    color: white;
    font-weight: 500;
    font-size: 16px !important;
}

.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    border: 1px solid rgb(192, 192, 192);
    border-radius: 0;
    background: white;
    color: rgb(192, 192, 192);
    font-weight: 500;
    font-size: 16px !important;
}

.woocommerce-MyAccount-navigation-link {
    text-transform: lowercase;
}

.woocommerce-MyAccount-navigation-link.is-active,
.site-header ul.menu li.current-menu-item {
  text-decoration: underline;
  color: black !important;
  text-underline-offset: 6px;
}
 
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    color: black !important;
}

table.cfvsw-shop-variations.variations {
    margin: 0 0 16px 0
}

table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: white !important;
}

button.single_add_to_cart_button.button.alt {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    text-transform: lowercase;
}

ul#menu-footer > li > a {
    color: white !important;
    font-size: 14px;
    font-weight: 400;
}

li.woocommerce-MyAccount-navigation-link > a::before {
    display: none !important;
}

/* +- */
div.quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid black;
    border-radius: 0;
    overflow: hidden;
    height: 47.65px;
}
  
  div.quantity > button.wc-block-components-quantity-selector__button {
    appearance: none;
    border: none;
    background: #f6f6f6;
    color: black;
    padding: 0 12px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none !important;
}
  
div.quantity input.qty {
    border: none;
    text-align: center;
    width: 37.46px;
    font-size: 16px;
    height: 100%;
    appearance: none;
    padding: 8px 0 8px 0;
}
  
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    outline: none !important;
}

a.page-numbers {
    background: white !important;
}

ul.page-numbers > li {
    border: 1px solid black;
    border-radius: 0;
    background: white !important;
    color: black;
}

a.page-numbers:hover,
span.page-numbers:hover {
    background-color: black !important;
    color: white !important;
}

span.page-numbers.current {
    background-color: black !important;
    color: white !important;
    pointer-events: none;
}

a > span.woof_remove_ppi {
    display: flex;
    line-height: 32px !important;
}

div#customer_login > div.u-column2.col-2 > h2,
div#customer_login > div.u-column1.col-1 > h2 {
    text-transform: uppercase;
}

a.woocommerce-privacy-policy-link {
    text-decoration: underline !important;
}

button.show-password-input {
    top: 13.9415px;
    right: 12px;
    width: 20px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: white;
    cursor: pointer;
}

.show-password-input:focus {
    outline: none;
    box-shadow: none;
  }

button.show-password-input::after {
    content: url('https://www.happyboxers.com.ua/wp-content/uploads/2025/07/eye-slash-regular.svg');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 16px;
    pointer-events: none;
}
    
button.show-password-input.display-password::after {
    content: url('https://www.happyboxers.com.ua/wp-content/uploads/2025/07/eye-regular.svg');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 16px;
    pointer-events: none;
}

div#password_strength {
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: lowercase;
    font-weight: 400;
}

.woocommerce-password-hint {
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 400;
}

div#password_strength::after {
    display: none;
}

.wc-block-components-button__text {
    text-transform: lowercase;
}

.woocommerce-product-gallery__trigger {
    background-color: white !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.woocommerce-product-gallery__trigger > a {
    background-color: white;
}

.woocommerce-product-gallery__trigger::before {
    color: black;
    background-color: white;
    font-size: 24px;
    line-height: normal;
    
}

.cfvsw-swatches-container.cfvsw-product-container {
    width: auto !important;
    /* width: 258.773px !important; */
    /* width: 318.289px !important; */
    justify-content: flex-start;
}

.woocommerce-tabs  {
    padding-top: 0;
    padding-bottom: 0;
}

.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs {
    margin: 0 60px 0 0;
}

.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li.composition_and_care_tab > a,
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li.description_tab > a {
    padding: 14px 0;
    text-transform: uppercase;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab,
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--composition_and_care.panel.entry-content.wc-tab {
    margin-bottom: 0;
}

.woocommerce-Tabs-panel--description > p.sub-title {
    margin-bottom: 0;
}

.package-description > p.sub-title {
    margin-bottom: 4px;
}

.package-description > ul.gift-box {
    margin-left: 24px;
}

.package-description > ul.gift-box > li {
    margin-top: 2px;
}


.woocommerce-Tabs-panel--description > ul.gift-box {
    margin-left: 32px;
}

.my-box-wrapper {
    display: flex;
    justify-content: end;
    position: relative;
    z-index: 9999;
}

.my-box-wrapper > .happyboxers-package-container-in-product {
    width: 35%;
    margin-top: +35.008px;
    border-color: rgb(192, 192, 192);
    height: fit-content;
}

.my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-image > img,
.my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-image {
    width: 150px !important;
    height: 150px !important;
}

.my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-info > .package-name {
    font-size: 16px;
}

.my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-info > .package-description {
    font-size: 12px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-info > .package-price {
    margin-bottom: 21.35px;
}

h3.privacy-policy-ordered-list,
h3#privacy-policy-ordered-list {
    margin-top: 36px !important;
    margin-bottom: 24px !important;
    line-height: normal !important;
}

.privacy-policy-ordered-list-item {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

ul.wp-block-list {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

.shipping-and-payment,
.returns-exchanges,
.laundry-care,
.wp-block-group.delivery-payment,
.wp-block-group.privacy-policy {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

dt.variation- {
    font-style: normal !important;
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
}

dd.variation- {
    font-style: normal !important;
    font-weight: 500;
}

dd.variation- > p {
    font-size: 16px !important;
}

div.xoo-wsc-sml-qty {
    font-size: 16px;
    text-transform: lowercase;
}

div.xoo-wsc-sml-qty > span {
    font-size: 16px;
    font-weight: 500;
}
.xoo-wsc-ft-amt-value > span > bdi,
.xoo-wsc-smr-ptotal > span > bdi {
    font-weight: 500;
}

.xoo-wsc-footer {
    padding-top: 0;
}

.xoo-wsc-ft-amt.xoo-wsc-ft-amt-subtotal {
    margin: 0;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
} 

.xoo-wsc-ft-totals {
    padding: 0;
}

.xoo-wsc-ft-amt-label {
    font-weight: 500;
}

.xoo-wsc-sum-col {
    padding-left: 16px;
}

.cart-contents.xoo-wsc-cart-trigger > div > span.xoo-wscb-icon {
    font-family: 'Woo-Side-Cart' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    height: 22px;
}

.xoo-wsc-header {
    padding: 16px 32px;
}

span.xoo-wsch-close {
    right: 28px;
    font-weight: 400;
}

.xoo-wsc-markup > .xoo-wsc-modal > .xoo-wsc-container > .xoo-wsc-basket > span.xoo-wsc-items-count {
    font-size: 14px !important;
}

.xoo-wsc-markup > .xoo-wsc-modal > .xoo-wsc-container > .xoo-wsc-basket > span.xoo-wsc-bki.xoo-wsc-icon-bag1 {
    height: 48px;
    width: 48px;
}

.xoo-wsc-smr-del.xoo-wsc-icon-trash {
    margin-top: 4px;
    content: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/09/trash.svg);
}

.xoo-wsc-icon-cross {
    content: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/09/cross.svg);
    height: 16px;
    width: 16px;
    right: 32px !important;
}

.xoo-wsc-icon-bag2,
.xoo-wsc-icon-bag1 {
    content: url(https://www.happyboxers.com.ua/wp-content/uploads/2025/09/cart.svg)
}

.xoo-wsch-top > .xoo-wsch-basket > .xoo-wsc-icon-bag1,
.xoo-wsch-top > .xoo-wsch-basket > .xoo-wsc-icon-bag2 {
    width: 45px;
    height: 45px;
}

.xoo-wscb-count {
    font-size: 16px;
    line-height: 16px;
    top: 18px;
    height: 16px
}

ul.care {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 24px;
}
  
ul.care li {
    position: relative;
    padding-left: 32px;
}

ul.care li.machine-wash-at-30-c::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/01/machine-wash-at-30-C.png") no-repeat center/contain;
    transform: translateY(-50%);
}

ul.care li.not-bleach::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/01/not-bleach.png") no-repeat center/contain;
    transform: translateY(-50%);
}

ul.care li.not-tumble-dry::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/01/not-tumble-dry.png") no-repeat center/contain;
    transform: translateY(-50%);
}

ul.care li.not-iron::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/01/not-iron.png") no-repeat center/contain;
    transform: translateY(-50%);
}

ul.care li.not-dry-cleaning::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/01/not-dry-cleaning.png") no-repeat center/contain;
    transform: translateY(-50%);
}

div[id="tab-composition_and_care"] > h4.composition {
    margin-bottom: 12px;
    line-height: normal;
    font-weight: 400;
}

div[id="tab-composition_and_care"] > h4.care {
    margin-bottom: 12px;
    margin-top: 48px;
    line-height: normal;
    font-weight: 400;
}

div[id="tab-composition_and_care"] > p.first {
    margin-bottom: 24px;
}

div[id="tab-composition_and_care"] > p.second {
    margin-bottom: 0;
}

div[id="tab-description"] > p.first {
    margin-bottom: 24px;
}

div[id="tab-description"] > p.second {
    margin-bottom: 0;
}

div[id="tab-description"] > ul {
    margin-bottom: 24px;
    margin-left: 14px;
}

/* Laundry care */
.laundry-care > h3.title {
    line-height: normal;
    margin-bottom: 32px;
}

.laundry-care > p.sub-title {
    margin-bottom: 32px;
}

.laundry-care > div.useful-tips,
.laundry-care > div.ironing,
.laundry-care > div.drying,
.laundry-care > div.washing,
.laundry-care > div.before-washing {
    line-height: normal;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.laundry-care > div.useful-tips > img,
.laundry-care > div.ironing > img,
.laundry-care > div.drying > img,
.laundry-care > div.washing > img,
.laundry-care > div.before-washing > img {
    width: 32px;
    height: 32px;
}

.laundry-care > div.useful-tips > p,
.laundry-care > div.ironing > p,
.laundry-care > div.drying > p,
.laundry-care > div.washing > p,
.laundry-care > div.before-washing > p {
    margin-bottom: 0;
    margin-left: 8px;
    font-weight: 500;
}

.laundry-care > p.end {
    line-height: normal;
    margin-bottom: 0;
}

.laundry-care > ul {
    margin-bottom: 32px;
    margin-left: 56px;
}

.returns-exchanges > p.main-text {
    margin-bottom: 32px;
    line-height: normal;
}

.returns-exchanges > p.entry-text {
    margin-bottom: 32px;
}

.returns-exchanges > p.end {
    margin-bottom: 0;
}

.returns-exchanges > p.list-title {
    margin-bottom: 16px;
    line-height: normal;
}

.returns-exchanges > ul {
    margin-bottom: 32px;
    list-style: none;
    margin-left: 32px;
}

.returns-exchanges > ul > li.first {
    margin-bottom: 12px;
}

.shipping-and-payment > p.entry-text {
    margin-bottom: 0;
}

.shipping-and-payment > p.sub-title {
    font-size: 20px;
    font-weight: 500;
    margin-top: 48px;
    margin-bottom: 32px;
    line-height: normal;
}

.shipping-and-payment > p.list-title {
    margin-bottom: 16px;
    line-height: normal;
}

.shipping-and-payment > ul {
    margin-bottom: 32px;
    margin-left: 32px;
}

.shipping-and-payment > p.main-text {
    margin-bottom: 24px;
}

.how-to-choose-size {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.how-to-choose-size h2{
    font-size: 20px !important;
    margin: 0 0 32px 0;
    text-align: center;
}

.how-to-choose-size p {
    margin-bottom: 24px;
}

.how-to-choose-size p.sub-title {
    margin-top: 0;
    margin-bottom: 16px;
}

.how-to-choose-size p.end {
    margin-bottom: 0;
}

.how-to-choose-size a img,
.how-to-choose-size ol {
    margin-bottom: 0;
}

.how-to-choose-size li {
    margin-top: 8px;
}

.how-to-choose-size li::marker,
.how-to-choose-size strong {
    font-weight: 500;
}

.how-to-choose-size .grid {
    display:grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
}

.how-to-choose-size details {
    background:var(--card);
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.how-to-choose-size details.he {
    margin-bottom: 24px;
}

.how-to-choose-size details.she {
    margin-bottom: 0;
}

.how-to-choose-size summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px 36px;
    user-select: none;
    outline: none;
}

.how-to-choose-size .summary-left {
display: flex;
flex-direction: column;
gap: 4px;
}

.how-to-choose-size .title {
    font-weight:500;
    font-size: 16px;
}

.how-to-choose-size .subtitle {
    font-size: 14px;
}

.how-to-choose-size .caret{
    width:28px;
    height:28px;
    display:inline-grid;
    place-items:center;
}

.how-to-choose-size .caret svg {
    width:28px;
    height:28px;
    display:block;
}

.how-to-choose-size details[open] .caret svg {
    transform: rotate(180deg);
}

.how-to-choose-size .content {
    padding: 0 36px 24px 36px;
    font-size: 16px;
    line-height:1.5;
    overflow: hidden;
    transition: max-height var(--transition), opacity var(--transition);
    opacity: 0;
}

.how-to-choose-size details[open] .content {
    opacity: 1;
}

.shop-btn {
    display: inline-block;
    background-color: white;           /* білий фон */
    color: black;                      /* чорний текст */
    text-decoration: none;
    padding: 10px 48px;
    border: 1px solid black;           /* чорна рамка */
    border-radius: 0;                 /* без закруглення */
    font-weight: 500;
    font-size: 16px;
    transition: all 0.25s ease;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
  }
  
.shop-btn:hover {
    background-color: black;           /* чорний фон при наведенні */
    color: white;                      /* білий текст */
}
  
.end {
    text-align: center;
}

.wc-block-cart-item__wrap > .wc-block-components-product-metadata > .wc-block-components-product-metadata__description > p.sub-title,
.wc-block-cart-item__wrap > .wc-block-components-product-metadata > .wc-block-components-product-metadata__description > ul.gift-box {
    display: none;
}
  

@media screen and (max-width: 768px) {
    /* Login and Registration */
    div#customer_login > div.u-column2.col-2,
    div#customer_login > div.u-column1.col-1 {
        width: 100% !important;
        padding: 24px 16px 24px 16px !important;
    }
    div#customer_login > div.u-column1.col-1 {
        margin-bottom: 32px !important;
    }

    .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
        margin-bottom: 32px !important;
    }

    .woocommerce-form.woocommerce-form-register.register > .woocommerce-privacy-policy-text > p {
        margin-top: 24px;
    }

    .woocommerce-ResetPassword.lost_reset_password {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 16px 24px 16px !important;
    }

    .woocommerce-ResetPassword.lost_reset_password > p.woocommerce-form-row.form-row:not(.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first) {
        margin-top: 32px !important;
    }

    .woocommerce-ResetPassword.lost_reset_password > p.woocommerce-form-row.form-row.form-row-first {
        margin-top: 24px !important;
    }

    /* Privacy Policy, Laundry Care, Delivery & Payment, Returns & Exchanges, How to choose size */
    .how-to-choose-size,
    .shipping-and-payment,
    .returns-exchanges,
    .laundry-care,
    .wp-block-group.delivery-payment,
    .wp-block-group.privacy-policy {
        width: 100% !important;
    }

    .laundry-care > ul {
        margin-left: 24px;
    }

    .how-to-choose-size summary {
        padding: 24px 16px;
    }

    .how-to-choose-size .content {
        padding: 0 16px 24px 16px;
    }

    .how-to-choose-size ol {
        margin-left: 24px;
    }

    /* Store and Category */
    .woof_products_top_panel_ul {
        display: grid !important;
    }

    .woof_products_top_panel_ul > li {
        margin-right: 0 !important;
    }

    ul[data-container="pa_size"],
    ul[data-container="pa_color"] {
        margin-right: 0 !important;
    }

    ul.products > li.product  {
        margin-bottom: 64px !important;
    }

    ul.products > li > a > img {
        margin: 0 !important;
        width: 100%;
    }

    ul.products > li > a > h2 {
        margin-bottom: 12px !important;
        line-height: normal;
    }

    ul.products > li > a > span.price {
        margin-bottom: 18px !important;
        line-height: normal;
    }

    ul.products > li > a.button.add_to_cart_button {
        margin: 0 !important;
    }


    .happyboxers_filter_products_wrapper {
        display: flex !important;
        flex-direction: column;
    }

    .woof_autohide_wrapper {
        width: 100% !important;
    }

    .products.list .product {
        width: 100% !important;
    }

    .products.grid-3 {
        columns: 3;
    }
    .products.grid-3 .product .woocommerce-loop-product__title,
    .products.grid-3 .product .price,
    .products.grid-3 .product .button {
        display: none !important;
    }

    .products.grid-3 > .product {
        margin: 0 !important;
    }

    .view-switcher {
        display: flex;
        gap: 16px;
        justify-content: flex-end;
        margin: 7px 0 0 0; 
        position: absolute;
        right: 23.65px;
    }
    
    .switcher-btn {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
    }

    .switcher-btn:hover {
        background: none;
        outline: none;
        box-shadow: none;
        transform: none;
    }

    .switcher-btn:focus,
    .switcher-btn:active {
        outline: none;
        box-shadow: none;
        transform: none;
    }
    
    .icon-1 {
        display: grid;
        grid-template-columns: 18px;
        grid-template-rows: 18px;
    }
    .icon-1 div {
        width: 18px;
        height: 18px;
        border: 1px solid black;
        background: transparent;
    }

    .switcher-btn.active .icon-1 div {
        background: black;
    }
    
    .icon-3 {
        display: grid;
        grid-template-columns: repeat(3, 8px);
        grid-template-rows: repeat(2, 8px);
        gap: 2px;
    }
    .icon-3 div {
        width: 8px;
        height: 8px;
        border: 1px solid black;
        background: transparent;
    }
    .switcher-btn.active > span.icon-3 > div {
        background: black !important;
        outline: none;
        border: none;
    }
    
    /* Search box */
    input[id="woocommerce-product-search-field-1"] {
        box-shadow: none !important;
    }

    /* My Account */
    form.woocommerce-EditAccountForm.edit-account > fieldset > .form-row-last,
    form.woocommerce-EditAccountForm.edit-account > fieldset > .form-row-first,
    form.woocommerce-EditAccountForm.edit-account > .form-row-last,
    form.woocommerce-EditAccountForm.edit-account > .form-row-first {
        width: 100% !important;
    }

    button[name="save_account_details"] {
        width: 100% !important;
    }

    /* My Account - Orders */
    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-mrkv_ua_ship_ttn-column,
    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total,
    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status,
    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
        width: 100% !important;
        padding: 16px 0 0 0 !important;
        line-height: normal !important;
        font-weight: 500 !important;
    }

    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total > .woocommerce-Price-amount.amount {
        font-weight: 500 !important;
    }

    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
        display: flex !important;
        padding-top: 48px !important;
        font-size: 20px !important;
    }

    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
    }

    .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
        width: 100% !important;
        padding: 20px 0 0 0 !important;
        font-weight: 500 !important;
    }

    .woocommerce-button.button.view {
        margin: 0 !important;
    }

    .woocommerce-MyAccount-navigation > ul {
        margin-bottom: 0 !important;
    }

    .account-orders-table > tbody > tr > td::before {
        font-weight: 400 !important;
    }

    .woocommerce-order-details {
        padding: 24px 16px 24px 8px !important;
        width: 100% !important;
        overflow-wrap: anywhere;
    }

    .woocommerce-order-details__title {
        padding-left: 8px;
    }

    .order_details > tfoot > tr > th {
        padding-left: 8px !important;
    }

    .woocommerce-customer-details {
        width: 100% !important;
    }

    .woocommerce-customer-details > section {
        padding: 24px 16px 24px 16px !important;
        display: flex;
        justify-content: space-between;
    }

    .woocommerce-MyAccount-content > .woocommerce-EditAccountForm.edit-account,
    .woocommerce-MyAccount-content > p {
        margin-top: 48px !important;
    }

    td.product-name {
        width: auto !important;
        margin-right: auto;
    }

    td.product-name > span.product-image {
        margin-right: 8px !important;
        display: flex;
        flex-shrink: 0 !important;
    }

    table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > td {
        width: 30%;
    }

    /* Thank you order details */
    section.payment-details,
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        width: 100%;
        padding: 24px 16px 24px 16px !important;
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
        width: 100%;
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
    table.payment-details {
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }
    
    /* Order checkout */
    .woocommerce-billing-fields,
    .woocommerce-shipping-fields,
    .woocommerce-additional-fields,
    .happyboxers_checkout-payment_wrapper {
        padding: 24px 16px 24px 16px !important;
    }

    .woocommerce-checkout-review-order {
        padding: 24px 16px 24px 8px !important;
    }

    #order_review_heading,
    .shop_table.woocommerce-checkout-review-order-table > tfoot > tr > th {
        padding-left: 8px !important;
    }

    #billing_first_name_field,
    #billing_last_name_field,
    #billing_email_field,
    #billing_phone_field,
    #shipping_first_name_field,
    #shipping_last_name_field,
    #shipping_phone_field {
        width: 100% !important;
        margin-right: 0px;
    }

    .checkout.woocommerce-checkout {
        display: flex;
        flex-direction: column;
    }
    
    #order_review {
        order: -1;
        margin-bottom: 32px;
    }

    tr.cart-shipping-cost > td {
        text-align: right;
    }

    strong.product-quantity {
        white-space: nowrap;
    }

    td.product-total {
        margin-left: 24px;
    }

    /* Cart */
    .my-box-wrapper {
        justify-content: center;
    }

    .happyboxers-package-container-in-product {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 16px 24px 16px !important;
    }

    .package-info {
        margin-left: 8px !important;
    }

    .package-price {
        margin-bottom: 0px !important;
    }

    .my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-image > img,
    .my-box-wrapper > .happyboxers-package-container-in-product > .package-container > .package-image  {
        width: 120px !important;
        height: 120px !important;
    }

    .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block {
        margin-bottom: 0 !important;
    }

    .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
        padding: 16px 0 0 0 !important;
        margin-top: 0px !important;
        margin-bottom: 56px !important;
        border: none;
        border-top: solid;

    }

    div.wp-block-woocommerce-cart-order-summary-block > div.wc-block-components-totals-wrapper {
        padding-top: 0px !important;
        padding-bottom: 32px !important;
    }

    .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
    }

    .package-add-to-cart-button > a {
        font-weight: 400 !important;
    }

    .wc-block-cart-items__row {
        padding: 24px 0 24px 0 !important; 
        grid-template-columns: none !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    .wc-block-cart-item__product {
        margin-bottom: 0 !important;
        padding: 0 !important;
        flex: 1 !important;
        margin-left: 8px !important;
        margin-right: 12px !important;
    }

    .wc-block-cart-item__image {
        padding: 0 !important;
        width: 100px !important;
        height: 100px !important;
    }

    .wc-block-cart-item__total {
        padding: 0 !important;
        margin: 0 !important;
        text-align: right;
        display: flex;
        align-items: end;
    }

    .wc-block-cart-item__total > div > span > span {
        line-height: 16px !important;
    }

    .wc-block-cart-item__quantity {
        padding: 0 !important;
    }

    .wc-block-components-product-details__,
    .wc-block-components-product-name {
        margin-bottom: 16px !important;
        line-height: 1.2 !important;
    }

    .wc-block-components-quantity-selector {
        margin-bottom: 0 !important;
    }

    .wc-block-components-product-details {
        margin-top: 0 !important;
    }

    .package-add-to-cart-button {
        margin-top: 16px;
    }

    .wc-block-cart-items__row {
        position: relative;
    }
      
    .wc-block-cart-item__remove-link {
        position: absolute;
        top: 24px;
        right: 0;
        background: url('https://www.happyboxers.com.ua/wp-content/uploads/2025/09/trash.svg') no-repeat center center !important;
        text-indent: -9999px;
        background-size: 16px 16px;
        width: 16px;
        height: 19.2px;
    }

    /* Single product */
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images {
        margin: 0 0 16px 0 !important;
        width: 100% !important;
    }

    .woocommerce-product-gallery > ol.flex-control-nav.flex-control-thumbs {
        display: flex;
        justify-content: space-between;
    }

    .woocommerce-product-gallery > ol.flex-control-nav.flex-control-thumbs > li {
        margin-bottom: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 80px !important;
        height: 80px !important;
    }

    a.woocommerce-product-gallery__trigger {
        top: 0 !important;
        right: 0 !important;
    }

    div.summary.entry-summary > p.price {
        margin-bottom: 32px !important;
    }

    .woocommerce-variation-add-to-cart {
        margin-bottom: 56px !important;
    }

    .single_add_to_cart_button.button {
        width: 100%;
        margin-top: 32px;
    }

    .summary.entry-summary {
        margin-bottom: 56px !important;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product img {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 16px 24px 8px !important;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product img {
        width: 120px !important;
        height: 120px !important;
        padding: 0 !important;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product > .package-container > .package-info > .package-name {
        font-size: 16px;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product > .package-container > .package-info > .package-description {
        font-size: 12px;
        margin: 14px 0;
    }

    .summary.entry-summary > .happyboxers-package-container-in-product > .package-container > .package-image {
        width: 120px !important;
        height: 120px !important;
    }

    .flex-viewport {
        margin-bottom: 16px !important;
    }

    div[id="tab-description"],
    div[id="tab-composition_and_care"] {
        margin-top: 24px;
    }

    div[id="tab-composition_and_care"] > h4.care {
        margin-top: 32px;
    }

    section.related.products {
        margin-top: 96px;
    }
    
    section.related.products h2 {
        font-size: 32px;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
    }

    section.related.products > ul > li {
        margin-bottom: 64px !important;
    }

    section.related.products > ul > li > a > img {
        margin: 0 !important;
        width: 100%;
    }

    section.related.products > ul > li > a > .woocommerce-loop-product__title {
        margin-bottom: 12px !important;
        line-height: normal;
        text-transform: none;
    }

    section.related.products > ul > li > a > span.price {
        line-height: normal;
        margin-bottom: 18px !important;
    }

    .tabs.wc-tabs {
        margin: 0 !important;
    }

    .woocommerce-tabs ul.tabs li:not(.active)::after {
        opacity: 1 !important;
        right: 0;
        content: "\f105"
    }

    .woocommerce-tabs ul.tabs li.active::after {
        content: "\f107"
    }

    section.related.products > ul > li > a.button.product_type_variable.add_to_cart_button {
        margin-bottom: 0;
    }

    .thickbox-loading {
        margin-top: 0 !important;
        margin-left: 0 !important;
        top: 25% !important;
        left: 0% !important;
        width: 100% !important;
        height: auto !important;
    }

    /* General */
    .storefront-handheld-footer-bar {
        height: 56px;
        box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    }

    a.footer-cart-contents > span {
        background-color: greenyellow !important;
        color: black !important;
        font-size: 10px !important;
    }

    a.footer-cart-contents::before {
        content: "" !important;
        width: auto;
        height: 24px;
        background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/09/cart.svg") no-repeat center/contain;
        margin: 16px 0;
    }

    li.search > a::before {
        content: "" !important;
        width: auto;
        height: 24px;
        background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/09/search.svg") no-repeat center/contain;
        margin: 16px 0;
    }

    li.my-account > a::before {
        content: "" !important;
        width: auto;
        height: 24px;
        background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/09/my_account.svg") no-repeat center/contain;
        margin: 16px 0;
    }

    #site-navigation-menu-toggle span {
        display: none;
      }

    #site-navigation-menu-toggle {
        width: 40px;
        height: 50px;
        display: block;
        align-items: center;
        justify-content: center; 
        background: none;
        border: none;
        padding: 0;
        position: relative;
        outline: none;
        box-shadow: none;
        border-radius: 0;
    }

    #site-navigation-menu-toggle::before {
        content: "";
        display: block;
        width: 40px;
        height: 50px;
        background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/09/hamburger-menu.svg") no-repeat center/contain;
        position: absolute;
        transform: none !important;
        transition: none !important;
        top: 0;
        left: 0;
        margin: 0;
    }

    #site-navigation-menu-toggle::after {
        display: none;
    }
      
    #site-navigation-menu-toggle.toggled::before {
        transform: none !important;
    }

    #site-navigation-menu-toggle.toggled {
        border: none;
    }

    .main-navigation .menu {
        margin-top: 16px;
    }

    ul.menu li a {
        padding: 16px 0 0 0;
        line-height: normal;
    }

    .site-header {
        padding-bottom: 16px;
        padding-top: 16px;
    }

    .site-info {
        padding: 8px 0 88px 0;
    }

    .storefront-breadcrumb {
        margin-top: 0;
    }

    .handheld-navigation {
        display: none !important;
    }

    /* Side menu */
    #mobile-slide-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        transition: left 0.3s ease;
        overflow-y: auto;
    }

    #mobile-slide-menu .mobile-menu-header {
        display: flex;
        justify-content: flex-end;
        padding: 1em;
    }

    #mobile-slide-menu #mobile-menu-close {
        width: 24px;
        height: 24px;
        background: url("https://www.happyboxers.com.ua/wp-content/uploads/2025/09/cross.svg") no-repeat center/contain;
        background-size: contain;
        cursor: pointer;
        display: block;
        padding: 0;
    }

    .mobile-menu-items {
        margin: 0
    }

    #mobile-slide-menu .mobile-menu-items li {
        list-style: none;
    }

    #mobile-slide-menu .mobile-menu-items li a {
        display: block;
        padding: 16px;
        text-decoration: none;
        color: #333;
    }

    #mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
    }

    #mobile-menu-close:focus {
        outline: none;
    }

    #mobile-slide-menu.open {
        left: 0;
    }

    #mobile-menu-overlay.show {
        display: block;
    }

    a.happyboxers-search,
    a.happyboxers-my-account,
    a.happyboxers-wishlist,
    a.cart-contents {
        display: none;
    }

    .happyboxers_filter_products_wrapper {
        display: block;
    }

    .woof_products_top_panel {
        margin: 0 0 0 0;
    }

    .site-branding > a > img {
        height: 48px !important;
        width: auto !important;
    }

    /* Banner */
    div.hentry {
        background-image: url('https://www.happyboxers.com.ua/wp-content/uploads/2025/10/banner-mobile.png') !important;
        height: 600px;
        margin-bottom: 64px;
    } 

    .storefront-product-section.storefront-recent-products > h2.section-title {
        margin-bottom: 0;
    }

    .storefront-product-section.storefront-best-selling-products > h2.section-title {
        margin-bottom: 0;
    }

    div.woof_info_popup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10001;
        display: none;
        overflow: hidden;
        padding: 20px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
        color: #fff;
        font-size: 22px;
        font-family: 'Oswald', sans-serif;
        max-width: 90%;
        box-sizing: border-box;
    }

    .woof_list {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
    .woof_redraw_zone {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    #mobile-slide-menu,
    #mobile-menu-overlay {
        display: none;
    }

    .view-switcher-wrapper {
        display: none;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 44px;
    }

    .main-navigation ul.menu>li.menu-item-has-children>a::after, .main-navigation ul.menu>li.page_item_has_children>a::after, .main-navigation ul.nav-menu>li.menu-item-has-children>a::after, .main-navigation ul.nav-menu>li.page_item_has_children>a::after {
        margin-left: 6px !important;
    }

    .main-navigation ul.menu > li.menu-item-has-children:hover > a::after,
    .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a::after {
        transform: rotate(-180deg);
    }

    #menu-main > li > .sub-menu {
        min-width: 100%;
        width: max-content;
      }
      
    #menu-main > li > .sub-menu > li,
    #menu-main > li > .sub-menu > li > a {
        width: 100%;
        display: block;
        font-size: 16px;
        background-color: #f5f5f5;
    }
    #menu-main > li > .sub-menu > li {
        line-height: 60px;
    }
    #menu-main .sub-menu li a:hover {
        background-color: #e9e9e9;
      }

    /* .single-product div.product form.cart .quantity {
        margin-right: 74px !important;
    }

    span.pa_variation-size {
        margin-right: 132px !important;
    }

    .cfvsw-swatches-container.cfvsw-product-container {
        width: 318.289px !important;
    } */
}
@media (max-width: 480px) {
    div.woof_info_popup {
        font-size: 18px;
        padding: 15px;
    }
}