body.single-product #sp-buy-card .custom-variations-wrapper .color-swatch:not([hidden]):not(.is-combination-hidden) {
    display: grid !important;
    grid-template-columns: 48px !important;
    grid-template-rows: 32px auto !important;
    justify-items: center !important;
    align-items: start !important;
    align-content: start !important;
    gap: 7px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
    min-height: 59px !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: visible !important;
    flex: 0 0 48px !important
}

body.single-product #sp-buy-card .color-swatch input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important
}

body.single-product #sp-buy-card .color-swatch .swatch-circle {
    grid-row: 1 !important;
    grid-column: 1 !important;
    display: block !important;
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 !important;
    flex: none !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    margin: 0 !important
}

body.single-product #sp-buy-card .color-swatch .binoise-color-name {
    grid-row: 2 !important;
    grid-column: 1 !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: 18px !important;
    font-family: 'yekan',sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: normal !important;
    color: #686b76 !important;
    overflow: visible !important
}

body.single-product #sp-buy-card .color-swatch:has(input:checked) .binoise-color-name {
    color: #dc712e !important;
    font-weight: 700 !important
}

.bnoise-gallery-nav svg {
    transform: none !important
}

@media(min-width:768px) {
    .binoise-mobile-excerpt {
        display: none !important
    }

}

@media(max-width:767px) {
    .sp-summary-shell,.sp-product-info {
        display: contents !important
    }

    .sp-product-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important
    }

    .bnoise-product-gallery {
        order: 0
    }

    .sp-product-eyebrow {
        order: 1
    }

    .sp-summary-head {
        order: 2
    }

    .sp-buy-card {
        order: 3
    }

    .binoise-mobile-excerpt {
        order: 4
    }

    .sp-features-block {
        order: 5
    }

    .sp-purchase-notes,.sp-live-stock-card {
        order: 6
    }

    .sp-summary-head .sp-short-summary {
        display: none !important
    }

    .binoise-mobile-excerpt .sp-short-summary {
        display: block !important
    }

    body.single-product #sp-buy-card {
        width: 100% !important;
        margin: 0 !important;
        padding: 18px 16px !important;
        background: linear-gradient(145deg,#fff 35%,#f9fafc) !important;
        border: 1px solid #e4e6eb !important;
        border-radius: 20px !important;
        box-shadow: none !important
    }

    #sp-buy-card .sp-buy-card-row--shipping,#sp-buy-card .sp-price-box,#sp-buy-card .sp-buy-security,#sp-buy-card .sp-price-hint {
        display: none !important
    }

    body.binoise-mobile-direct-buy #sp-buy-card .single_add_to_cart_button {
        display: none !important
    }

    #sp-buy-card .sp-cart-box,#sp-buy-card form,#sp-buy-card .variations {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important
    }

    #sp-buy-card .variation-attr {
        gap: 14px !important
    }

    #sp-buy-card .variation-attr>div {
        flex-direction: column !important;
        gap: 8px !important
    }

    #sp-buy-card .variation-attr>div+div {
        border-top: 1px solid #eceef2;
        padding-top: 14px
    }

    #sp-buy-card .custom-variations-wrapper {
        flex-wrap: wrap !important;
        gap: 6px !important
    }

    #sp-buy-card .warranty-btn {
        flex: 1;
        min-width: 130px
    }

    #sp-buy-card .warranty-btn .btn-label {
        background: #fafafa !important;
        border: 1px solid #ececef !important;
        border-radius: 9px !important;
        min-height: 40px;
        padding: 8px !important;
        font-size: 11px !important;
        color: #666 !important;
        box-shadow: none !important
    }

    #sp-buy-card .warranty-btn:has(input:checked) .btn-label {
        border-color: #f79049 !important;
        color: #d56012 !important;
        background: #fff !important;
        box-shadow: inset 0 0 0 .5px #f79049 !important
    }

    .bnoise-mobile-product-cta.is-hidden-near-buy {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important
    }

    .bnoise-mobile-product-cta__inner {
        min-height: 64px !important;
        grid-template-columns: minmax(0,1fr) minmax(125px,145px) !important;
        padding: 8px !important;
        gap: 7px !important
    }

    .bnoise-mobile-product-cta__button {
        height: 46px !important;
        min-height: 0 !important;
        padding: 8px !important;
        font-size: 11px !important;
        border-radius: 12px !important
    }

    .bnoise-mobile-product-cta__button svg {
        display: none !important
    }

    .bnoise-mobile-product-cta__price {
        display: block !important;
        font-size: 14px !important;
        line-height: 22px !important;
        white-space: nowrap !important
    }

    .bnoise-mobile-product-cta__price .woocommerce-Price-currencySymbol {
        font-size: 20px !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        vertical-align: middle !important
    }

    .binoise-sticky-wishlist {
        display: none !important;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #dcdfe5 !important;
        border-radius: 9px;
        background: #fff;
        box-sizing: border-box
    }

    .binoise-sticky-wishlist :is(button,a) {
        position: relative !important;
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
        min-height: 0 !important;
        min-width: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 0 !important;
        color: #777c86 !important
    }

    .binoise-sticky-wishlist .bn-heart-icon {
        width: 22px !important;
        height: 22px !important;
        stroke: currentColor;
        stroke-width: 1.7;
        fill: none;
        display: block !important
    }

    .binoise-sticky-wishlist :is(.yith-wcwl-add-to-wishlist,.yith-add-to-wishlist-button-block) {
        margin: 0 !important
    }

    .binoise-sticky-wishlist :is(.feedback,.yith-wcwl-add-to-wishlist-button__label) {
        display: none !important
    }

    .binoise-sticky-wishlist .bn-heart-host>img,.binoise-sticky-wishlist .bn-heart-host>svg:not(.bn-heart-icon),.binoise-sticky-wishlist .bn-heart-host>i,.binoise-sticky-wishlist .bn-heart-host:before,.binoise-sticky-wishlist .bn-heart-host:after {
        display: none !important
    }

    .binoise-sticky-wishlist :is(.added,.exists,.yith-wcwl-wishlistaddedbrowse,.yith-wcwl-wishlistexistsbrowse,[data-added=true],[aria-pressed=true],.yith-wcwl-add-to-wishlist-button--added) .bn-heart-icon,.binoise-sticky-wishlist:has(.exists,.added,[data-added=true],.yith-wcwl-wishlistexistsbrowse,.yith-wcwl-wishlistaddedbrowse) .bn-heart-icon {
        color: #ad4e5c !important;
        fill: #ad4e5c !important
    }

}