/* Diamond Premium Almirah — Clean White Theme */
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F9F9F9; }
::-webkit-scrollbar-thumb { background: #CCC; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C9A84C; }

/* Swiper pagination */
.swiper-pagination-bullet { background: #D1D1D1 !important; opacity: 1 !important; width: 10px !important; height: 10px !important; transition: all 0.3s !important; }
.swiper-pagination-bullet-active { background: #C9A84C !important; width: 32px !important; border-radius: 5px !important; }

/* Hero Swiper — modern */
.heroSwiper { width: 100%; }
.heroSwiper .swiper-slide { opacity: 0.4 !important; transition: opacity 0.5s !important; }
.heroSwiper .swiper-slide-active { opacity: 1 !important; }
.heroSwiper .swiper-pagination-bullet { background: rgba(255,255,255,0.35) !important; width: 12px !important; height: 12px !important; }
.heroSwiper .swiper-pagination-bullet-active { background: #C9A84C !important; width: 36px !important; border-radius: 6px !important; }
.heroSwiper .swiper-button-prev,
.heroSwiper .swiper-button-next { width: 50px !important; height: 50px !important; background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 50% !important; backdrop-filter: blur(10px) !important; transition: all 0.3s !important; }
.heroSwiper .swiper-button-prev:hover,
.heroSwiper .swiper-button-next:hover { background: rgba(201,168,76,0.2) !important; border-color: #C9A84C !important; }
.heroSwiper .swiper-button-prev::after,
.heroSwiper .swiper-button-next::after { font-size: 18px !important; color: #fff !important; }

/* Hero slide text animation */
.heroSwiper .swiper-slide-active h1,
.heroSwiper .swiper-slide-active p,
.heroSwiper .swiper-slide-active a,
.heroSwiper .swiper-slide-active span,
.heroSwiper .swiper-slide-active img,
.heroSwiper .swiper-slide-active div {
  animation: slideUp 0.8s ease forwards;
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Testimonial swiper */
.testimonialSwiper .swiper-pagination-bullet { background: #D1D1D1 !important; }
.testimonialSwiper .swiper-pagination-bullet-active { background: #C9A84C !important; width: 28px !important; }

/* Selection */
::selection { background: rgba(201,168,76,0.2); color: #1A1A1A; }
:focus-visible { outline: 2px solid #C9A84C; outline-offset: 2px; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Responsive */
@media (max-width: 1024px) { body { padding-bottom: 64px; } }
@supports (padding-bottom: env(safe-area-inset-bottom)) { .fixed.bottom-0 { padding-bottom: env(safe-area-inset-bottom); } }
img { max-width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

/* WhatsApp Pulse Animation — ALL devices including mobile */
@keyframes waPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(37,211,102,0.4); }
  50% { transform: scale(1.12); box-shadow: 0 8px 30px rgba(37,211,102,0.6); }
}
.wa-pulse {
  animation: waPulse 1.8s ease-in-out infinite !important;
}

/* Mobile bottom nav — prevent overflow and items going off screen */
@media (max-width: 1024px) {
  body { padding-bottom: 65px !important; }
  
  nav[class*="fixed bottom-0"] > div {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  nav[class*="fixed bottom-0"] > div > a {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 25% !important;
    overflow: hidden !important;
  }
}

/* Prevent any horizontal scroll */
html, body { overflow-x: hidden !important; max-width: 100vw !important; }