.btn-warning,
.bg-warning {
    background: #ff670f !important;
    border: #ff670f !important;
    color: white;
}

button.btn.btn-light.btn-sm.flex-fill.small.d-flex.align-items-center.justify-content-center.p-1.add_to_cart {
    background: #e5e7eb !important;
    color: #000000 !important;
    transition: none !important;
    border: #abb0bd !important;
}

button.btn.btn-light.btn-sm.flex-fill.small.d-flex.align-items-center.justify-content-center.p-1.add_to_cart:hover,
a.btn.btn-warning.btn-sm.flex-fill.small.p-1:hover {
    background: #ff670f !important;
    color: #f8f9fa !important;
    transition: none !important;
    border: #abb0bd !important;
}

.text-warning {
    color: #ff670f !important;
}

a.text-decoration-none.text-dark.small.fw-medium.text-truncate.d-block:hover {
    color: #ff670f !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.reel-container::-webkit-scrollbar,
.product-scroll::-webkit-scrollbar,
.review-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.reel-container,
.product-scroll,
.review-scroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Smooth scrolling for programmatic feedback */
html,
body {
    overscroll-behavior-y: none;
    /* Prevent pull-to-refresh on mobile */
}

.bg-dark {
    background-color: #00000080 !important;
}

/* Volume Slider Styling */
.volume-slider {
    height: 4px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    outline: none;
}

.volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff670f;
    cursor: pointer;
    border: 2px solid white;
}

.volume-slider::-moz-range-thumb {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff670f;
    cursor: pointer;
    border: 2px solid white;
}

.volume-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #ff670f 0%, #ff670f var(--volume-percent, 100%), rgba(255, 255, 255, 0.3) var(--volume-percent, 100%), rgba(255, 255, 255, 0.3) 100%);
    height: 4px;
    border-radius: 5px;
}

.volume-slider::-moz-range-track {
    background: rgba(255, 255, 255, 0.3);
    height: 4px;
    border-radius: 5px;
}

.volume-slider::-moz-range-progress {
    background: #ff670f;
    height: 4px;
    border-radius: 5px;
}

.text-orange {
    color: #ff670f !important;
}

a.btn.btn-light.btn-sm.flex-fill.small.d-flex.align-items-center.justify-content-center.p-1.add_to_cart {
    background: #e5e7eb !important;
    color: #000000 !important;
    transition: none !important;
    border: #abb0bd !important;
}

a.btn.btn-light.btn-sm.flex-fill.small.d-flex.align-items-center.justify-content-center.p-1.add_to_cart:hover {
    background: #ff670f !important;
    border: #ff670f !important;
    color: #ffffff !important;
    transition: none !important;
}

img.rounded-circle.border {
    width: 40px !important;
}

img.rounded-circle.border:hover {
    width: 40px !important;
    border: 2px solid #ff670f !important;
}

a.text-white.text-decoration-none.small.fw-semibold:hover,
.hover-icon:hover {
    color: #ff670f !important;

}

button.btn.btn-sm.px-3.py-1.follow-btn.btn-warning:hover span {
    color: #ffffff !important;
}

/* jsSocials Copy Button */
.jssocials-share-copy .jssocials-share-link {
    background: #6c757d !important;
}

.jssocials-share-copy .jssocials-share-link:hover {
    background: #5a6268 !important;
}


.alert.alert-secondary.d-flex.align-items-center.gap-2.mb-0 {
    background: #f9f9f9 !important;
    border: #919396 !important;
}

i.fas.fa-times.fs-25.text-dark.me-1:hover::before {
    color: #c20000 !important;
}

button.btn.btn-sm.px-3.py-1.follow-btn.btn-secondary {
    background: #e5e7eb !important;
    color: #000000 !important;
    transition: none !important;
    border: #abb0bd !important;
}

button.btn.btn-sm.px-3.py-1.follow-btn.btn-secondary:hover {
    background: #ff670f !important;
    color: #ffffff !important;
    transition: none !important;
    border: #ff670f !important;
}

span.d-none.d-sm-inline {
    font-weight: 500;
}

img.rounded.video-reel-img-css {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
}

img.rounded.video-reel-img-css {
    width: 5rem;
    height: 5rem;
    background: #ffffff !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    border: 1px solid #dfdddb !important;
    cursor: pointer;
}

img.rounded.video-reel-img-css:hover {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    background: #ffffff !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    border: 2px solid #f56500 !important;
    cursor: pointer;
}

.reel-star-widget {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.reel-star-widget input {
    display: none;
}

.reel-star-widget label {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
    transition: color 0.15s;
    line-height: 1;
}

.reel-star-widget label:hover,
.reel-star-widget label:hover~label,
.reel-star-widget input:checked~label {
    color: #f5a623;
}

.reel-star-label-text {
    font-size: 0.85rem;
    color: #888;
    margin-left: 4px;
    vertical-align: middle;
}

button#rating-edit-btn:hover , button#rating-add-btn:hover {
    background: #ff670f !important;
    border: #ff670f !important;
    color: #ffffff !important;
    transition: none !important;
}

button#rating-edit-btn , button#rating-add-btn{
    background: #e5e7eb !important;
    color: #000000 !important;
    transition: none !important;
    border: #abb0bd !important;
}