11
/*
Theme Name: DXBPeps
Author: Yaser
Description: Custom WooCommerce theme converted from the DXBPeps static site.
Version: 1.0
Text Domain: dxbpeps
*/

/* ↓ Custom rules from the index.html <style> block ↓ */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.card {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px -16px rgba(17, 24, 39, 0.18);
}

.card:hover .card-img {
    transform: scale(1.04);
}

.card-img {
    transition: transform 320ms ease;
}

details>summary {
    list-style: none;
    cursor: pointer;
}

details>summary::-webkit-details-marker {
    display: none;
}

.acc-icon {
    transition: transform 200ms ease;
}

details[open] .acc-icon {
    transform: rotate(45deg);
}

@keyframes wa-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(16, 185, 129, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

.wa-fab {
    animation: wa-pulse 2.4s ease-out infinite;
}