
/* ============================================================
   FINAL CART FIX: NO LOCKING, FULL SCROLLING
   ============================================================ */
.cart-sidebar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 450px !important;
    height: 100vh !important;
    height: -webkit-fill-available !important;
    background: #fff !important;
    z-index: 100000 !important;
    box-shadow: -5px 0 30px rgba(0,0,0,0.2) !important;
    overflow-y: auto !important; /* THE WHOLE SIDEBAR SCROLLS */
    overflow-x: hidden !important;
    display: block !important; /* NO FLEX LOCKING */
    -webkit-overflow-scrolling: touch !important;
    transition: transform 0.3s ease-in-out !important;
}

.cart-items {
    height: auto !important;
    min-height: 100px !important;
    padding: 20px !important;
    overflow: visible !important;
}

.cart-footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 20px !important;
    background: #fdf6f0 !important;
    border-top: 1px solid #eee !important;
}

.checkout-btn {
    display: block !important;
    width: 100% !important;
    padding: 18px !important;
    background: #5C3A2D !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-align: center !important;
    margin-top: 15px !important;
    text-decoration: none !important;
}

@media screen and (max-width: 1200px) {
    .cart-sidebar {
        width: 85% !important;
    }
}

/* Slogan & Plus Sign */
.plus-small { color: #D4AF37 !important; font-weight: 800 !important; }
.logo .slogan { display: block !important; font-size: 0.85rem !important; color: #D4AF37 !important; font-weight: 600 !important; text-transform: uppercase !important; margin-top: -5px !important; }

/* ============================================================
   PROFESSIONAL TEAM PHOTO UNIFICATION (STUDIO LOOK)
   ============================================================ */
.team-image {
    background: radial-gradient(circle at center, #ffffff 0%, #e8e8e8 100%) !important;
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.team-image img {
    /* Unify lighting and colors across different photos */
    filter: brightness(1.02) contrast(1.05) saturate(1.1) !important;
    mix-blend-mode: multiply !important; /* Helps blend subjects with the studio background if they have white backgrounds */
    object-fit: contain !important; /* Ensures heads are not cut off */
    width: 90% !important;
    height: 90% !important;
    margin: 0 auto !important;
    transition: all 0.5s ease !important;
}

.team-card:hover .team-image img {
    transform: scale(1.05) translateY(-5px) !important;
}

/* Fallback for photos that already have backgrounds */
.team-image img.has-bg {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    mix-blend-mode: normal !important;
}
