/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
--------------------------------------------------------------
# WooCommerce Styles
--------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*--------------------------------------------------------------
## WooCommerce Quantity input Field
--------------------------------------------------------------*/
body.single .wr-product-quantity-cnt {
    margin-right: 15px !important;
}

.wr-product-quantity-cnt {
    position: relative;
    display: inline-block;
}

.wr-product-quantity-cnt input[type=number]::-webkit-inner-spin-button,
.wr-product-quantity-cnt input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wr-product-quantity-cnt input[type="number"] {
    padding: 2px 0;
    -moz-appearance: textfield;
}

.wr-product-quantity-cnt input {
    width: 70px !important;
    height: 45px !important;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-right: 20px !important;
    border: 1px solid #ccc;
}

.woocommerce-cart .wr-product-quantity-cnt input {
    width: 50px !important;
    height: 30px !important;
}

.wr-product-quantity-cnt input:focus {
    outline: 0;
}

.wr-product-quantity-cnt .quantity-spinner-nav {
    float: right;
    height: 45px;
    position: relative;
}

.woocommerce-cart .wr-product-quantity-cnt .quantity-spinner-nav {
    height: 30px;
}

.wr-product-quantity-cnt .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #ccc;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.woocommerce-cart .wr-product-quantity-cnt .quantity-button {
    line-height: 1.2;
}

.wr-product-quantity-cnt .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #ccc;
}

.wr-product-quantity-cnt .quantity-button.quantity-down {
    position: absolute;
    bottom: 0px;
    height: 50%;
}

.wr-product-quantity-cnt input[type=hidden] + .quantity-spinner-nav {
    display: none !important;
    visibility: hidden !important;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    padding: 13px 35px;
    color: var(--white);
    font: 400 var(--b-font-size) var(--b-font-family);
    background: var(--dark-sea-blue);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    color: var(--white);
    background: var(--dark-navy-blue);
}

/*--------------------------------------------------------------
## Sale Badge
--------------------------------------------------------------*/
.woocommerce span.onsale {
    width: 45px;
    height: 45px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    background: var(--dark-sea-blue);
}

/* Sale Marquee */
.wr-label-scrolling {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    background: rgba(0, 56, 140, 0.85);
}

.wr-label-marquee {
    width: 100%;
    overflow: hidden;
}

.wr-label-track {
    display: flex;
    width: max-content;
    animation: wrInfiniteScroll 15s linear infinite;
    animation-direction: reverse;
}

.wr-label-set {
    display: flex;
    white-space: nowrap;
}

.onsale-item {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 14px;
    color: var(--white);
    white-space: nowrap;
    position: relative;
}

.onsale-item::after {
    content: '*';
    display: block;
    position: absolute;
    color: var(--white);
    font-size: 14px;
    line-height: 35px;
    right: -3px;
    top: 0;
}

@keyframes wrInfiniteScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* .wr-label-scrolling:hover .wr-label-track {
    animation-play-state: paused;
} */

/*--------------------------------------------------------------
# Product Shop / Archive Pages
--------------------------------------------------------------*/
#wr-archive-main-title {
    margin: 0;
    color: var(--white);
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-bottom: 35px;
}

.woocommerce .woocommerce-result-count {
    padding-top: 14px;
    font: 500 13px var(--b-font-family);
}

.woocommerce .woocommerce-ordering .prettydropdown > ul {
    font-size: 12px;
}

#regular-index {
    float: right;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
    margin-bottom: 70px;
}

.woocommerce.columns-4 ul.products,
.woocommerce-page.columns-4 ul.products {
    grid-template-columns: repeat(4, 1fr);
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    margin: 0;
    padding: 0;
    width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.woocommerce ul.products li.product .wr-product-info-cnt:hover .woocommerce-loop-category__title,
.woocommerce ul.products li.product .wr-product-info-cnt:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product .wr-product-info-cnt:hover h3 {
    color: var(--dark-sea-blue);
}

.woocommerce.columns-4 ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page.columns-4 ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
}

#shop-bottom-description {
    padding-top: 60px;
    margin-bottom: 70px;
    border-top: 1px solid #8f8f8f;
}

#shop-bottom-description p:last-child {
    margin-bottom: 0;
}

#shop-bottom-description h2,
#shop-bottom-description h3,
#shop-bottom-description h4 {
    font-weight: 500;
}

/*--------------------------------------------------------------
## Shop Sidebar
--------------------------------------------------------------*/
#tertiary {
    float: left;
}

#shop-sidebar-toggle-btn {
    width: 100%;
    height: 55px;
    border: none;
    display: none;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    position: relative;
    border-radius: 3px;
    color: var(--white);
    padding: 5px 60px 5px 20px;
    background: var(--dark-sea-blue);
}

#tertiary .dgwt-wcas-search-wrapp {
    max-width: 800px;
}

#dgwt_wcas_ajax_search-2 .dgwt-wcas-sf-wrapp {
    padding: 0;
    border-radius: 0;
}

#dgwt_wcas_ajax_search-2 .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    border-radius: 0;
    padding-inline: 24px 48px;
    background: var(--white);
    border: 1px solid #949494;
}

#dgwt_wcas_ajax_search-2 .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 12px;
    left: inherit;
}

.dgwt-wcas-suggestions-wrapp {
    -webkit-box-shadow: 0 2px 4px 0 rgba(153,153,153,.22);
    box-shadow: 0 2px 4px 0 rgba(153,153,153,.22);
}

#tertiary .wpf_item .wpf_item_name {
    font-size: 24px;
    font-weight: 500;
    padding-block: 2px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

#tertiary .wpf_reset_btn {
    color: var(--red);
}

#tertiary .wpf_reset_btn:hover {
    color: var(--dark-sea-blue);
}

#tertiary .wpf_reset_btn input[type="reset"] {
    color: var(--black);
}

#custom_html-5 a {
    display: block;
    text-align: center;
    padding-inline: 15px;
}

/*--------------------------------------------------------------
# Product Detail Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Gallery and Summary Section
--------------------------------------------------------------*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 45%;
    margin-bottom: 70px;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 55%;
    padding-left: 100px;
    margin-bottom: 70px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 35px;
    right: 15px;
}

.woocommerce div.product .product_title {
    font-size: 36px;
    font-weight: 500;
    position: relative;
    padding-bottom: 18px;
}

.woocommerce div.product .product_title::after {
    content: '';
    display: block;
    position: absolute;
    background: var(--dark-sea-blue);
    width: 85px;
    height: 2px;
    bottom: 0;
    left: 0;
}

.pswp {
    z-index: 100000;
}

/*--------------------------------------------------------------
## Price
--------------------------------------------------------------*/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 36px;
    font-weight: 500;
    color: var(--black);
}

.woocommerce .product-type-variable .summary .price {
    display: none;
}

.woocommerce .product-type-variable .summary .woocommerce-variation-price .price {
    display: block;
}

.woocommerce-variation-price,
.woocommerce div.product-type-simple .price {
    margin-bottom: 15px;
}


/*--------------------------------------------------------------
## Varition Swatches
--------------------------------------------------------------*/
.woocommerce div.product form.cart .variations {
    margin-bottom: 6px;
}

.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
    font-weight: 400;
}

.woocommerce div.product form.cart .variations td.woo-variation-items-wrapper {
    padding-top: 15px;
    padding-bottom: 8px;
}

.woocommerce div.product form.cart .reset_variations {
    color: var(--red);
    display: none !important;
}

/*--------------------------------------------------------------
## Short Description
--------------------------------------------------------------*/
.woocommerce div.product form.cart .woocommerce-variation-description p:last-child,
.woocommerce div.product-type-simple .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0 !important;
}

.woocommerce div.product-type-simple .woocommerce-product-details__short-description {
    padding-bottom: 35px;
}

#single-product-extra-buttons {
    margin-bottom: 35px;
}

/*--------------------------------------------------------------
## Product meta - SKU and Categories
--------------------------------------------------------------*/
.product_meta {
    width: 100%;
    display: block;
    font-size: 14px;
    padding-top: 35px;
    border-top: 1px solid #b4b4b4;
}

.product_meta .sku_wrapper,
.product_meta .posted_in {
    width: 100%;
    display: block;
    font-weight: 500;
}

.product_meta .sku_wrapper {
    margin-bottom: 10px;
}

.product_meta .sku_wrapper .sku,
.product_meta .posted_in a {
    font-weight: 400;
}

/*--------------------------------------------------------------
## Product Tabs section
--------------------------------------------------------------*/
.woocommerce-Tabs-panel h2 {
    font-size: 36px;
    font-weight: 400;
}

.woocommerce-Tabs-panel h3 {
    font-size: 30px;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    font-size: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0;
    margin: 0!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    border-radius: 0;
    background: var(--white);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid var(--dark-sea-blue);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:first-child) {
    border-left: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
    text-shadow: none;
    color: var(--black);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--dark-sea-blue);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--black);
    text-shadow: 0 0 1px var(--black);
}

.woocommerce div.product .woocommerce-tabs .panel {
    position: relative;
    margin-bottom: 70px;
    padding: 35px 0 0;
    border-top: 1px solid #b4b4b4;
}

.woocommerce div.product .woocommerce-tabs .panel:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 2px;
    background: #d3ced2;
    top: -2px;
    z-index: 10;
    left: -1px;
}

/*--------------------------------------------------------------
## Review Form
--------------------------------------------------------------*/
.woocommerce #reviews #comments h2.woocommerce-Reviews-title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 25px;
}

.woocommerce #review_form #respond {
    padding: 50px;
    background: #fafafa;
    border: 1px solid #cbcbcb;
}

.woocommerce #review_form #respond .comment-reply-title {
    display: block;
    text-transform: uppercase;
    margin-bottom: 20px !important;
    font: 500 30px/1.2 var(--s-font-family);
}

.woocommerce #review_form #respond .comment-form-rating label,
.woocommerce #review_form #respond .comment-form-comment label,
.woocommerce #review_form #respond p.comment-form-author label,
.woocommerce #review_form #respond p.comment-form-email label {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font: 500 16px var(--s-font-family);
}

.woocommerce p.stars a {
    color: var(--dark-sea-blue);
}

.woocommerce #review_form #respond p.comment-form-author,
.woocommerce #review_form #respond p.comment-form-email {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.woocommerce #review_form #respond p.comment-form-author {
    float: left;
    padding-right: 8px;
}

.woocommerce #review_form #respond p.comment-form-email {
    float: right;
    padding-left: 8px;
}

.woocommerce #review_form #respond p.comment-form-cookies-consent {
    float: none;
    clear: both;
    padding-block: 4px;
}

.woocommerce #review_form #respond textarea {
    min-height: 200px;
    border: 1px soild;
}

.woocommerce #review_form #respond .form-submit {
    margin-bottom: 0;
}

.woocommerce #review_form #respond .form-submit input[type="submit"] {
    padding: 12px 25px;
    border-radius: 3px;
    color: var(--white);
    display: inline-block;
    background: var(--black);
    text-transform: uppercase;
    font: 500 18px var(--s-font-family);
}

.woocommerce #review_form #respond .form-submit input[type="submit"]:hover {
    color: var(--dark-sea-blue);
}

/*--------------------------------------------------------------
## Related Products Section
--------------------------------------------------------------*/
body.single .related.products {
    clear: left;
    width: 100%;
}

body.single .related.products h2:not(.woocommerce-loop-product__title) {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 35px;
    padding-bottom: 16px;
    text-transform: capitalize;
    border-bottom: 1px solid #b4b4b4;
}

.woocommerce .related ul.products,
.woocommerce-page .related ul.products {
    grid-template-columns: repeat(4, 1fr);
}

/*--------------------------------------------------------------
## Responsive Style
--------------------------------------------------------------*/
@media screen and (max-width: 575px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .related ul.products,
    .woocommerce-page .related ul.products {
        gap: 50px 0;
        grid-template-columns: repeat(1, 1fr);
    }


    .woocommerce.columns-4 ul.products,
    .woocommerce-page.columns-4 ul.products {
        gap: 50px 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .woocommerce .woocommerce-result-count {
        font-size: 10px;
        font-weight: 400;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .related ul.products,
    .woocommerce-page .related ul.products,
    .woocommerce.columns-4 ul.products,
    .woocommerce-page.columns-4 ul.products {
        gap: 50px 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
        padding-inline: 0;
        margin-bottom: 35px;
    }

    .woocommerce div.product .product_title,
    .woocommerce-Tabs-panel h2,
    body.single .related.products h2:not(.woocommerce-loop-product__title) {
        font-size: 30px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        white-space: nowrap;
        overflow-x: auto;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 14px;
        padding-inline: 10px;
    }
}

@media screen and (max-width: 991px) {
    #shop-sidebar-toggle-btn {
        display: block;
    }

    #tertiary-inner {
        display: none;
        padding-top: 35px;
    }

    #tertiary-inner.show-sidebar {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .woocommerce.columns-4 ul.products,
    .woocommerce-page.columns-4 ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 35%;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 65%;
        padding-left: 50px;
    }
}