:root {
    --primary: #ff9913;
    --primary-dark: #e58700;
    --primary-rgb: 255, 153, 19;
}

/* Theme text accents only */
.text-primary,
a:hover,
.card-header a:hover,
.card-header .collapse,
.accordion-color .collapse,
.comment-reply:hover,
.comment-reply:focus,
.comment-user h4 a:hover,
.comment-user h4 a:focus,
.list-arrow li.show,
.list-arrow li:hover,
.alert-message.alert-link a {
    color: var(--primary) !important;
}

/* Theme accent backgrounds only */
.bg-primary,
.cart-count,
.badge,
.header-middle .cart-count,
.sticky-icon-links li:nth-child(4) a,
.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce4 {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.bounce-loader .bounce3 {
    border-color: var(--primary) !important;
}

/* Shop By Categories only */
.menu-title,
.category-toggle,
.menu-title > span,
.category-toggle > span {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.menu-title:hover,
.category-toggle:hover,
.menu-title:hover > span,
.category-toggle:hover > span {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: #fff !important;
}

.menu-title::before,
.menu-title::after,
.category-toggle::before,
.category-toggle::after {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Buttons only */
.btn,
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-product,
.btn-cart,
input[type="submit"],
input[type="button"],
button.btn,
button.btn-primary,
button.btn-success,
button.btn-danger,
button.btn-product,
button.btn-cart {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;
}

/* Better hover/focus */
.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-product:hover,
.btn-product:focus,
.btn-cart:hover,
.btn-cart:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(var(--primary-rgb), 0.28) !important;
    transform: translateY(-1px);
}

/* Product/cart button icons */
.btn-product i,
.btn-cart i,
.btn-danger i,
.btn-success i,
.btn-primary i {
    color: #fff !important;
}

/* Slider/nav accents */
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
    color: var(--primary) !important;
    transition: all 0.25s ease;
}

.owl-theme .owl-nav .owl-next:not(.disabled):hover,
.owl-theme .owl-nav .owl-prev:not(.disabled):hover,
.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.owl-nav-full .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-full .owl-nav .owl-prev:not(.disabled):hover,
.owl-nav-arrow .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):hover {
    color: var(--primary-dark) !important;
}

/* Price/accent text only */
.price,
.product-price,
.amount {
    color: var(--primary) !important;
}

/* Focus states */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 1px rgba(var(--primary-rgb), 0.35) !important;
}

/* Specific red theme utility replacements */
.text-danger {
    color: var(--primary) !important;
}

.bg-danger {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* PAYTEST_PRODUCT_BLACK_HOVER_20260805
   Scoped only to product condition selectors and Add to Cart.
   Selected New/Refurbished state remains controlled by existing JavaScript.
*/
.product-single
.product-form
.product-variations
> a#pro_price_new:hover,
.product-single
.product-form
.product-variations
> a#pro_price_ref:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 2px #fff !important;
}

.product-single
.product-form
#btn-add-cart:hover:not(:disabled) {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* PAYTEST_YOU_SAVE_YELLOW_START */

/* Only the product-page You Save box hover */
.product-single
#pro_price_section
> p.btn-dark:hover,
.product-single
#pro_price_section
> p.btn-dark:focus {
    background-color: #f2b400 !important;
    border-color: #f2b400 !important;
    color: #111111 !important;
    box-shadow: none !important;
}

/* Keep text inside the box readable */
.product-single
#pro_price_section
> p.btn-dark:hover *,
.product-single
#pro_price_section
> p.btn-dark:focus * {
    color: #111111 !important;
}

/* PAYTEST_YOU_SAVE_YELLOW_END */
/* PAYTEST_MATCH_ADD_TO_CART_TONE_START */
:root{
    --paytest-addcart-tone: #f89c1c;
    --paytest-addcart-tone-border: #f89c1c;
    --paytest-addcart-tone-text: #ffffff;
}

/* Selected product condition should look exactly like Add To Cart tone */
.product-condition .active,
.product-condition .selected,
.product-condition a.active,
.product-condition a.selected,
.product-condition button.active,
.product-condition button.selected,
.product-condition label.active,
.product-condition label.selected,
.product-condition .condition-active,
.product-condition .condition-selected,
.product-condition .refurbished.active,
.product-condition .new.active,
.product-condition .refurbished.selected,
.product-condition .new.selected,
#new.active,
#new.selected,
#refurbished.active,
#refurbished.selected,
.condition_option.active,
.condition_option.selected,
.condition-option.active,
.condition-option.selected,
.condition-btn.active,
.condition-btn.selected,
.product-condition input[type="radio"]:checked + label,
.product-condition input[type="checkbox"]:checked + label,
.set-condition .active,
.set-condition .selected,
.conditon .active,
.conditon .selected {
    background: var(--paytest-addcart-tone) !important;
    border-color: var(--paytest-addcart-tone-border) !important;
    color: var(--paytest-addcart-tone-text) !important;
    box-shadow: none !important;
}

/* Keep text/icons white inside selected condition */
.product-condition .active *,
.product-condition .selected *,
#new.active *,
#new.selected *,
#refurbished.active *,
#refurbished.selected *,
.condition_option.active *,
.condition_option.selected *,
.condition-option.active *,
.condition-option.selected *,
.condition-btn.active *,
.condition-btn.selected * {
    color: var(--paytest-addcart-tone-text) !important;
}

/* You Save hover should match Add To Cart tone */
.you-save:hover,
.you_save:hover,
.product-you-save:hover,
.product_you_save:hover,
.save-amount:hover,
.save_amount:hover,
.save-price:hover,
.save_price:hover,
.saving-price:hover,
.saving_price:hover,
[class*="you-save"]:hover,
[class*="you_save"]:hover,
[class*="save-price"]:hover,
[class*="save_price"]:hover,
[id*="you-save"]:hover,
[id*="you_save"]:hover,
[id*="save-price"]:hover,
[id*="save_price"]:hover {
    background: var(--paytest-addcart-tone) !important;
    border-color: var(--paytest-addcart-tone-border) !important;
    color: var(--paytest-addcart-tone-text) !important;
}

/* Add To Cart black hover must stay untouched */
.single_add_to_cart_button:hover,
.add-to-cart:hover,
.add_to_cart:hover,
button[name="add-to-cart"]:hover,
input[name="add-to-cart"]:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
/* PAYTEST_MATCH_ADD_TO_CART_TONE_END */

/* PAYTEST_CATEGORY_SIDEBAR_VISIBILITY_START */

/*
 * Product-page category menu stacking correction.
 * Keep the right product sidebar visible while the desktop
 * Shop By Categories dropdown is open.
 */
@media (min-width: 992px) {

    .main.single-product
    .row.gutter-lg
    > aside.col-lg-3.right-sidebar.sidebar-fixed.sticky-sidebar-wrapper {
        display: block !important;
        position: relative !important;
        z-index: 3101 !important;
        visibility: visible !important;
        opacity: 1 !important;
        isolation: isolate;
        background-color: #ffffff !important;
    }

    .main.single-product
    .row.gutter-lg
    > aside.col-lg-3.right-sidebar.sidebar-fixed.sticky-sidebar-wrapper
    .sidebar-content {
        z-index: 3102 !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: #ffffff !important;
    }

    .main.single-product
    .row.gutter-lg
    > aside.col-lg-3.right-sidebar.sidebar-fixed.sticky-sidebar-wrapper
    .pin-wrapper {
        z-index: 3102 !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: #ffffff !important;
    }

    .header .category-dropdown,
    .header .category-dropdown .dropdown-box,
    .header .category-dropdown .category-menu {
        z-index: 3000 !important;
    }
}

/* PAYTEST_CATEGORY_SIDEBAR_VISIBILITY_END */

/* ITNT_CHECKOUT_MOBILE_RESPONSIVE_V1_20260905 */
@media (max-width: 991.98px) {
    .main.checkout,
    .main.cart,
    .main.checkout .page-content,
    .main.cart .page-content,
    .main.checkout .container,
    .main.cart .container,
    .main.cart .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .main.checkout .container,
    .main.cart .container,
    .main.cart .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .main.checkout .row,
    .main.cart .row,
    .main.checkout .row > [class*="col-"],
    .main.cart .row > [class*="col-"] {
        min-width: 0 !important;
    }

    .main.checkout .col-lg-7,
    .main.checkout aside.col-lg-5,
    .main.cart .col-lg-8,
    .main.cart aside.col-lg-4 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .main.checkout aside.col-lg-5,
    .main.cart aside.col-lg-4 {
        margin-top: 24px !important;
    }

    .main.checkout .sticky-sidebar-wrapper,
    .main.checkout .sticky-sidebar,
    .main.cart .sticky-sidebar-wrapper,
    .main.cart .sticky-sidebar {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        transform: none !important;
    }

    .main.checkout form,
    .main.checkout .summary,
    .main.checkout .payment,
    .main.checkout .card,
    .main.checkout .payment-card-panel,
    .main.checkout .secure-payment-field,
    .main.checkout #card-element,
    .main.checkout #card-container,
    .main.checkout .StripeElement {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .main.checkout input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
    .main.checkout select,
    .main.checkout textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .main.checkout #card-element iframe,
    .main.checkout #card-container iframe {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .main.checkout .payment-method-label {
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .main.checkout .payment-method-label span,
    .main.checkout .secure-card-note {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .main.checkout .order-table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .main.checkout .order-table th:first-child,
    .main.checkout .order-table td:first-child {
        width: 62% !important;
    }

    .main.checkout .order-table th:last-child,
    .main.checkout .order-table td:last-child {
        width: 38% !important;
    }

    .main.checkout .order-table .product-name,
    .main.checkout .summary-subtitle,
    .main.checkout .order-table p {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .main.checkout .order-table .product-total,
    .main.checkout .summary-subtotal-price {
        text-align: right !important;
        max-width: 100% !important;
    }

    .main.checkout [class*="fedex"],
    .main.checkout [class*="FedEx"],
    .main.checkout .shipping-rates,
    .main.checkout .shipping-options,
    .main.checkout .shipping-option {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .main.checkout [class*="fedex"] *,
    .main.checkout [class*="FedEx"] *,
    .main.checkout .shipping-rates *,
    .main.checkout .shipping-options *,
    .main.checkout .shipping-option * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .main.checkout [class*="fedex"] label,
    .main.checkout [class*="fedex"] span,
    .main.checkout [class*="FedEx"] label,
    .main.checkout [class*="FedEx"] span,
    .main.checkout .shipping-option label,
    .main.checkout .shipping-option span {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .main.cart .col-lg-8.col-md-12 {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .main.cart .shop-table.cart-table {
        width: 680px !important;
        min-width: 680px !important;
        max-width: none !important;
    }

    .main.cart .cart-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .main.checkout .col-xs-6,
    .main.checkout .col-xs-12 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .tab-content.col-lg-9.col-md-12 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .tab-content .row > .col-xs-6,
    .tab-content .row > .col-xs-12 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .tab-content input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
    .tab-content select,
    .tab-content textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .tab-content p,
    .tab-content label,
    .tab-content h3 {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .main.checkout .secure-payment-field {
        display: block !important;
    }

    .main.checkout [class*="fedex"],
    .main.checkout [class*="FedEx"],
    .main.checkout .shipping-options {
        grid-template-columns: minmax(0, 1fr) !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 575.98px) {
    .main.checkout .container,
    .main.cart .container,
    .main.cart .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .main.checkout .summary {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .main.checkout .order-table th,
    .main.checkout .order-table td {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .main.checkout .order-table th:first-child,
    .main.checkout .order-table td:first-child {
        width: 60% !important;
    }

    .main.checkout .order-table th:last-child,
    .main.checkout .order-table td:last-child {
        width: 40% !important;
    }

    .main.checkout .btn-order,
    .main.checkout #card-button,
    .tab-content button.btn,
    .tab-content a.btn {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .main.cart .cart-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .main.cart .cart-actions .btn {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* END ITNT_CHECKOUT_MOBILE_RESPONSIVE_V1_20260905 */


/* ITNT_HEADER_SEARCH_BROAD_V1_20260922 */
@media (min-width: 1200px) {
    .header-middle .header-search.hs-simple {
        flex: 1 1 680px;
        width: 100%;
        max-width: 680px;
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .header-middle .header-search.hs-simple .input-wrapper {
        position: relative;
        width: 100%;
        height: 48px;
    }

    .header-middle .header-search.hs-simple input.form-control {
        height: 48px;
        min-height: 48px;
        padding-right: 62px;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .header-middle .header-search.hs-simple .btn-search {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 52px;
        min-width: 52px;
        height: 48px;
        margin: 0;
        padding: 0;
        border-radius: 0 5px 5px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .header-middle .header-search.hs-simple .btn-search i {
        margin: 0;
    }
}

/* ITNT_STICKY_HEADER_CATEGORY_STACK_FIX_V1_20260924 */
body.sticky-header-active .header-bottom .category-dropdown,
body.sticky-header-active .header-bottom .category-dropdown .dropdown-box,
body.sticky-header-active .header-bottom .category-dropdown .category-menu {
    z-index: 1000 !important;
}

/* ITNT_STICKY_HEADER_GLOBAL_STACK_FIX_V3_20260924 */
@media (min-width: 992px) {
    body.sticky-header-active .header {
        position: relative !important;
        z-index: 10000 !important;
        isolation: isolate;
    }

    body.sticky-header-active .header > .sticky-wrapper {
        position: relative !important;
        z-index: 10000 !important;
    }

    body.sticky-header-active .header-middle.sticky-header.fixed {
        z-index: 10001 !important;
        background: #fff !important;
    }

    body.sticky-header-active .header-middle.sticky-header.fixed > .container {
        position: relative;
        z-index: 2;
    }

    body.sticky-header-active .sidebar-fixed .sidebar-content,
    body.sticky-header-active .sidebar-fixed .sticky-sidebar,
    body.sticky-header-active .sidebar-fixed .sticky-sidebar-fixed {
        z-index: 20 !important;
    }
}

/* ITNT_NOTICE_CSS_LOOP_V1_20261012 */
.header-top > .container {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    min-width: 0;
}

.header-top > .container > .header-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.header-top > .container > .header-right {
    flex: 0 0 auto !important;
    min-width: max-content;
    margin-left: 12px !important;
    position: relative;
    z-index: 1;
}

.header-top .header-left .welcome-msg {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.header-top .header-left .welcome-msg strong {
    display: inline-block !important;
    width: max-content;
    max-width: none !important;
    padding-left: 100%;
    white-space: nowrap !important;
    will-change: transform;
    animation: itntNoticeLoopV1 27s linear infinite;
}

@keyframes itntNoticeLoopV1 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 850px) {
    .header-top > .container {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .header-top > .container > .header-left {
        flex: 1 1 100% !important;
        width: 100%;
    }

    .header-top > .container > .header-right {
        margin-left: 0 !important;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-top .header-left .welcome-msg strong {
        animation: none !important;
        padding-left: 0;
    }
}

/* ITNT_NOTICE_DIRECTION_FIX_V1_20261012 */
.header-top{
    overflow: hidden;
}

.header-top .container,
.header-top .container-fluid,
.header-top .header-row{
    position: relative;
}

.header-top .header-left,
.header-top .left-part,
.header-top .top-left{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    padding-right: 28px;
}

.header-top .header-right,
.header-top .right-part,
.header-top .top-right{
    position: relative;
    z-index: 3;
    background: #fff;
    padding-left: 24px;
    margin-left: 12px;
}

.header-top .welcome-msg,
.header-top .header-message,
.header-top .maintenance-notice,
.header-top .top-message,
.header-top p{
    display: inline-block;
    white-space: nowrap;
    max-width: none;
}

.header-top .welcome-msg,
.header-top .header-message,
.header-top .maintenance-notice,
.header-top .top-message{
    padding-left: 100%;
    animation: itntNoticeRightToLeft 22s linear infinite;
    will-change: transform;
}

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

/* ITNT_NOTICE_TEXT_ONLY_V4_20261012 */

/* Stationary header and navigation */
.header-top > .container {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    min-width: 0 !important;
}

.header-top > .container > .header-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.header-top > .container > .header-right {
    flex: 0 0 auto !important;
    margin-left: 20px !important;
    padding-left: 0 !important;
    background: transparent !important;
    position: relative;
    z-index: 3;
}

/* Stop animation on white notice container */
.header-top > .container > .header-left .welcome-msg {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background: transparent !important;
    animation: none !important;
    transform: none !important;
}

/* Animate ONLY the actual maintenance text */
.header-top > .container > .header-left .welcome-msg strong {
    display: inline-block !important;
    width: max-content !important;
    max-width: none !important;
    padding-left: 100% !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
    will-change: transform;
    animation: itntTextOnlyScrollV4 28s linear infinite !important;
}

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

@media (max-width: 850px) {
    .header-top > .container {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .header-top > .container > .header-left {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .header-top > .container > .header-right {
        margin-left: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-top > .container > .header-left .welcome-msg strong {
        padding-left: 0 !important;
        animation: none !important;
        transform: none !important;
    }
}