/* ==========================================================================
   Amazon Style Foundation
   ========================================================================== */
:root {
    --amazon-background: #E3E6E6 !important;
    --amazon-dark-blue: #131A22 !important;
    --amazon-light-blue: #232F3E !important;
    --amazon-link-blue: #007185 !important;
    --amazon-link-hover-orange: #C7511F !important;
    --amazon-border-color: #DDD !important;
    --amazon-card-background: #FFFFFF !important;
    --amazon-orange: #FEBD69 !important;
    --amazon-orange-dark: #F08804 !important;
}

body {
    background-color: var(--amazon-background) !important;
    font-family: "Amazon Ember", Arial, sans-serif !important;
    color: #0F1111 !important;
}

a { color: var(--amazon-link-blue); text-decoration: none; }
a:hover { color: var(--amazon-link-hover-orange); text-decoration: underline; }

/* ==========================================================================
   Amazon Header FINAL Dark Theme Styles
   ========================================================================== */
.header_wrap.amazon-header-final { box-shadow: none !important; }
.amazon-header-final .middle-header { background-color: var(--amazon-dark-blue); padding: 6px 15px !important; }
.amazon-header-final .navbar-brand { padding: 1px 8px 0 6px !important; border: 1px solid transparent !important; border-radius: 2px !important; margin-right: 10px !important; margin-top: -5px !important; }
.amazon-header-final .navbar-brand:hover { border-color: #fff !important; }
.amazon-header-final .logo_dark { display: none !important; }
.amazon-header-final .logo_light { display: inline-block !important; max-height: 66px !important; }
.amazon-header-final .location-link { display: flex !important; align-items: center; color: #fff !important; padding: 5px !important; border: 1px solid transparent !important; border-radius: 2px !important; }
.amazon-header-final .location-link:hover { border-color: #fff !important; text-decoration: none !important; }
.amazon-header-final .location-link i { font-size: 18px !important; margin-right: 2px !important; margin-top: 8px !important; }
.amazon-header-final .location-link div { display: flex !important; flex-direction: column !important; }
.amazon-header-final .location-link .location-line1 { font-size: 12px !important; color: #ccc !important; }
.amazon-header-final .location-link .location-line2 { font-size: 14px !important; font-weight: 700 !important; }
.amazon-header-final .product_search_form { flex-grow: 1 !important; }
.amazon-header-final .product_search_form .input-group { border-radius: 4px !important; border: 3px solid transparent !important; }
.amazon-header-final .product_search_form .input-group:focus-within { border-color: var(--amazon-orange-dark) !important; }
.amazon-header-final .product_search_form .custom_select select { background-color: #f3f3f3 !important; border: none !important; height: 40px !important; color: #555 !important; border-right: 1px solid #ccc !important; border-radius: 4px 0 0 4px !important; }
.amazon-header-final .product_search_form .form-control { height: 40px !important; border: none !important; box-shadow: none !important; }
.amazon-header-final .product_search_form .search_btn { background-color: var(--amazon-orange) !important; border-color: var(--amazon-orange) !important; color: var(--amazon-dark-blue) !important; width: 45px !important; border-radius: 0 4px 4px 0 !important; }
.amazon-header-final .product_search_form .search_btn:hover { background-color: var(--amazon-orange-dark) !important; }
.amazon-header-final .attr-nav > ul > li > a { color: #fff !important; font-size: 12px !important; line-height: 1.2 !important; padding: 8px !important; border: 1px solid transparent !important; border-radius: 2px !important; }
.amazon-header-final .attr-nav > ul > li > a:hover { border-color: #fff !important; text-decoration: none !important; }
.amazon-header-final .attr-nav > ul > li > a strong { font-size: 14px !important; font-weight: 700 !important; display: block !important; }
.amazon-header-final .attr-nav .cart_trigger { font-size: 24px !important; display: flex !important; align-items: flex-end !important; position: relative !important; }
.amazon-header-final .attr-nav .cart_trigger i { font-size: 30px !important; line-height: 1 !important; }
.amazon-header-final .attr-nav .cart_trigger .cart_count { position: absolute !important; top: 2px !important; left: 50% !important; transform: translateX(-50%) !important; font-size: 16px !important; font-weight: 700 !important; color: var(--amazon-orange-dark) !important; }
.amazon-header-final .attr-nav .cart_trigger .cart_text { font-size: 14px !important; font-weight: 700 !important; margin-left: 5px !important; }
.amazon-header-final .bottom_header { background-color: var(--amazon-light-blue) !important; padding: 0 15px !important; min-height: 39px !important; display: flex !important; align-items: center !important; }
.amazon-header-final .bottom_header .navbar { padding: 0 !important; }
.amazon-header-final .bottom_header .navbar-nav .nav-link { color: #fff !important; font-size: 14px !important; font-weight: 500 !important; padding: 8px 10px !important; border: 1px solid transparent !important; border-radius: 2px !important; }
.amazon-header-final .bottom_header .navbar-nav .nav-link:hover { border-color: #fff !important; text-decoration: none !important; }
.amazon-header-final .bottom_header .navbar-toggler { color: #fff !important; font-weight: 700 !important; font-size: 14px !important; border: 1px solid transparent !important; border-radius: 2px !important; padding: 8px 9px !important; }
.amazon-header-final .bottom_header .navbar-toggler:hover { border-color: #fff !important; }
.amazon-header-final .bottom_header .navbar-toggler i { font-size: 18px !important; vertical-align: middle !important; margin-right: 4px !important; }
@media (max-width: 991px) {
    .amazon-header-final .middle-header { padding: 10px !important; }
    .amazon-header-final .navbar-brand { margin: 0 !important; }
    .amazon-header-final .cart_trigger i { font-size: 28px !important; color: #fff !important; }
    .amazon-header-final .cart_trigger .cart_count { top: -5px !important; left: 50% !important; transform: translateX(-50%) !important; }
    .amazon-header-final .side_navbar_toggler i { color: #fff !important; font-size: 24px !important; }
    .amazon-header-final .nav-link.text-white { font-size: 14px !important; }
}

/* ==========================================================================
   Amazon Hero Slider
   ========================================================================== */
.amazon-hero-slider { position: relative !important; margin-bottom: -150px !important; }
.amazon-hero-slider .carousel-item img { width: 100% !important; height: auto !important; object-fit: cover !important; }
.amazon-hero-slider::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to bottom, rgba(227, 230, 230, 0), var(--amazon-background)); pointer-events: none; z-index: 5; }
.amazon-hero-slider .carousel-control-prev, .amazon-hero-slider .carousel-control-next { top: 0 !important; bottom: 0 !important; width: 8% !important; max-width: 120px; height: 250px !important; margin: auto 0 !important; background-image: none !important; opacity: 1 !important; }
.amazon-hero-slider .carousel-control-prev { justify-content: flex-start !important; }
.amazon-hero-slider .carousel-control-next { justify-content: flex-end !important; }
.amazon-hero-slider .carousel-control-prev-icon, .amazon-hero-slider .carousel-control-next-icon { display: inline-block !important; width: 45px !important; height: 100px !important; background-color: transparent !important; border-radius: 5px !important; border: 1px solid transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 25px 25px !important; transition: all 0.2s ease !important; }
.amazon-hero-slider .carousel-control-prev:hover .carousel-control-prev-icon, .amazon-hero-slider .carousel-control-next:hover .carousel-control-next-icon { border-color: var(--amazon-dark-blue) !important; background-color: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 2px 5px rgba(0,0,0,.2) !important; }
.amazon-hero-slider .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23131A22'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important; }
.amazon-hero-slider .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23131A22'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; }
@media (max-width: 767px) { .amazon-hero-slider { margin-bottom: -80px !important; } .amazon-hero-slider::after { height: 100px !important; } .amazon-hero-slider .carousel-control-prev-icon, .amazon-hero-slider .carousel-control-next-icon { width: 35px !important; height: 70px !important; } }

/* ==========================================================================
   Amazon Homepage Main Content Layout & Cards
   ========================================================================== */
.main_content.amazon-home-layout { position: relative !important; z-index: 10 !important; margin-top: -350px !important; padding: 0 20px !important; }
@media (max-width: 991px) { .main_content.amazon-home-layout { margin-top: -250px !important; padding: 0 10px !important; } }
@media (max-width: 767px) { .main_content.amazon-home-layout { margin-top: -150px !important; } }
.amazon-card { background-color: var(--amazon-card-background) !important; padding: 20px !important; display: flex !important; flex-direction: column !important; }
.amazon-card-title { font-size: 21px !important; font-weight: 700 !important; margin-bottom: 10px !important; line-height: 1.3 !important; color: #0F1111 !important; }
.amazon-card-footer { margin-top: auto !important; padding-top: 15px !important; }
.amazon-card-footer a { font-size: 13px !important; }
.amazon-grid-4 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px 10px !important; }
.amazon-grid-4 .grid-item { display: block !important; text-align: left !important; }
.amazon-grid-4 .grid-item:hover { text-decoration: none !important; }
.amazon-grid-4 .grid-item-image { width: 100% !important; height: 102px !important; margin-bottom: 5px !important; }
.amazon-grid-4 .grid-item-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.amazon-grid-4 .grid-item-label { font-size: 12px !important; color: #0F1111 !important; line-height: 1.3 !important; }
.amazon-product-slider.owl-carousel .item a { display: block !important; padding: 10px !important; }
.amazon-product-slider.owl-carousel .item img { max-height: 160px !important; width: auto !important; margin: 0 auto !important; object-fit: contain !important; }
.amazon-product-slider.owl-carousel .owl-nav { top: 40% !important; width: calc(100% + 40px) !important; left: -20px !important; position: absolute !important; display: flex !important; justify-content: space-between !important; }
.amazon-product-slider.owl-carousel .owl-nav button.owl-prev, .amazon-product-slider.owl-carousel .owl-nav button.owl-next { width: 35px !important; height: 70px !important; background: rgba(255,255,255,0.9) !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; border: 1px solid var(--amazon-border-color) !important; color: #555 !important; font-size: 24px !important; }
.sign-in-card .btn-warning { background-color: #FFD814 !important; border-color: #FCD200 !important; color: #0F1111 !important; }


/* ==========================================================================
   Amazon Account Dropdown Styles (Corrected)
   ========================================================================== */

/* Make the dropdown trigger on hover for desktop */
@media (min-width: 992px) {
    .amazon-account-dropdown:hover > .dropdown-menu {
        display: block !important;
        margin-top: 0 !important;
    }
}

/* Main dropdown container styling */
.amazon-account-dropdown .dropdown-menu {
    width: 500px !important;
    padding: 0 !important;
    border: 1px solid #AAA !important;
    border-radius: 4px !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15) !important;
    margin-top: 10px !important;
    background-color: #FFF !important; /* Explicitly set white background */
}

/* The little arrow pointing up from the dropdown */
.amazon-account-dropdown .dropdown-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    right: 70px !important; /* Adjust this to align with the "Account & Lists" link */
    width: 0 !important;
    height: 0 !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid #fff !important;
    z-index: 1001 !important;
}

.amazon-account-dropdown-content {
    padding: 20px !important;
}

.amazon-account-dropdown .signin-box {
    text-align: center !important;
    padding-bottom: 15px !important;
}

.amazon-account-dropdown .signin-box .btn-warning {
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b) !important;
    border-color: #a88734 #9c7e31 #846a29 !important;
    color: #111 !important;
    border-radius: 3px !important;
    padding: 6px 40px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.amazon-account-dropdown .signin-box .btn-warning:hover {
     background: linear-gradient(to bottom,#f5d78e,#eeb933) !important;
}

.amazon-account-dropdown .new-customer-link {
    font-size: 11px !important;
    margin-top: 10px !important;
    color: #767676 !important;
}
.amazon-account-dropdown .new-customer-link a {
    font-size: 11px !important;
}

.amazon-account-dropdown hr {
    margin: 0 -20px 15px -20px !important;
    border-color: #e7e7e7 !important;
    border-top: 1px solid #e7e7e7 !important;
}

.amazon-account-dropdown .list-column {
    width: 50% !important;
    padding: 0 10px !important;
}

.amazon-account-dropdown .list-column:first-child {
    border-right: 1px solid #e7e7e7 !important;
}

.amazon-account-dropdown .list-column h6 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 10px !important;
}

.amazon-account-dropdown .list-column ul li a {
    font-size: 14px !important;
    color: #333 !important; /* Dark text for links */
    padding: 5px 0 !important;
    display: block !important;
    font-weight: 400 !important;
}
.amazon-account-dropdown .list-column ul li a:hover {
    color: var(--amazon-link-hover-orange) !important;
    text-decoration: underline !important;
}
.dropdown-menu.dropdown-menu-right {
        position: absolute;
    margin-left: -349px;
    background: white;
}
a{
    text-decoration: none!important;
}
/* Dont remove these because some css are overriding the amazon css */
a.location-link {
    color: white !important;
}
.middle-header {
    background: #131921!important;
}
.bottom_header.main_menu_uppercase {
    background: #232F3E!important;
}
a.nav-link.nav_item {
    color: white!important;
}
a.nav-link.cart_trigger {
    color: white!important;
}
a.nav-link {
    color: white !important;
}
button.carousel-control-prev {
    background: transparent;
}
button.carousel-control-next {
    background: transparent;
}
button.carousel-control-prev:hover{
    background: transparent;
}
button.carousel-control-next:hover {
    background: transparent;
}
.section.amazon-cart-page {
    padding: 30px 0;
}


/* ==========================================================================
   Amazon Footer Styles
   ========================================================================== */

.amazon-footer {
    color: #DDD;
    font-size: 14px;
}

/* --- Back to Top Bar --- */
.footer-back-to-top {
    background-color: var(--amazon-light-blue);
    padding: 15px 0;
    text-align: center;
}
.footer-back-to-top:hover {
    background-color: #37475A;
}
.footer-back-to-top a {
    color: #FFF !important;
    font-size: 13px;
    text-decoration: none !important;
}

/* --- Main Footer Links --- */
.footer-main {
    background-color: #232F3E;
    padding: 40px 0;
}
.footer-main .widget_title {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}
.footer-main .widget_links li a {
    color: #DDD !important;
    font-size: 14px !important;
    padding: 4px 0 !important;
    text-decoration: none !important;
}
.footer-main .widget_links li a:hover {
    color: #FFF !important;
    text-decoration: underline !important;
}

/* --- Sub Footer (Logo/Lang) --- */
.footer-sub {
    background-color: var(--amazon-dark-blue);
    padding: 30px 0;
    border-top: 1px solid #3A4553;
}
.footer-logo-lang-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
}
.footer-logo img {
    max-height: 30px;
    filter: brightness(0) invert(1);
}
.footer-lang-buttons {
    display: flex;
    gap: 10px;
}
.footer-lang-buttons .lang-btn {
    color: #CCC !important;
    border: 1px solid #848688;
    border-radius: 3px;
    padding: 6px 18px 6px 12px;
    font-size: 13px;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}
.footer-lang-buttons .lang-btn i {
    margin-right: 8px;
    font-size: 16px;
}
.footer-lang-buttons .lang-btn img {
    margin-right: 8px;
    height: 12px;
}

/* --- Bottom Footer (Copyright) --- */
.footer-bottom {
    background-color: #131A22;
    padding: 20px 0;
    text-align: center;
}
.footer-bottom-links {
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0;
    display: flex;
    justify-content: center;
    gap: 25px;
}
.footer-bottom-links li a {
    color: #DDD !important;
    font-size: 12px;
    text-decoration: none !important;
}
.footer-bottom-links li a:hover {
    text-decoration: underline !important;
}
.copyright-text {
    color: #DDD !important;
    font-size: 12px !important;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .footer-main .widget {
        margin-bottom: 30px;
    }
    .footer-logo-lang-wrapper {
        flex-direction: column;
        gap: 20px;
    }
}


/* ==========================================================================
   Amazon Authentication Page Styles
   ========================================================================== */
.amazon-auth-body {
    background-color: #fff !important;
}

.auth-container {
    max-width: 350px;
    margin: 30px auto 0;
}

.auth-logo img {
    max-width: 150px;
}

.auth-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px 26px;
    background-color: #fff;
}

.auth-title {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.auth-card .form-label {
    font-size: 13px;
    font-weight: 700;
    padding-left: 2px;
    margin-bottom: 2px;
}

.auth-card .form-control {
    border-color: #a6a6a6 #949494 #828282;
    border-radius: 3px;
    height: 35px;
}
.auth-card .form-control:focus {
    border-color: #e77600;
    box-shadow: 0 0 3px 2px rgba(228, 121, 17, 0.5);
}

.auth-card .btn-warning {
    width: 100%;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    border-color: #a88734 #9c7e31 #846a29;
    border-radius: 8px;
    height: 35px;
    font-size: 14px;
}
.auth-card .btn-warning:hover {
    background: linear-gradient(to bottom,#f5d78e,#eeb933);
}

.auth-legal-text {
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.5;
}

.auth-separator {
    margin-top: 20px;
    text-align: left;
    position: relative;
}
.auth-separator span {
    font-size: 12px;
    font-weight: 700;
    color: #767676;
}

.create-business-link {
    font-size: 13px;
    display: block;
    margin-top: 5px;
}

.auth-divider {
    margin: 25px 0 10px;
    text-align: center;
    position: relative;
}
.auth-divider::before {
    content: '';
    display: block;
    border-top: 1px solid #e7e7e7;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.auth-divider span {
    background-color: #fff;
    padding: 0 8px;
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #767676;
}

.btn-secondary {
    width: 100%;
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
    border: 1px solid #adb1b8;
    color: #111;
    border-radius: 8px;
    height: 35px;
    font-size: 13px;
}
.btn-secondary:hover {
    background: linear-gradient(to bottom,#e7e9ec,#d2d5d9);
    border-color: #adb1b8;
    color: #111;
}

.auth-footer {
    margin-top: 25px;
    padding: 20px 0;
    background: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent);
    text-align: center;
}
.auth-footer .auth-footer-links {
    margin-bottom: 10px;
}
.auth-footer .auth-footer-links a {
    font-size: 11px;
    margin: 0 10px;
}
.auth-footer .copyright-text {
    font-size: 11px;
    color: #555;
}


/* ==========================================================================
   Amazon Registration Page Specific Styles
   ========================================================================== */

.auth-card .form-text.text-muted {
    font-size: 12px;
}

.auth-card .form-text.text-muted i {
    color: #007185;
}

.auth-card hr {
    background-color: transparent;
    display: block;
    height: 1px;
    border-width: 0;
    border-top: 1px solid #e7e7e7;
    margin: 20px 0;
}

.auth-card .auth-extra-links p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5px;
}
/* ==========================================================================
   Amazon Auth Page - Checkbox Styles
   ========================================================================== */
.auth-card .form-check {
    padding-left: 1.5em; /* Align checkbox with text inputs */
}

.auth-card .auth-checkbox-label {
    font-size: 13px;
}





/* ==========================================================================
   Amazon Product Slider Section V2
   ========================================================================== */
.product-slider-card {
    padding: 0 !important;
    overflow: hidden; /* Important for slider arrows */
}
.slider-card-header {
    padding: 20px 20px 10px 20px;
    display: flex;
    align-items: baseline;
}
.slider-card-header .view-more-link {
    margin-left: 15px;
    font-size: 14px;
}

.amazon-product-slider-v2.owl-carousel {
    padding: 0 20px;
}

.amazon-product-slider-v2.owl-carousel .item {
    /* The product card itself will have the necessary styles */
}

/* Slider Navigation Arrows */
.amazon-product-slider-v2.owl-carousel .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* Allows clicks to pass through */
}
.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-prev,
.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-next {
    pointer-events: all; /* Make buttons clickable */
    width: 45px;
    height: 100px;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border: 1px solid var(--amazon-border-color);
    color: #555 !important;
    font-size: 32px !important;
    line-height: 100px;
    transition: all 0.2s ease;
    opacity: 0;
}
.product-slider-card:hover .owl-nav button {
    opacity: 1;
}

.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-prev {
    margin-left: -65px;
}
.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-next {
    margin-right: -65px;
}



/* ==========================================================================
   Owl Carousel Fixes for Amazon Theme
   ========================================================================== */

/*
 * This is the primary fix. It ensures that once Owl Carousel is initialized
 * and the 'owl-loaded' class is added, the items become visible as flex items.
 */
.amazon-product-slider-v2.owl-carousel.owl-loaded .owl-item {
    display: flex !important;
    justify-content: center;
}

/* Ensure the product card within the slider item takes up the full space */
.amazon-product-slider-v2.owl-carousel .owl-item .item {
    width: 100%;
}



/* ==========================================================================
   Amazon Product Slider Section (FINAL REVISION)
   ========================================================================== */

.product-slider-card {
    padding: 0 !important;
    overflow: visible !important; /* ALLOW ARROWS TO APPEAR OUTSIDE */
    position: relative; /* Needed for arrow positioning */
}
.slider-card-header {
    padding: 20px 20px 10px 20px;
    display: flex;
    align-items: baseline;
}
.slider-card-header .view-more-link {
    margin-left: 15px;
    font-size: 14px;
}

.amazon-product-slider-v2.owl-carousel {
    padding: 0 20px 20px 20px;
}
.amazon-product-slider-v2.owl-carousel .owl-stage-outer {
    padding: 10px 0;
}
.amazon-product-slider-v2 .amazon-product-card {
    margin-bottom: 0;
}

/* --- START: REVISED SLIDER NAVIGATION ARROWS --- */
.amazon-product-slider-v2.owl-carousel .owl-nav {
    /* Remove old positioning */
}

.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-prev,
.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* This is the key for vertical centering */

    pointer-events: all;
    width: 45px;
    height: 100px;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border: 1px solid var(--amazon-border-color);
    color: #555 !important;
    font-size: 32px !important;
    line-height: 100px;
    transition: all 0.2s ease;
    opacity: 0;
}
.product-slider-card:hover .owl-nav button {
    opacity: 1; /* Arrows appear on card hover */
}

.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-prev {
    left: -25px; /* Position outside on the left */
}
.amazon-product-slider-v2.owl-carousel .owl-nav button.owl-next {
    right: -25px; /* Position outside on the right */
}
/* --- END: REVISED SLIDER NAVIGATION ARROWS --- */




/* ==========================================================================
   Amazon Recommendation Sign-in Prompt
   ========================================================================== */

.recommendation-signin-section {
    padding: 30px 0;
    margin-top: 20px;
    border-top: 1px solid var(--amazon-border-color);
    border-bottom: 1px solid var(--amazon-border-color);
    background-color: #fff;
}

.recommendation-signin-box {
    text-align: center;
}

.recommendation-signin-box .signin-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #0F1111;
}

.recommendation-signin-box .btn-warning {
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b) !important;
    border-color: #a88734 #9c7e31 #846a29 !important;
    color: #111 !important;
    border-radius: 8px !important;
    padding: 6px 80px !important; /* Wide padding */
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.recommendation-signin-box .btn-warning:hover {
     background: linear-gradient(to bottom,#f5d78e,#eeb933) !important;
}

.recommendation-signin-box .new-customer-link {
    font-size: 11px !important;
    margin-top: 10px !important;
}
.recommendation-signin-box .new-customer-link a {
    font-size: 11px !important;
}

/* ==========================================================================
   Product Availability Badge Styles - Enhanced & Attractive
   ========================================================================== */
.availability-badge {
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid transparent !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.availability-badge::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
    transition: left 0.5s !important;
}

.availability-badge:hover::before {
    left: 100% !important;
}

.availability-badge.text-success {
    color: #ffffff !important;
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    border-color: #28a745 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}

.availability-badge.text-success::after {
    content: '✓' !important;
    margin-left: 4px !important;
    font-weight: bold !important;
}

.availability-badge.text-warning {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff6b35, #f39c12) !important;
    border-color: #ff6b35 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
    animation: pulse-glow 2s infinite !important;
}

.availability-badge.text-warning::after {
    content: '⏰' !important;
    margin-left: 4px !important;
}

.availability-badge.text-danger {
    color: #ffffff !important;
    background: linear-gradient(135deg, #dc3545, #c82333) !important;
    border-color: #dc3545 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
    opacity: 0.8 !important;
}

.availability-badge.text-danger::after {
    content: '✕' !important;
    margin-left: 4px !important;
    font-weight: bold !important;
}

@keyframes pulse-glow {
    0% { 
        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 0 0 rgba(255, 107, 53, 0.7) !important;
        transform: scale(1) !important;
    }
    50% { 
        box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 0 0 4px rgba(255, 107, 53, 0.3) !important;
        transform: scale(1.02) !important;
    }
    100% { 
        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 0 0 rgba(255, 107, 53, 0.7) !important;
        transform: scale(1) !important;
    }
}

/* Product card availability styling */
.availability-status {
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.history-item .availability-status {
    text-align: left !important;
}

/* Hover effects for product cards */
.history-item:hover .availability-badge {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .availability-badge {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }
}