:root {
    --black: #2C2C2C;
    --gray: #606060;
    --gray-tint: #848484;
    --yellow: #F7931D;
    --yellow-tint: #fca23b;
    --blue: #0054A6;
    --blue-tint: #0A6DCD;
    --blue-shade: #003D78;
    --titanium: #f4f4f4;
    --silver: #e9e9e9;
    --silver-shade: #dcdcdc;
    --silver-shade-darker: #bcbcbc;
    --white: #fff;
    --green: #58B33F;
    --green-shade: #169e11;
    --red : #b20404;


    /* Specific Colors */
    --price-green: #58B33F;
}

/*** Fonts ***/
@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/themes/onward-emberly/assets/fonts/WorkSans-Bold.woff2') format('woff2'),
        url('/wp-content/themes/onward-emberly/assets/fonts/WorkSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/wp-content/themes/onward-emberly/assets/fonts/WorkSans-Regular.woff2') format('woff2'),
        url('/wp-content/themes/onward-emberly/assets/fonts/WorkSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*** Body ***/
html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    background-color: var(--white);
    color: var(--black);
}

/*** Container ***/
.container {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
}

.container-md {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
}

.container-sm {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
}

/*** Sections ***/
.section, .section * {
    position: relative;
    box-sizing: border-box;
}

/*** Headings ***/
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6, .editor-styles-wrapper .wp-block-post-content h1, .editor-styles-wrapper .wp-block-post-content h2, .editor-styles-wrapper .wp-block-post-content h3, .editor-styles-wrapper .wp-block-post-content h4, .editor-styles-wrapper .wp-block-post-content h5, .editor-styles-wrapper .wp-block-post-content h6 {
    font-family: 'Work Sans', sans-serif;
    text-transform: none;
    font-weight: 600;
    line-height: 1.2em;
}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
    margin: 0;
}

.section h1, .editor-styles-wrapper .wp-block-post-content h1, .section .h1, .editor-styles-wrapper .wp-block-post-content .h1 {
    font-size: 3rem;
}

.section h2, .editor-styles-wrapper .wp-block-post-content h2, .section .h2, .editor-styles-wrapper .wp-block-post-content .h2 {
    font-size: 2rem;
}

.section h3, .editor-styles-wrapper .wp-block-post-content h3, .section .h3, .editor-styles-wrapper .wp-block-post-content .h3 {
    font-size: 1.25rem;
}

.section h4, .editor-styles-wrapper .wp-block-post-content h4, .section .h4, .editor-styles-wrapper .wp-block-post-content .h4 {
    font-size: 1.1rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: bold;
}

@media (max-width: 768px) {
    .section h1, .editor-styles-wrapper .wp-block-post-content h1, .section .h1, .editor-styles-wrapper .wp-block-post-content .h1 {
        font-size: 2rem;
    }

    .section h2, .editor-styles-wrapper .wp-block-post-content h2, .section .h2, .editor-styles-wrapper .wp-block-post-content .h2 {
        font-size: 1.5rem;
    }

    .section h3, .editor-styles-wrapper .wp-block-post-content h3, .section .h3, .editor-styles-wrapper .wp-block-post-content .h3 {
        font-size: 1.25rem;
    }

    .section h4, .editor-styles-wrapper .wp-block-post-content h4, .section .h4, .editor-styles-wrapper .wp-block-post-content .h4 {
        font-size: 1rem;
    }
}

.section .subheading, .section h3.subheading, .section h4.subheading, .section h5.subheading, .section h6.subheading, .editor-styles-wrapper .wp-block-post-content h3.subheading, .editor-styles-wrapper .wp-block-post-content h4.subheading, .editor-styles-wrapper .wp-block-post-content h5.subheading, .editor-styles-wrapper .wp-block-post-content h6.subheading {
    font-size: 1rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

/*** Paragraph ***/
.content p:not(:last-child), .entry-content p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.rte a {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.rte h2 {
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.rte h2:first-child {
    margin-top: 0;
}

.rte p:not(:last-child) {
    margin-bottom: 1.25rem;
}

/*** Backgrounds ***/
.bg-black { background-color: var(--black); }
.bg-gray { background-color: var(--gray); }
.bg-yellow { background-color: var(--yellow); }
.bg-blue { background-color: var(--blue); }
.bg-blue-tint { background-color: var(--blue-tint); }
.bg-blue-shade { background-color: var(--blue-shade); }
.bg-titanium { background-color: var(--titanium); }
.bg-silver { background-color: var(--silver); }
.bg-white { background-color: var(--white); }

.color-black { color: var(--black); }
.color-gray { color: var(--gray); }
.color-gray-tint { color: var(--gray-tint); }
.color-yellow { color: var(--yellow); }
.color-blue { color: var(--blue); }
.color-blue-tint { color: var(--blue-tint); }
.color-blue-shade { color: var(--blue-shade); }
.color-titanium { color: var(--titanium); }
.color-silver { color: var(--silver); }
.color-white { color: var(--white); }
.color-green { color: var(--green); }
body .color-red { color: var(--red); }

.border-color-black { border-color: var(--black); }
.border-color-gray { border-color: var(--gray); }
.border-color-gray-tint { border-color: var(--gray-tint); }
.border-color-yellow { border-color: var(--yellow); }
.border-color-blue { border-color: var(--blue); }
.border-color-blue-tint { border-color: var(--blue-tint); }
.border-color-blue-shade { border-color: var(--blue-shade); }
.border-color-titanium { border-color: var(--titanium); }
.border-color-silver { border-color: var(--silver); }
.border-color-white { border-color: var(--white); }

/*** HRs ***/
hr {
    border: 0;
    border-top: 1px solid var(--silver);
    margin: 0;
}

/*** Underlined Links ***/
.links-underline a {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

/*** Small Text ***/
.text-sm {
    font-size: 0.9rem;
}

.text-xsm {
    font-size: 0.8rem;
}

.text-xxsm {
    font-size: 0.7rem;
}

/*** Header ***/
header .container {
    display: grid;
    grid-template-columns: max-content max-content 1fr max-content;
    gap: 2rem;
    align-items: center;
}

.logo-wrapper {
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--white);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-wrapper a {
    padding: 0.75rem;
}

.logo-wrapper img {
    width: 3rem;
    max-width: 100%;
    height: auto;
}

.wins-link--has-wins {
    margin-right: 0.5rem;
}

.cart-link,
.wins-link {
    position: relative;  /* Important for the bubble’s absolute positioning */
    display: inline-block;
}

.cart-link a,
.wins-link a {
    text-decoration: none;
    color: inherit;
    position: relative;
}

/* The bubble itself */
.cart-count-bubble,
.wins-count-bubble {
    position: absolute;
    top: -0.45rem;
    right: -1.25rem;
    min-width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background-color: var(--yellow);
    color: var(--black);
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-link:hover .cart-count-bubble,
.wins-link:hover .wins-count-bubble {
    background-color: var(--yellow-tint); /* Darken on hover, for instance */
}

@media screen and (max-width: 800px) {
    .cart-count-bubble,
    .wins-count-bubble {
        top: -0.25rem;
        right: -0.5rem;
    }
}

@media screen and (max-width: 800px) {
    header .container {
        grid-template-columns: 1fr max-content;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "logo nav"
            "search search"
            "chips chips";
        gap: 1rem;
    }

    header .logo-wrapper {
        grid-area: logo;
    }

    header .search-bar {
        grid-area: search;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    header nav {
        grid-area: nav;
        justify-self: end;
    }

    header .chips {
        grid-area: chips;
        grid-column: 1 / -1;
        background: var(--blue-shade);
    }

    header button.chip {
        font-size: 0.9rem;
        padding: 1rem 0;
        gap: 0.25rem;
    }

    .logo-wrapper {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0.5rem;
    }

    .logo-wrapper a {
        padding: 0.1rem;
    }
}

/*** Mobile Menu ***/
.mobile-menu-toggle, .main-menu-mobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .mobile-menu-toggle {
        display: flex;
    }
}

/*** Mobile Menu ***/
header .menu-toggle {
    position: relative;
    flex-direction: column;
    width: 1.5rem;
    height: 1.1rem;
    padding: 0;
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--white);
}

.mobile-menu-toggle {
    justify-content: flex-end;
}

.menu-toggle-icon {
    transition: all 0.3s ease;
    width: 100%;
    height: 2px;
    background: var(--white);
    display: inline-block;
    content: "";
    position: absolute;
}

.menu-toggle-icon:nth-child(1) {
    top: 0;
    left: 0;
}

.menu-toggle-icon:nth-child(2) {
    top: calc( 50% - 1px );
    left: 0;
}

.menu-toggle-icon:nth-child(3) {
    bottom: 0;
    left: 0;
}

.menu-toggle.active .menu-toggle-icon:nth-child(3) {
    transform: rotate(-225deg);
    top: calc(50% - 1px);
}

.menu-toggle.active .menu-toggle-icon:nth-child(1), .menu-toggle.active .menu-toggle-icon:nth-child(2) {
    transform: rotate(225deg);
    top: calc(50% - 1px);
}

/*** Search ***/
.section .search-bar input.search-input {
    border: 0;
}

.search-bar button {
    display: none;
}

.search-bar, .search-bar input {
    width: 100%;
}

/*** Inputs ***/
.section input[type=text], .section input[type=email], .section input[type=tel], .section input[type=number], .section input[type=password], .section textarea, .section select, #return_reason, #exchange_reason, #variants, body optgroup, body select, body textarea {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 0;
    background-color: var(--white);
    color: var(--gray);
    border: 2px solid var(--silver-shade);
    border-radius: 10rem;
    box-sizing: border-box;
    text-transform: none;
    font-size: 1rem;   
    font-weight: normal;
    line-height: 1.2em;
}

.section input[type=text]::placeholder, .section input[type=email]::placeholder, .section input[type=tel]::placeholder, .section input[type=number]::placeholder, .section input[type=password]::placeholder, .section textarea::placeholder {
    color: var(--gray);
}

.section input[type=text]:focus, .section input[type=email]:focus, .section input[type=tel]:focus, .section input[type=number]:focus, .section input[type=password]:focus, .section textarea:focus, .section select:focus {
    appearance: none;
    outline: none;
}

/*** Header Chip ***/
button.chip {
    background: var(--blue-shade);
    color: var(--white);
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 10rem;
    line-height: 1em;
}

button.shipping-chip svg {
    width: 1rem;
    height: 1rem;
}

/*** Nav Items ***/
nav ul.nav  {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 0;
    list-style: none;
}

nav ul.nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    position: relative;
}

@media screen and (max-width: 800px) {
    nav ul.nav {
        gap: 1rem;
    }
}

/*** Homepage Banner ***/
.homepage-banner {
    background-color: var(--gray);
}

.homepage-banner-slide {
    aspect-ratio: 6/1;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 800px) {
    .homepage-banner-slide {
        aspect-ratio: 4/3;
    }
}

/*** Light Text ***/
.text-light, .text-light a, .text-light a:hover, .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light label.gfield_label.gform-field-label { color: var(--white); }

.text-dark, .text-dark a, .text-dark a:hover, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 { color: var(--black); }

.text-light hr {
    border-color: var(--white);
}

.text-light svg {
    fill: var(--white);
}

/*** Border ***/
.border-0, .section .border-0 { border: 0; }
.border { border: 1px solid var(--silver); }
.border-2 { border: 2px solid var(--silver); }

/*** Buttons ***/
.section .button, a.button, button.button, a.button.button-primary, .woocommerce .button.primary-button, body .wc-block-components-button, body .wc-block-cart__submit-button, body .chips .chip button.button, body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, body button.return_button.button, .multi-form-container .next-step, .multi-form-container .next-step button.button, body input[type=submit], body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.button-primary, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.button-primary {
    padding: 0.5rem 1.25rem;
    font-size: 0.95rem;
    line-height: 1em;
    border: 0;
    border-radius: 10rem;
    background-color: var(--yellow);
    color: var(--black);
    text-transform: none;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    gap: 0.5rem;
    width: max-content;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: background-color 0.3s;
    box-sizing: border-box;
}

body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
    display: inline-flex;
}

.section .button svg, a.button svg {
    width: 0.8rem;
    height: 0.8rem;
}

.section .button:hover, a.button:hover, button.button:hover, .woocommerce .button.primary-button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.button-primary:hover, a.button.button-primary:hover, .woocommerce .button.primary-button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.button-primary:hover {
    background-color: var(--yellow-tint);
    color: var(--black);
}

a.button.button-primary:hover {
    background-color: var(--yellow-tint)!important;
    color: var(--black)!important;
}

body .wc-block-components-button, body .wc-block-cart__submit-button {
    width: 100%;
}

button.button[disabled], body button.button[disabled] {
    background-color: var(--silver-shade);
    color: var(--black);
}

#place-bid-btn[disabled] {
    background-color: var(--yellow);
    color: var(--black);
    opacity: 1;
    cursor: default;
}

a.button.button-transparent {
    background: transparent;
}

a.button.button-transparent:hover {
    background: transparent;
}

/*** Icon Boxes ***/
.icon-box {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 1.5rem;
    align-items: flex-start;
}

.icon-box.icon-right {
    grid-template-columns: 1fr max-content;
}

.icon-box.icon-sm {
    gap: 1rem;
}

.icon-box.icon-xsm {
    gap: 0.75rem;
}

.icon-box-icon {
    padding-top: 0.25rem;
}

.icon-box-icon > svg {
    width: 2.5rem;
    height: 2.5rem;
}

.icon-box.icon-sm .icon-box-icon > svg {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-box.icon-xsm .icon-box-icon > svg {
    width: 1rem;
    height: 1rem;
}

@media screen and (max-width: 800px) {
    .icon-box {
        gap: 0.75rem;
    }

    .icon-box-icon > svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

/*** Featured Areas ***/
.featured-area .button {
    min-width: 15rem;
}

/*** Category Menu ***/
nav .nav.category-menu {
    gap: 0;
}

nav .nav.category-menu li a {
    font-size: 1rem;
    padding: 0.75rem;
}

@media screen and (max-width: 800px) {
    nav .nav.category-menu li a {
        width: max-content;
    }

    nav .nav.category-menu {
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        -scrollbar-width: none;
    }
    
    nav .nav.category-menu::-webkit-scrollbar {
        display: none;
    }
}

/*** BG Cover ***/
.bg-cover, .section .bg-cover, .section img.bg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-contain, .section .bg-contain, .section img.bg-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*** Product Item ***/
.product-item .product-thumbnail {
    border: 1px solid var(--silver);
    box-sizing: border-box;
}

.product-thumbnail.video-thumbnail .play-icon {
    position: absolute;
    z-index: 10;
    width: 1.5rem;
    height: 1.5rem;
    left: calc(50% - 0.75rem);
    top: calc(50% - 0.75rem);
}

.product-thumbnail.video-thumbnail .play-icon svg {
    width: 100%;
    height: auto;
}

.product-thumbnail-display .play-icon {
    position: absolute;
    z-index: 10;
    width: 5rem;
    height: 5rem;
    left: calc(50% - 2.75rem);
    top: calc(50% - 2.75rem);
}

.product-thumbnail-display .play-icon svg {
    width: 100%;
    height: auto;
}

.product-item .product-inventory {
    font-size: 0.85rem;
    line-height: 1em;
    margin-top: 0.2rem;
}

.product-item .product-rating-stars {
    width: 4.75rem;
}

.filters-container .product-item .product-inventory .label {
    display: none!important;
}

.filters-content-container-loading {
    opacity: 0.3;
}

/* Auction filter preloader */
#auction-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
#auction-preloader.is-visible {
    opacity: 1;
    pointer-events: all;
}
#content {
    transition: opacity 0.5s ease;
}
#content.auction-content-loading {
    opacity: 0.25;
}
.auction-preloader-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    height: 3rem;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #333;
    border-radius: 50%;
    animation: auction-spin 0.7s linear infinite;
}
@keyframes auction-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/*** Price ***/
.price-number {
    font-size: 1.25rem;
    font-weight: 500;
}

.price-number.price-regular {
    color: var(--price-green);
}

.price-number.price-compare {
    text-decoration: line-through;
    color: var(--gray-tint);
}

.price-tag.price-discount {
    border: 2px solid var(--yellow);
    color: var(--yellow);
    line-height: 1em;
    font-size: 0.9rem;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    .product-item .price-number {
        font-size: 0.9rem;
        line-height: 1.1em;
    }

    .product-item .price-tag.price-discount {
        font-size: 0.75rem;
    }
}

.product-inventory.product-inventory-out-of-stock {
    text-transform: uppercase;
    font-size: 0.7rem;
}

a.quick-add-to-cart.disabled {
    opacity: 0.5;
}

.product-item a h3 {
    font-size: 0.85rem;
}

/*** Product Tags ***/
.product-tags li {
    line-height: 1em;
}

.product-tags {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.product-tags li a {
    background: var(--gray);
    color: var(--white);
    padding: 0.25rem 0.5rem;
    display: block;
    border-radius: 0.25rem;
    font-size: 0.9rem;
}

/*** Store Items ***/
.store-items {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 5rem;
}

@media screen and (max-width: 800px) {
    .store-items {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

ul.checkbox-filters, ul.checkbox-filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.checkbox-filters ul {
    padding-left: 2rem;
}

ul.checkbox-filters input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
}

ul.checkbox-filters .checkbox-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

ul.checkbox-filters, ul.checkbox-filters ul, ul.checkbox-filters > li {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/*** Shipping Chips ***/
.chip-dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 1.6rem);
    min-width: 30rem;
    max-width: 100%;
    box-shadow: 0.2rem 0.1rem 2rem rgba(0,0,0,0.15);
    border-top: 1px solid var(--blue-shade);
}

.chip-dropdown.ship-to {
    min-width: 25rem;
}

.chip-dropdown {
    z-index: -9999;
    opacity: 0;
}

.chip-dropdown[aria-expanded=true] {
    z-index: 9999;
    opacity: 1;
}

.chip-dropdown button.close {
    color: var(--white);
    background: transparent;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}

.chip-dropdown-inner {
    position: relative;
}

@media screen and (min-width: 800px) {
    .chip-wrapper {
        position: relative;
    }
}

@media screen and (max-width: 800px) {
    .chip-wrapper {
        position: unset;
    }

    .chips .chip-dropdown {
        width: 100%;
        top: 100%;
        min-width: unset;
        overflow: hidden;
    }
}


/*** Store List ***/
ul.store-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

li.store-list-item a {
    padding: 0.5rem 1rem;
}

li.store-list-item:not(:last-child) {
    border-bottom: 1px solid var(--silver);
}


/*** Single Product ***/
h1.single-product-title {
    font-size: 1.5rem;
}

@media screen and (max-width: 800px) {
    h1.single-product-title {
        font-size: 1.1rem;
    }
}

#add-to-cart input.quantity {
    width: 5rem;
}

.product-description-area p:empty {
    display: none;
}

.product-images {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: 2rem;
}

.product-thumbnails, .product-thumbnails-slider {
    width: 100%;
    position: relative;
}

.product-thumbnails-slider {
    position: relative;
    overflow: hidden;
}

.product-thumbnails .product-thumbnail {
    width: 100%;
    height: fit-content;
    border: 2px solid var(--silver);
    transition: all 0.2s ease;
    aspect-ratio: 1/1;
    overflow: hidden;
    max-width: 10rem;
}

.product-thumbnails-nav-button {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--black);
    opacity: 0.3;
    transition: all 0.2s ease;
    position: absolute;
    top: -2rem;
    left: calc(50% - 0.75rem);
    z-index: 10;
}

.product-thumbnails-nav-button.product-thumbnails-next {
    top: unset;
    bottom: -2rem;
}

.product-thumbnails-nav-button:hover {
    opacity: 1;
    cursor: pointer;
}

.product-thumbnails-nav-button svg {
    width: 100%;
    height: auto;
}

.product-thumbnails .product-thumbnail:hover, .product-thumbnails .product-thumbnail.swiper-slide-active {
    border: 2px solid var(--black);
    cursor: pointer;
}

@media screen and (min-width: 800px) {
    .product-thumbnails, .product-thumbnails-slider {
        height: 30rem;
    }

    .product-thumbnails-slider:not(.swiper-initialized), .product-thumbnails-slider:not(.swiper-initialized) .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }

    .product-thumbnails-slider:not(.swiper-initialized) .product-thumbnail {
        margin-bottom: 10px;
    }

    .product-thumbnails-slider:not(.swiper-initialized) ~ .product-thumbnails-nav-button, .product-thumbnails-slider:not(.swiper-initialized) ~ .product-thumbnails-nav-button ~ .product-thumbnails-nav-button {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .product-thumbnails-slider:not(.swiper-initialized) .product-thumbnail {
        width: calc(25% - 10px);
        margin-right: 10px;
    }

    .product-thumbnails .product-thumbnails-nav-button {
        top: calc(50% - 0.75rem);
        width: 1.25rem;
        transform: rotate(-90deg);
    }
    
    .product-thumbnails-nav-button.product-thumbnails-prev {
        left: -1.25rem;
        right: unset;
        bottom: unset;
    }
    
    .product-thumbnails-nav-button.product-thumbnails-next {
        right: -1.5rem;
        left: unset;
        bottom: unset;
    }
}

.no-thumbnails .product-thumbnails {
    display: none;
}

.no-thumbnails {
    grid-template-columns: auto !important;
}

/*** Product Details ***/
.product-areas-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    column-gap: 5rem;
    row-gap: 1.5rem;
}

.product-images-area {
    grid-row: 1 / 4;
    grid-column: 1;
}

@media screen and (max-width: 800px) {
    .product-images {
        display: grid;
        grid-template-columns: 100%;
        gap: 1rem;
    }

    .product-thumbnails {
        order: 9;
        height: auto;
    }
    .product-areas-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto);
    }

    .product-images-area {
        grid-row: 2 / 4;
    }

    .product-areas-grid, .product-images-area, .product-thumbnails, .product-thumbnails-slider {
        grid-template-columns: 100%;
    }
}

/*** Pagination ***/
.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.pagination .page-numbers {
    border: 1px solid var(--silver);
    display: inline-flex;
    min-width: 1.75rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 0.75rem;
    line-height: 1em;
    border-radius: 0.25rem;
}

.pagination .page-numbers.current, .pagination .page-numbers:hover {
    color: var(--black);
    border-color: var(--black);
}

/*** Footer ***/
.footer-logo svg {
    width: 100%;
    height: auto;
}

ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer hr {
    margin: 0.5rem 0;
}

.success-message {
    background: var(--green);
    color: var(--white);
    padding: 1rem;
    width: 100%;
    text-align: center;
    border-radius: 0.25rem;
    margin: 1rem 0;
}
.error-message {
    background: var(--red);
    color: var(--white);
    padding: 1rem;
    width: 100%;
    text-align: center;
    border-radius: 0.25rem;
    margin: 1rem 0;
}
.quick-success-message {
    background: var(--green);
    color: var(--white);
    padding: 0.5rem;
    width: 100%;
    text-align: center;
    border-radius: 0.25rem;
}

/*** Fixes for buttons ***/
body .w-fit, body .section .w-fit, body .section button.w-fit, body .section a.w-fit, body .section .woocommerce .button.primary-button.w-fit { width: fit-content; }
body .w-full, body .section .w-full, body .section button.w-full, body .section a.w-full, body .section .woocommerce .button.primary-button.w-full { width: 100%; }
body .w-auto, body .section .w-auto, body .section button.w-auto, body .section a.w-auto, body .section .woocommerce .button.primary-button.w-auto { width: auto; }

/*** Product Add to Cart ***/
.product-addtocart .product-addtocart-form {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

@media screen and (max-width: 800px) {
    .product-addtocart .product-addtocart-form, .product-addtocart .primary-button.button {
        width: 100%;
    }
}

/*** Filters Toggle ***/
@media screen and (max-width: 800px) {
    .filters-content {
        display: none;
    }

    .filters-mobile-toggle.active svg {
        transform: rotate(180deg);
    }
    
    .filters-mobile-toggle.active {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom: 2px solid var(--blue-shade);
    }
    
    .filters-content.active {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}

@media screen and (min-width: 800px) {
    .filters-mobile-toggle {
        display: none;
    }

    .filters-content {
        display: block!important;
    }
}

.filters-mobile-toggle .filters-toggle-button {
    background: transparent;
    display: grid;
    grid-template-columns: 1fr max-content;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.filters-mobile-toggle .filters-toggle-button svg {
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
}

/*** Mobile Menu ***/
.mobile-menu .menu-item a {
    padding: 0.5rem 1.5rem;
    display: block;
    border-bottom: 1px solid var(--silver);
}

.mobile-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*** Collection Filters ***/
.filters-container {
    display: grid;
    grid-template-columns: 20rem 1fr;
    gap: 5rem;
}

@media screen and (max-width: 1100px) {
    .filters-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

.collection-filters {
    background-color: var(--titanium);
    padding: 1.5rem;
}

.collection .container {
    display: grid;
    grid-template-columns: 20rem 1fr;
    gap: 4rem;
}

label.collection-filter-item {
    display: block;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .collection .container {
        grid-template-columns: 1fr;
    }
}

/*** Collection Filters ***/
.collection-filter-item input[type=checkbox] {
    display: none;
}

.collection-filter-item .checkbox-box {
    width: 0.9rem;
    height: 0.9rem;
    display: block;
    content: "";
    border: 0.15rem solid var(--black);
}

.collection-filter-item {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
}

.collection-filter-item input[type=checkbox]:checked + .checkbox-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.collection-filter-item input[type=checkbox]:checked + .checkbox-box::before {
    width: 0.65rem;
    height: 0.65rem;
    display: block;
    background: var(--black);
    content: "";
    visibility: visible;
}

.collection-filter-item:hover {
    cursor: pointer;
}

.collection-filter {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.collection-filter-items {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/*** Product Tags ***/
.tags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tags .tag {
    width: fit-content;
    display: inline-flex;
}

.tags .tag a {
    background: var(--titanium);
    border: 1px solid var(--silver);
    color: var(--gray);
    font-size: 0.8rem;
    padding: 0.4rem 0.75rem;
    line-height: 1em;
    border-radius: 0.5rem;
}

.flex-reserve-row {
    display: flex;
    flex-direction: row-reverse;
}

a.quick-add-to-cart {
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    height: 1.5rem;
    width: 2.5rem;
    padding: 0.25rem;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    border: 1px solid var(--black);
    border-radius: 2rem;
}

a.quick-add-to-cart svg {
    width: 1.1rem;
    height: 1.1rem;
}

.quick-add-to-cart.quick-loading {
    opacity: 0.3;
}

.quick-count-bubble {
    position: absolute;
    top: -0.45rem;
    right: -0.65rem;
    min-width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: 50%;
    background-color: var(--yellow);
    color: var(--black);
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*** Infinite Loading ***/
.infinite-loading {
    opacity: 0.3;
}
.infinite-more-link{
    opacity: 0;
}

/*** Total Savings ***/
.total-cart-savings {
    /* background: #e1f7ff; */
    /* border: 1px solid #aad6d8; */

    background: var(--white);
    border-bottom: 1px solid var(--silver-shade);
}

.total-savings-inner {
    display: grid;
    grid-template-columns: 1fr max-content;
}

.total-savings-description {
    line-height: 1em;
}

.total-savings-title svg {
    width: 1rem;
    height: 1rem;
}

.total-cart-savings .amount {
    font-size: 1.25rem;
    line-height: 1em;
}

.total-cart-savings .amount.success {
    color: var(--green-shade);
}

.total-cart-savings label.savings-label {
    font-size: 0.9rem;
    line-height: 1em;
}

.total-cart-savings hr {
    width: 100%;
    display: block;
    border-color: #aad6d8;
}

.total-cart-savings .button .amount {
    font-size: unset;
}

@media screen and (min-width: 1100px) {
    .total-savings-qty, .total-savings-original {
        padding-right: 1rem;
        border-right: 1px solid #aad6d8;
    }

    .total-savings-cta {
        padding-left: 1rem;
    }
}

@media screen and (max-width: 800px) {
    .total-savings-inner {
        grid-template-columns: 1fr;
    }

    .total-cart-savings .totals {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .total-savings-description {
        line-height: 1.2em;
    }

    .total-savings-amount, .total-savings-cta {
        grid-column: span 2;
    }

    .total-savings-cta .button {
        width: 100%;
    }

    .total-savings-title {
        text-align: center;
        border-bottom: 1px solid #aad6d8;
        padding-bottom: 0.75rem;
    }

    .total-cart-savings .total-savings-qty { align-items: flex-end; padding-right: 1rem; }
    .total-cart-savings .total-savings-original { align-items: flex-start; padding-left: 1rem; }
    .total-savings-amount { align-items: center; }

    .total-cart-savings .amount {
        font-size: 1.25rem;
        line-height: 1em;
    }

    .total-savings-qty {
        position: relative;
    }

    .total-savings-qty::after {
        width: 1px;
        height: 100%;
        position: absolute;
        content: "";
        background: #aad6d8;
        top: 0;
        left: calc(100% + 0.5rem);
    }
}

/*** Returns ***/
section.woocommerce-order-details > a button {
    padding: 0 !important;
    color: var(--black) !important;
    margin: 0 !important;
    font-weight: normal !important;
}


body #primary .woocommerce button.return_request_button.button {
    padding: 0.5rem 1rem !important;
    font-weight: normal;
    margin-top: 0.5rem;
    font-size: 0.85rem;
}

#return-multi-step-form button.return_button.button {
    background: var(--yellow)!important;
    border-color: var(--yellow)!important;
    color: var(--black)!important;
}

#return-multi-step-form button.return_button.button:hover {
    background: var(--yellow-tint)!important;
    border-color: var(--yellow-tint)!important;
    color: var(--black)!important;
    box-shadow: none;
}

#return-multi-step-form .form-heading span, #return-multi-step-form  .form-heading strong, #return-multi-step-form  .form-heading a {
    color: var(--black) !important;
}

#return-multi-step-form .return-terms-content {
    margin-bottom: 3rem;
}

#return-multi-step-form .product-details img {
    display: none!important;
}

#return-multi-step-form a.view-order-back-link {
    color: var(--black);
}

#return-multi-step-form .return-terms-content a {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

#return-multi-step-form select.order_quantity_number {
    width: fit-content;
    height: fit-content;
    padding: 0.5rem;
    min-width: 4rem;
}

#return-multi-step-form .product-qty {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

/*** Product Star Ratings ***/
.product-rating-stars {
    width: 6rem;
    height: auto;
    position: relative;
}

.product-rating-stars svg {
    width: 102%;
    height: auto;
    z-index: 10;
    margin-left: -1%;
    margin-right: -1%;
    position: relative;
}

.product-rating-stars .product-rating-stars-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--yellow);
    z-index: 1;
}

.product-rating-label {
    font-size: 0.85rem;
}

/*** Taxonomy Page Categories ***/
ul.collection-filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

button.collection-subcategory-toggle {
    padding: 0.5rem;
    background: transparent;
}

.collection-filter-item {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr max-content;
    border-bottom: 1px solid var(--silver-shade);
}

.collection-filter-item label {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.2em;
    padding: 0.4rem 0;
}

.collection-filter-list li ul {
    display: none;
}

.collection-filter-list.active{
    display: block;
}

ul.collection-filter-list li ul {
    padding: 0.5rem 0 0.5rem 1rem;
}

.collection-filter-item button.collection-subcategory-toggle svg {
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
}

.collection-filter-item.active button.collection-subcategory-toggle svg {
    transform: rotate(180deg);
}

/*** Unstyled List ***/
ul.list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*** Product Features ***/
.product-features .product-feature {
    border-left: 0.25rem solid var(--blue);
}

/*** Product Content Title ***/
h4.product-content-title {
    border-bottom: 2px dotted var(--black);
    width: fit-content;
}

/*** Simple Cart Fix ***/
.woocommerce-cart .wc-block-components-product-metadata__description {
    display: none !important;
}

/*** Progress Bar ***/
.free-shipping-progress-bar-inner {
    padding: 0.5rem 1rem;
    border: 1px solid var(--silver);
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 2rem;
}

@media screen and (max-width: 800px) {
    .free-shipping-progress-bar-inner {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

.progress-bar {
    width: 100%;
    position: relative;
    background: var(--silver-shade);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0.5rem;
    overflow: visible;
    border-radius: 1rem;
    /* margin-bottom: 1rem; */
}

.progress-bar-fill {
    background: var(--blue);
    display: block;
    height: 100%;
    display: flex;
    z-index: 8888;
    position: relative;
    border-radius: 1rem;
}

.progress-bar-fill.bg-yellow {
    background: var(--yellow);
}

.progress-bar-label {
    position: absolute;
    top: 0.75rem;
    font-size: 0.8rem;
    font-weight: bold;
    right: 0;
    display: none;
}

.lightning-deal-bar .progress-bar-fill {
    background: var(--yellow);
}

/*** Main mobile menu ***/
.main-menu-mobile nav ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.main-menu-mobile nav ul li a {
    padding: 0.5rem 1rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--silver-shade);
}

.main-menu-mobile nav ul ul li a {
    padding-left: 2rem;
    background-color: var(--titanium);
}

/*** Checkout Login ***/
.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
    border: 2px solid var(--black);
    padding: 0.5rem 1rem;
    line-height: 1em;
    border-radius: 0.5rem;
}

/*** Product Specifications ***/
ul.product-specifications {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

ul.product-specifications .product-specification-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--gray);
}

ul.product-specifications .product-specification-value {
    font-size: 0.85rem;
    line-height: 1.2em;
}

ul.product-specifications .product-specification {
    border-bottom: 1px solid var(--silver-shade);
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 1200px) {
    ul.product-specifications {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 800px) {
    ul.product-specifications {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*** Gravity Styles ***/
.gform_wrapper, .gform_wrapper form {
    width: 100%;
}

.gform_wrapper input {
    text-align: left;
}

.gform_wrapper .gform_footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gform_wrapper button.show-password-input {
    background: transparent !important;
    box-shadow: none !important;
}

/*** Create Account Popup ***/
#em-popup-create-account, #em-popup-create-account label.gfield_label.gform-field-label, #em-popup-category-survey, #em-popup-category-survey label.gfield_label.gform-field-label {
    background: var(--blue);
    color: var(--white);
}

#em-popup-create-account h2, #em-popup-category-survey .gsection .gsection_title {
    font-size: 2rem;
    line-height: 1em;
    text-align: center;
}

#em-popup-category-survey .gsection {
    padding-bottom: 0;
    border: 0;
}

#em-popup-create-account .disclaimer, #em-popup-category-survey .disclaimer {
    font-size: 0.6rem;
    text-align: center;
    margin: 0;
}

#em-popup-create-account .gform_fields, #em-popup-category-survey .gform_fields {
    row-gap: 1.25rem;
}

#em-popup-create-account .content-wrapper {
    z-index: 10;
    position: relative;
}

#em-popup-create-account p {
    font-size: 1rem;
}

@media screen and (min-width: 1200px) {
    #em-popup-create-account .content-wrapper {
        padding: 2rem 2rem 0 2rem;
    }
}

@media screen and (max-width: 800px) {
    #em-popup-create-account h2 {
        font-size: 1.5rem;
    }
}

/*** Lightning Deal Popup ***/
#em-popup-create-account-lightning,
#em-popup-create-account-lightning label.gfield_label.gform-field-label {
    background: var(--blue);
    color: var(--white);
}

#em-popup-create-account-lightning h2 {
    font-size: 2rem;
    line-height: 1em;
    text-align: center;
}

#em-popup-create-account-lightning .disclaimer {
    font-size: 0.6rem;
    text-align: center;
    margin: 0;
}

#em-popup-create-account-lightning .gform_fields {
    row-gap: 1.25rem;
}

#em-popup-create-account-lightning .content-wrapper {
    z-index: 10;
    position: relative;
}

#em-popup-create-account-lightning p {
    font-size: 1rem;
}

@media screen and (min-width: 1200px) {
    #em-popup-create-account-lightning .content-wrapper {
        padding: 2rem 2rem 0 2rem;
    }
}

@media screen and (max-width: 800px) {
    #em-popup-create-account-lightning h2 {
        font-size: 1.5rem;
    }
}

/*** Corners ***/
.corner-bg {
    position: absolute;
    z-index: 1;
    height: auto;
}

.corner-bg.corner-top-left {
    width: 13rem;
    left: 0;
    top: 0;
}

.corner-bg.corner-top-right {
    width: 12rem;
    right: 0;
    top: 0;
}

.corner-bg.corner-bottom-left {
    width: 13rem;
    left: 0;
    bottom: 0;
}

.corner-bg.corner-bottom-right {
    width: 13rem;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 800px) {
    .corner-bg.corner-top-left, .corner-bg.corner-top-right {
        display: none;
    }

    #em-popup-create-account .disclaimer {
        font-size: 0.5rem;
    }

    #em-popup-create-account label.gfield_label.gform-field-label {
        margin-bottom: 0.25rem;
    }

    #em-popup-create-account .gform_fields {
        row-gap: 0.75rem;
    }

    #em-popup-create-account p {
        font-size: 0.85rem;
    }

    #em-popup-category-survey legend.gfield_label.gform-field-label, #em-popup-create-account h2, #em-popup-category-survey .gsection .gsection_title {
        font-size: 1.25rem!important;
    }

    #em-popup-category-survey .em-popup-content {
        padding: 2rem!important;
    }

    .ginput_container_image_choice .gfield_radio, .ginput_container_image_choice .gfield_checkbox {
        grid-template-columns: repeat(2, 1fr)!important;
    }

    #em-popup-category-survey input[type=submit].gform_button {
        max-width: 100%;
        display: inline-flex !important;
        width: 100% !important;
    }
}

/*** Category Survey Popup ***/
#em-popup-category-survey legend.gfield_label.gform-field-label {
    text-align: center;
    color: var(--white);
    font-size: 1.75rem;
    font-weight: bold;
    margin: 0;
    line-height: 1.2em;
}

#em-popup-category-survey .gfield_description {
    text-align: center;
    color: var(--white);
    font-size: 0.9rem;
    margin: 0;
    margin-bottom: 2rem!important;
}

#em-popup-category-survey .gf_progressbar_title {
    color: var(--white);
}

#em-popup-category-survey .gform-page-footer.gform_page_footer {
    justify-content: space-between;
}

#em-popup-category-survey .gform_wrapper .gform_next_button {
    margin-left: auto!important;
    margin-right: 0;
}

/*** Image Choices ***/
.ginput_container_image_choice .gfield_radio, .ginput_container_image_choice .gfield_checkbox {
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
    width: 100%!important;
}

.ginput_container_image_choice .gfield_radio .gchoice, .gform_wrapper .ginput_container_image_choice .gfield_checkbox .gchoice {
    width: 100%!important;
    height: 100%!important;
    min-width: unset!important;
    inline-size: unset!important;
    min-inline-size: 100%!important;
}

.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
    background-color: var(--blue)!important;
}

.ginput_container_image_choice .gfield_radio .gchoice:hover, .ginput_container_image_choice .gfield_checkbox .gchoice:hover {
    cursor: pointer;
}

.gform_wrapper .gform_previous_button.button {
    border: 1px solid var(--white) !important;
    background: transparent !important;
    color: var(--white) !important;
}


/* Hide the radio inputs but keep them accessible */
.gform_wrapper .gfield_radio .gfield-choice-input {
    position: absolute;
    left: -9999px;
  }
  
/* Style the labels as buttons */
.gform_wrapper .gfield_radio .gchoice {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: relative;
}

.gform_wrapper .gfield_radio .gform-field-label {
    color: var(--black);
    margin: 0;
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--white);
    line-height: 1em;
    text-align: center;
    font-size: 1rem;
    border-radius: 0.5rem;
    font-weight: normal;
    transition: all 0.2s ease;
}

.gform_wrapper .gfield_radio .gform-field-label:hover {
    cursor: pointer;
    background: var(--yellow-tint);
}

.gform_wrapper .gfield_radio input:checked + label.gform-field-label {
    background: var(--yellow);
    font-weight: bold;
}

/*** Popup Validation Errors ***/
.em-popup .gform_wrapper .gform_validation_errors, .em-popup .gform_wrapper .gfield_validation_message {
    background: #e4cdcd;
}

.em-popup .gform_wrapper .gfield_validation_message {
    padding: 0.2rem;
    text-align: center;
}

.em-popup .gform_wrapper .gfield_error input {
    border-width: 2px;
}

.em-popup .gform_wrapper .gfield_description.instruction.validation_message {
    color: #fff;
}

/*** Create Account ***/
.create-account-cta {
    padding: 1rem;
    border: 1px solid var(--silver);
    background: var(--titanium);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

body.woocommerce-account h1.entry-title.mb-2 {
    margin-bottom: 1rem;
}

body .woocommerce form.login {
    margin-top: 1rem;
}

@media screen and (max-width: 800px) {
    .create-account-cta {
        flex-direction: column;
        text-align: center;
        padding: 1rem 0.75rem;
        gap: 0.75rem;
    }
}

/*** Menu ***/
nav .nav.category-menu .all-categories.menu-item a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 1.5rem;
    padding-left: 0.25rem;
}

.all-categories.menu-item a::before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: flex;
    position: relative;
    visibility: visible;
    background-image: url(https://staging.kortingoutlet.com/wp-content/themes/onward-emberly/assets/icons/menu.svg);
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 800px) {
    #menu-category-menu .all-categories.menu-item {
        display: none;
    }
}

.main-menu-mobile .menu-header {
    display: none;
}

/*** All categories menu on desktop ***/
@media screen and (min-width: 800px) {
    .main-menu-mobile {
        opacity: 0;
        transition: all 0.2s ease;
    }

    .main-menu-mobile.em-active {
        display: flex;
        flex-direction: column;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 100000;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        visibility: visible;
        opacity: 1;
        margin: 0 !important;
        transform: none !important;
    }

    .main-menu-mobile.em-active > nav {
        width: 100%;
        height: 100%;
        max-width: 30rem;
        background: var(--silver);
        overflow-y: auto;
        overflow-x: hidden;
        animation: slideInLeft 0.3s ease;
    }

    .main-menu-mobile button.all-menu-close {
        padding: 1rem;
        background: transparent;
    }

    .main-menu-mobile .menu-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: transparent;
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
        visibility: visible;
    }
}


/*** Search Clear ***/
.search-bar button.clear-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--gray);
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.375rem);
    width: 0.75rem;
    height: 0.75rem;
    opacity: 0;
    transition: all 0.2s ease;
}

.search-bar button.clear-button.em-active {
    opacity: 1;
    z-index: 800;
}

/*** Category Group Lists ***/
ul.category-group-list, ul.category-group-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-group-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
}

ul.category-group-list li > :not(ul) {
    display: block;
    border-bottom: 1px solid var(--silver-shade);
    padding: 0.25rem 0;
}

.category-group-list.category-group-list-api {
    gap: 0.25rem;
}

/*** Countdown Timer ***/
.countdown-timer {
    display: flex;
    justify-content: space-around;
    width: fit-content;
    gap: 1rem;
}

.countdown-timer .countdown-timer-number h3 {
    font-size: 2rem;
    line-height: 1em;
}

.countdown-timer .countdown-timer-number span {
    font-size: 0.9rem;
    line-height: 1em;
}

/*** Banner Category ***/
.timed-discount-banner {
    background: var(--blue);
    color: var(--white);
    padding: 1rem 2rem 1rem 1.5rem;
    border-radius: 0.5rem;
    border: 2px solid var(--blue-shade);
    /* Background gradient from blue to blue shade, diagonal from top left to bottom right */
    background-image: linear-gradient(135deg, var(--blue-tint) 0%, var(--blue) 100%);
}

.timed-discount-banner .inner {
    display: grid;
    grid-template-columns: auto max-content max-content;
    align-items: center;
    gap: 3rem;
}

@media screen and (max-width: 800px) {
    .timed-discount-banner .inner {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .timed-discount-banner-heading {
        text-align: center;
    }

    .countdown-timer {
        margin: 0 auto;
    }

    .timed-discount-banner a.button.button-primary {
        width: 100%;
        max-width: 100%;
    }

    .timed-discount-banner .discount-header p {
        font-size: 0.9em;
    }
}

.timed-discount-banner .discount-header {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.discount-tag {
    background: var(--blue-shade);
    padding: 0.5rem 1rem;
    text-align: center;
    border: 2px dashed var(--yellow);
    border-radius: 0.5rem;
}

.discount-tag h3 {
    font-size: 2.25rem;
    line-height: 1em;
}

.discount-tag p {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1em;
}

/*** Lightning Deals ***/
.lightning-deal-active span.price-number.price-regular {
    font-size: 2rem;
}

/*** Lightning Sales - Single Product Page ***/
.lightning-deal-price .price-items {
    display: grid;
	grid-template-columns: repeat(3, max-content) 1fr;
	align-items: flex-end;
}

.lightning-deal-price .price-item {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.lightning-deal-price .lightning-deal-bar .inner {
    grid-template-columns: max-content 1fr max-content max-content;
    display: grid;
}

.lightning-deal-price .lightning-deal-bar {
	font-size: 0.9rem;
}

.lightning-deal-price .price-item .price-label {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
}

.lightning-deal-price .price-item .price-value, .price-items .product-addtocart-form {
	border-top: 1px solid var(--silver-shade);
	border-left: 1px solid var(--silver-shade);
    background: var(--silver);
    padding: 0.5rem;
	min-height: 4rem;
	display: flex;
    align-items: center;
    justify-content: center;
}

.lightning-deal-price .price-item .price-value-number {
    font-size: 1.25rem;
}

.lightning-deal-price .price-item-retail .price-value-number {
	text-decoration: line-through;
	color: var(--gray-tint);
}

.lightning-deal-price .price-item-lightning .price-value-number {
    font-weight: bold;
    color: var(--green);
}

.lightning-deal-price .deal-icon svg {
	width: 1rem;
	height: 1rem;
}

.price-item.price-item-lightning .price-value .price-value-number {
    font-size: 1.5rem;
}

@media screen and (max-width: 800px) {
    .lightning-deal-price .price-items {
        grid-template-columns: 1fr;
    }

    .lightning-deal-price .lightning-deal-bar .inner {
        grid-template-columns: auto;
        gap: 0.5rem;
    }

    .lightning-deal-price .price-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .lightning-deal-price .price-item .price-value, .price-items .product-addtocart-form {
        min-height: unset;
    }

    .lightning-deal-price .price-item .price-value {
        border: 0;
        background: transparent;
    }

    .lightning-deal-price .price-item:nth-child(odd) {
        background: var(--titanium);
    }
    
    .lightning-deal-price .price-item {
        background: var(--silver);
    }

    .lightning-deal-price .price-item .price-label {
        text-align: right;
    }

    .lightning-deal-price .price-item .price-value {
        border-left: 1px solid var(--silver-shade);
    }
}

/*** Single Store Pages ***/
.single-store-aisles .swiper-nav-button::after { display: none; }
.single-store-aisles .swiper-nav-button { background: transparent; color: var(--black); width: 1.5rem; height: 1.5rem; }
.single-store-aisles .swiper-button-next { right: -2rem; }
.single-store-aisles .swiper-button-prev { left: -2rem; }
.single-store-aisles .swiper-container:not(.swiper-initialized) .swiper-wrapper { display: flex; }
.single-store-aisles .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide { margin-right: 10px; width: 16%; }
@media screen and (max-width: 800px) {
    .single-store-aisles .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide { width: 48%; }
    .single-store-aisles .swiper-nav-button { width: 1.25rem; height: 1.25rem; }
    .single-store-aisles .swiper-button-next { right: -1.5rem; }
    .single-store-aisles .swiper-button-prev { left: -1.5rem; }
}

/*** Benefits List ***/
ul.benefits-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

ul.benefits-list li {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 1rem;
}

ul.benefits-list li img {
    width: 1.25rem;
    height: 1.25rem;
}

/*** Hero Header ***/
@media screen and (min-width: 800px) {
    .hero-header h1 {
        font-size: 3rem;
        line-height: 1.2em;
    }

    .content-and-media h2 {
        font-size: 2rem;
    }
}

.collection-filter-item label {
    cursor: pointer;
}


/*** Tab Groups ***/
.tab-group {
    background: var(--silver);
    display: flex;
}

@media screen and (max-width: 800px) {
    .tab-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.tab-group .tab {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.25rem;
    line-height: 1.2em;
    border-top: 0.25rem solid transparent;
    background: transparent;
}

.tab-group .tab[aria-selected=true] {
    background: var(--white);
    border-top: 0.25rem solid var(--yellow);
}

.tab-group .tab[aria-selected=true] .tab-title {
    font-weight: bold;
}

.tab-group .tab > span {
    width: 100%;
    display: block;
}

@media screen and (max-width: 800px) {
    .tab-group .tab span.hidden-mobile {
        display: none;
    }
}

.tab-group .tab span.tab-subtitle {
    font-size: 0.8rem;
}

/*** Main Menu Tab Group ***/
.main-menu-mobile div[role=tabpanel] {
    height: 100%;
    background: var(--white);
}

.main-menu-mobile .tab-group {
    padding: 0 1rem;
}

.category-toggle-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    padding: 0;
    background: var(--white);
    border-bottom: 1px solid var(--silver);
    width: 100%;
    justify-content: space-between;
}

.main-menu-mobile nav ul li a.category-title-link {
    border: 0;
    width: 100%;
    transition: all 0.2s ease;
}

.category-toggle-icon svg {
    width: 0.8rem;
    height: 0.8rem;
    transition: all 0.3s ease;
}

.category-toggle-link, .main-menu-mobile nav ul ul li a {
    text-decoration: none;
    text-underline-offset: 0.2em;
}

.category-toggle-icon[aria-expanded=true] svg {
    transform: rotate(180deg);
}

.category-toggle-icon {
    padding: 0.75rem;
    background: var(--white);
    border-radius: 50%;
}

.category-toggle-icon:hover {
    background: var(--silver);
}

.main-menu-mobile nav ul li a.category-title-link:hover, .main-menu-mobile nav ul ul li a:hover {
    text-decoration: underline;
}

/* Fixes Gravity Forms Image on Safari */
body .ginput_container_image_choice .gfield_radio .gchoice, body .gform_wrapper .ginput_container_image_choice .gfield_checkbox .gchoice {
  min-inline-size: unset !important;
  max-inline-size: unset !important;
}

.disclaimer {
    font-size: 0.8rem;
}

.wc-block-components-product-details__lightning-deal .wc-block-components-product-details__name {
    color: var(--yellow);
}

.wc-block-components-product-details__lightning-deal a > span{
    text-decoration: underline;
}

/*** Auctions ***/
#auction-bid-form #current-bid {
    font-size: 2rem;
}

#auction-bid-form #bid-count {
    color: var(--gray);
}

#auction-bid-form hr {
    border-color: var(--silver-shade-darker);
}

/*** Notices ***/
.notice {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #b4eceb;
    text-align: center;
}

.notice-success {
    background: #bee9d0;
    border: 1px solid var(--green);
}

.refresh-icon {
    width: 0.9rem;
    height: 0.9rem;
    display: flex;
}

.refresh-icon svg {
    width: 100%;
    height: 100%;
}

.notice a.refresh-page svg {
    fill: currentColor;
    color: currentColor;
}

.notice-success svg {
    fill: var(--green);
    color: var(--green);
}

.notice-error {
    background: #f8d7da;
    border: 1px solid var(--red);
}

.notice-error svg {
    fill: var(--red);
    color: var(--red);
}

@media screen and (max-width: 800px) {
    .notice {
        flex-direction: column;
    }
}

a.refresh-page {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

a.refresh-page {
    border-bottom: 1px solid;
    cursor: pointer;
}

.refresh-icon svg {
    width: 15px;
}

.spinning{
    animation: spin .5s linear infinite;
}

/*** Free Shipping Countdown ***/
.free-shipping-countdown {
    background: #e1f7ff;
    border: 1px solid #aad6d8;
}

.free-shipping-countdown .countdown {
    color: var(--red);
    line-height: 1em;
    border-radius: 0.25rem;
}

/*** Product Disclaimers ***/
.product-disclaimer-content h3 {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.product-disclaimer-content, .product-disclaimer-content p {
    font-size: 0.8rem;
}


/*** Featured Lightning Deals ***/
.lightning-deals-heading .section-heading-inner h2 {
    text-transform: uppercase;
}

.lightning-deals-heading .section-heading-inner svg {
    width: auto;
    height: 1.75rem;
}

/*** Product Recommendations ***/
.single-product-recommendations h2 {
    font-size: 1rem;
    text-transform: uppercase;
}

.single-product-recommendations .product-item a h3 {
    font-size: 0.7rem;
    overflow-wrap: anywhere;
    max-height: 2.5rem;
    overflow: hidden;
}

.single-product-recommendations .product-price {
    gap: 0.5rem;
}

.single-product-recommendations .price-number {
    font-size: 0.8rem;
}

.single-product-recommendations .product-item {
    gap: 0.5rem;
}

.single-product-recommendations .price-tag, .single-product-recommendations .product-tags, .single-product-recommendations .product-inventory, .single-product-recommendations .product-success-messages {
    display: none;
}

.single-product-recommendations .product-add-to-cart .product-rating {
    margin-right: auto;
    margin-left: 0;
}

/*** Product Badges ***/
.product-badges svg {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--blue-tint);
}

/*** Auction Product Items ***/
.product-item .auction-item-info {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.product-item .auction-info-row {
    display: grid;
    grid-template-columns: 4.75rem 1fr;
    gap: 0.5rem;
    align-items: center;
    line-height: 1.2em;
}

.product-item .auction-info-row > * {
    line-height: 1.2em;
}

.product-item .auction-info-label {
	color: #999;
	font-size: 0.75rem;
	font-weight: 400;
}

.product-item span.auction-info-value.auction-info-condition, .product-item .auction-countdown-time.ended {
    font-size: 0.75rem;
    color: #999;
    font-weight: 600;
}

.product-item span.auction-info-value.auction-info-condition {
    text-transform: uppercase;
}

.product-item .auction-info-value {
	font-weight: 600;
	text-align: left;
}

.product-item .auction-info-msrp {
	color: #999;
	text-decoration: line-through;
	font-size: 0.875rem;
}

.product-item .auction-info-current-bid {
	color: #000;
}

.product-item .auction-bid-count {
	font-size: 0.75rem;
	font-weight: 400;
	color: #666;
}

.product-item .product-thumbnail {
	position: relative;
}

.product-item .condition-text {
	display: block;
	line-height: 1.2;
}

.product-item time.auction-countdown-time.ending-soon {
    color: var(--red);
}

.product-item .product-condition-badge {
    background: #F1EFC9;
    line-height: 1.2em;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
}

.single-product-condition {
    background: #F1EFC9; /* Gold/yellow for returns */
}

.product-item .product-condition-badge.condition-new, .single-product-condition.condition-new {
    background: #D2F1C9;
}

@media screen and (max-width: 800px) {
    .product-item .auction-info-row {
        display: flex;
    }

    .product-item .auction-info-value.auction-info-countdown {
        font-size: 0.75rem;
    }

    .product-item .auction-bid-count {
        display: block;
    }
}

/*** Filter Buttons ***/
.filter-button {
    background: var(--silver);
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    line-height: 1em;
    border-radius: 2rem;
    transition: all 0.2s ease;
}

.filter-button:hover {
    cursor: pointer;
    background: var(--titanium);
}

.filter-button.active {
    background: var(--blue);
    color: var(--white);
}

/*** Auction Filter Dropdowns ***/
.auction-filter-field label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--black);
}

.auction-filter-dropdowns select {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232C2C2C' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border: 1px solid var(--silver-shade);
    border-radius: 0.25rem;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    font-size: 0.875rem;
    cursor: pointer;
    width: 100%;
    transition: border-color 0.2s ease;
}

.auction-filter-dropdowns select:hover {
    border-color: var(--blue);
}

.auction-filter-dropdowns select:focus {
    outline: 2px solid var(--blue);
    outline-offset: 2px;
}

@media (min-width: 1200px) {
    .auction-filter-field {
        flex: 1;
    }
}


/*** Toggles ***/
button.toggle-button {
    padding: 0.8rem;
    background: var(--white);
    border: 1px solid var(--silver-shade);
}

button.toggle-button svg {
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
}

button.toggle-button[aria-expanded=true] svg {
    transform: rotate(180deg);
}

.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.toggle-content .toggle-content-inner {
    padding: 2rem 1rem 1rem 1rem;
    border: 1px solid var(--silver-shade);
    border-top: 0;
}


/*** Styled Tables ***/
.styled-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.styled-table thead {
    background-color: var(--blue);
    color: var(--white);
}

.styled-table thead th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--blue-shade);
}

.styled-table tbody tr {
    border-bottom: 1px solid var(--silver);
    transition: background-color 0.2s ease;
}

.styled-table tbody tr:last-child {
    border-bottom: none;
}

.styled-table tbody tr:hover {
    background-color: var(--titanium);
}

.styled-table tbody td {
    padding: 0.875rem 1rem;
    color: var(--black);
    font-size: 0.9375rem;
}

/* First column - Bid Amount */
.styled-table tbody td:first-child {
    font-weight: 600;
    color: var(--price-green);
}

.styled-table tbody td:first-child .woocommerce-Price-amount {
    font-weight: 600;
    color: var(--price-green);
}

/* Second column - Bidder Name */
.styled-table tbody td:nth-child(2) {
    color: var(--gray);
}

/* Third column - Date & Time */
.styled-table tbody td:nth-child(3) {
    color: var(--gray-tint);
    font-size: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .styled-table thead th,
    .styled-table tbody td {
        padding: 0.75rem 0.5rem;
        font-size: 0.875rem;
    }
    
    .styled-table tbody td:nth-child(3) {
        font-size: 0.8125rem;
    }
}

/*** Watchlist ***/
button.watchlist-toggle.button.button-secondary {
    background: transparent;
    border: 1px solid var(--silver-shade-darker);
    font-size: 0.8rem;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

button.watchlist-toggle.button.button-secondary svg {
    width: 1rem;
    height: 1rem;
}

.watchlist-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.watchlist-toggle.loading {
    opacity: 0.7;
    cursor: wait;
}

.watchlist-toggle .watchlist-icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.watchlist-toggle .watchlist-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
}

.watchlist-toggle.loading::after {
    display: none!important;
}

.watchlist-toggle .watchlist-icon svg {
    width: 100%;
    height: 100%;
}

.watchlist-toggle .watchlist-spinner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
}

.watchlist-toggle.watching {
    background-color: var(--red, #b20404);
    border-color: var(--red, #b20404);
    color: var(--white, #fff);
}

.watchlist-toggle.watching:hover:not(.loading) {
    opacity: 0.9;
}


/*** Ending Soon Slider Navigation ***/
.ending-soon-slider-wrapper {
    position: relative;
}

.ending-soon-nav-button {
    position: absolute;
    width: 2rem;
    height: 2rem;
    color: var(--black);
    opacity: 0.3;
    transition: all 0.2s ease;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ending-soon-nav-button.ending-soon-button-prev {
    left: -2.5rem;
}

.ending-soon-nav-button.ending-soon-button-next {
    right: -2.5rem;
}

.ending-soon-nav-button:hover {
    opacity: 1;
}

.ending-soon-nav-button svg {
    width: 100%;
    height: auto;
}

.ending-soon-nav-button.swiper-button-disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

@media screen and (max-width: 1200px) {
    .ending-soon-nav-button.ending-soon-button-prev {
        left: -1.5rem;
    }
    
    .ending-soon-nav-button.ending-soon-button-next {
        right: -1.5rem;
    }

    .ending-soon-nav-button {
        width: 1.25rem;
        height: 1.25rem;
    }
}



/*** Local Pickup Notice ***/
.local-pickup-cart-notice {
    background: #fff4e6;
    border: 1px solid #ffb84d;
}

.local-pickup-notice-inner {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.local-pickup-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: #ff8800;
}

.local-pickup-notice-content h4 {
    margin: 0;
    line-height: 1.2em;
    color: #cc6600;
}

.local-pickup-notice-content p {
    line-height: 1.5em;
    margin: 0;
}

@media screen and (max-width: 800px) {
    .local-pickup-icon {
        display: none !important;
    }
    
    .local-pickup-notice-content h4 {
        font-size: 1rem;
    }
}

/*** Popup fixes ***/
.em-popup .em-popup-content h2.em-popup-title {
    line-height: 1.2em;
}

/*** Shipping info ***/
.shipping-estimated {
    font-weight: normal;
}

.shipping-sep {
    opacity: 0.4;
    margin: 0 0.15em;
}

.shipping-details a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.shipping-description {
    font-size: 0.85em;
}
.shipping-zip-prompt {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-align: left;
}
.shipping-zip-prompt:hover {
    opacity: 0.8;
}