/* Basket Scope Override - Show all items */
.product {
    display: block !important;
}

/* Basket Specific Styles */

#prebasket-container,
#other-prebasket-container {
    /* Modern Gradient Look */
    background: linear-gradient(135deg, var(--navbar-sec-bg-color) 0%, var(--primary-color) 100%);
    border-radius: 24px;
    /* Refined roundness */
    padding: 40px;
    /* More breathing room */
    margin: 10px auto 40px auto;
    width: 80%;
    max-width: 800px;
    color: white;
    text-align: center;

    /* Polished Depth */
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.15),
        0 1px 3px rgba(255, 255, 255, 0.1) inset;
    /* Inner highlight */

    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

#other-prebasket-container {
    display: none;
}

#prebasket-container div {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
}

#prebasket-container div a {
    color: white;
    font-weight: 700;
    text-decoration: underline;
}

#basketCopyLink {
    display: inline-block;
    background-color: var(--secondary-color);
    color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#basketCopyLink:hover {
    background-color: var(--primary-color);
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}


.empty-text {
    width: 35vw;
}

#empty-text-top {
    margin-bottom: -11vw;
}

#empty-text-bot {
    margin-top: -11vw;
}

#empty-logo {
    height: 22vw;
    margin-right: 3vw;
}

.empty-basket {
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    flex-direction: column;
    stroke: var(--primary-color);
    fill: transparent;
    margin: 2.5vw;
    width: 35vw;
    transition: all 0.3s ease;
}

.empty-basket:hover {
    stroke: var(--secondary-color);
    transform: scale(1.05);
}

.empty-basket text {
    fill: var(--primary-color);
    stroke: transparent;
    font-size: 8px;
    font-weight: bold;
}

/* Media Queries for Basket */
@media (max-width: 768px) {
    #prebasket-container {
        width: 90%;
        padding: 20px;
        border-radius: 20px;
    }

    #basketCopyLink {
        width: 100%;
        /* Full width button on mobile */
        box-sizing: border-box;
    }
}