/**
 * DAYZEN - Product Detail Page (PDP) Module Styles
 * Dedicated CSS module for PDP gallery, variant pills, sticky cart bar, tabs, and accordions
 */

/* Media Gallery Styles */
.product-media-gallery img {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Variant Selector Active Glow */
[data-variant-pill] {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Sticky Add to Cart Bar Slide Animation */
#sticky-add-to-cart.translate-y-full {
    transform: translateY(100%);
}
#sticky-add-to-cart.translate-y-0 {
    transform: translateY(0%);
}

/* Tab Navigation Smooth Transitions */
[data-tab-target] {
    transition: color 0.3s ease, border-color 0.3s ease;
}

/* Accordion Smooth Expand/Collapse */
.accordion-content {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Ingredient Card Hover Transitions */
.ingredient-card {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.35s ease;
}
.ingredient-card:hover {
    transform: translateY(-4px);
}

/* Focus Rings for Accessibility */
button:focus-visible, 
a:focus-visible, 
input:focus-visible, 
select:focus-visible {
    outline: 2px solid #FFB703 !important;
    outline-offset: 2px !important;
}