/* =============================================
   LUXURYWAY V9 - CSS FIXES ONLY
   Add this to your existing CSS or replace specific sections
   ============================================= */

/* =============================================
   BRAND LINK LOGOS - 150% SIZE
   ============================================= */
.brand-link-logo {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-link-logo img {
  max-width: 150%;
  max-height: 150%;
  object-fit: contain;
}

/* =============================================
   CAROUSEL STYLES
   ============================================= */
.carousel-container {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 10px;
}

.carousel-container::-webkit-scrollbar {
  display: none;
}

.carousel-item {
  flex-shrink: 0;
  width: 200px;
  scroll-snap-align: start;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

.carousel-item img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #111;
  display: block;
}

/* =============================================
   VIDEO SECTIONS
   ============================================= */
.home-video-section {
  width: 100%;
  margin-bottom: 40px;
}

.home-video-section video {
  width: 100%;
  display: block;
}

/* =============================================
   PREVENT DOUBLE-TAP ZOOM
   ============================================= */
* {
  touch-action: manipulation;
}

/* For fullscreen modals */
.fullscreen-modal img,
.carousel-modal img,
.product-fullscreen-modal img {
  touch-action: pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}