:root {
    --woolentor-white: #ffffff;
    --woolentor-primary-color: #2563eb;
    --woolentor-primary-hover: #1d4ed8;
    --woolentor-success-color: #10b981;
    --woolentor-warning-color: #f59e0b;
    --woolentor-danger-color: #ef4444;
    --woolentor-gray-50: #f9fafb;
    --woolentor-gray-100: #f3f4f6;
    --woolentor-gray-200: #e5e7eb;
    --woolentor-gray-300: #d1d5db;
    --woolentor-gray-400: #9ca3af;
    --woolentor-gray-500: #6b7280;
    --woolentor-gray-600: #4b5563;
    --woolentor-gray-700: #374151;
    --woolentor-gray-800: #1f2937;
    --woolentor-gray-900: #111827;
    --woolentor-border-radius: 12px;
    --woolentor-border-radius-sm: 8px;
    --woolentor-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --woolentor-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --woolentor-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --woolentor-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --woolentor-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --woolentor-transition-fast: all 0.15s ease;
}
.wp-embed-responsive .wp-block {
    outline: 0;
}
@keyframes pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}
.woolentor-qty-input::-webkit-outer-spin-button,
.woolentor-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@keyframes WoolentorDotPulse {
    0% {
        transform: scale(.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@media (prefers-reduced-motion: reduce){* {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }}
.woolentor-load-more-btn:hover:not(:disabled) {
    background: var(--woolentor-primary-hover);
    border-color: var(--woolentor-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--woolentor-shadow-lg);
}
@keyframes woolentorspin {
    to {
        transform: rotate(360deg);
    }
}