img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}
/* Cart integration styles */
.cart-icon-container {
    position: relative;
    display: flex;
    align-items: center;
}

/* Ensure cart icon works with existing navigation */
.nav-inner .cart-icon-container {
    order: -1; /* Places cart before the "LET'S TALK" button */
}

/* Mobile cart icon */
@media (max-width: 767px) {
    .cart-icon-container {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1000;
        background: rgba(0,0,0,0.8);
        border-radius: 50%;
        padding: 8px;
    }
}

/* Prevent cart from interfering with existing animations */
.cart-drawer,
.cart-drawer-overlay {
    pointer-events: all;
}

/* Ensure cart works with GSAP animations */
.cart-icon-container {
    will-change: transform;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.cart-drawer::-webkit-scrollbar {
  width: 6px;
}

.cart-drawer::-webkit-scrollbar-track {
  background: #2a2a2a;
}

.cart-drawer::-webkit-scrollbar-thumb {
  background: #4a4a4a;
  border-radius: 3px;
}

.cart-drawer-content::-webkit-scrollbar {
  width: 6px;
}

.cart-drawer-content::-webkit-scrollbar-track {
  background: #1a1a1a;
}

.cart-drawer-content::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 3px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .cart-drawer {
    width: 320px !important;
    right: -320px !important;
  }
}

/* Button hover effects */
.btn-view-cart:hover {
  background: linear-gradient(135deg, #4a7c59, #2d5a27) !important;
  transform: translateY(-1px);
}

.btn-checkout:hover {
  background: linear-gradient(135deg, #ffd700, #d4af37) !important;
  transform: translateY(-1px);
}