/* GeniusTag PDP Custom Styles */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Gilroy', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Details/summary reset */
details summary::-webkit-details-marker {
    display: none;
}

details summary {
    list-style: none;
}

/* Thumbnail active state */
.thumbnail-btn.active {
    border-color: #3995C6 !important;
}

/* Testimonial infinite scroll animation */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.testimonial-track {
    width: max-content;
}

.animate-scroll {
    animation: scroll 40s linear infinite;
}

.animate-scroll:hover {
    animation-play-state: paused;
}

/* CTA button pulse effect */
@keyframes subtle-pulse {
    0%, 100% {
        box-shadow: 0 4px 14px rgba(197, 48, 48, 0.3);
    }
    50% {
        box-shadow: 0 4px 20px rgba(197, 48, 48, 0.5);
    }
}

.btn-cta-pulse {
    animation: subtle-pulse 2s ease-in-out infinite;
}

/* Product image transition */
#main-product-image {
    transition: opacity 0.3s ease;
}

/* Accordion chevron animation */
details[open] summary svg {
    transform: rotate(180deg);
}

details summary svg {
    transition: transform 0.2s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .testimonial-track {
        gap: 12px;
    }

    .testimonial-track > div {
        width: 260px;
    }
}

/* Final CTA section tag glow */
.tag-glow {
    filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.15));
}