* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: 'Montserrat', sans-serif;
     color: #333;
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: 'Playfair Display', serif;
 }

 .text-primary-pink {
     color: #E83B8E;
 }

 .bg-primary-pink {
     background-color: #E83B8E;
 }

 .text-secondary-gold {
     color: #D4AF37;
 }

 .size-badge {
     display: inline-block;
     padding: 8px 16px;
     border-radius: 20px;
     font-weight: 600;
     margin: 4px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .size-badge:hover {
     transform: translateY(-2px);
 }

 .size-badge.selected {
     background-color: #E83B8E;
     color: white;
     box-shadow: 0 4px 12px rgba(232, 59, 142, 0.3);
 }

 .whatsapp-float {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
     }

     70% {
         box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
     }
 }

 .nav-link {
     position: relative;
 }

 .nav-link::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     bottom: -5px;
     left: 0;
     background-color: #E83B8E;
     transition: width 0.3s ease;
 }

 .nav-link:hover::after {
     width: 100%;
 }

 .swiper-pagination-bullet-active {
     background-color: #E83B8E !important;
 }

 .product-image {
     transition: transform 0.3s ease;
 }

 .product-image:hover {
     transform: scale(1.05);
 }

 /* Breadcrumb */
 .breadcrumb {
     font-size: 0.9rem;
 }

 .breadcrumb a:hover {
     color: #E83B8E;
 }

 /* Product Gallery */
 .thumbnail {
     border: 2px solid transparent;
     transition: all 0.3s ease;
 }

 .thumbnail.active,
 .thumbnail:hover {
     border-color: #E83B8E;
 }

 /* Review Stars */
 .star {
     color: #FFD700;
 }

 /* Related Products */
 .related-product {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .related-product:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }

 /* WhatsApp button fix for mobile */
 @media (max-width: 768px) {
     .whatsapp-float {
         bottom: 80px !important;
         right: 20px !important;
         width: 56px !important;
         height: 56px !important;
     }
 }