/*
Theme Name: WCB Theme
Theme URI: http://localhost/wcb
Author: Nicolas Rachid
Author URI: http://localhost/wcb
Description: Tema personalizado para White Cloud Brasil — E-commerce WooCommerce com design premium inspirado em Magazine Luiza e Panorama Móveis.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: wcb-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, custom-logo, custom-menu
*/

/* ============================================================
   FAVORITES BADGE
   ============================================================ */
.wcb-header__fav-count {
    position: absolute;
    top: 0;
    right: 2px;
    background: var(--wcb-fav-badge-bg);
    color: var(--wcb-white);
    font-size: 0.6rem;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* ============================================================
   DESIGN SYSTEM — WCB Theme
   ============================================================ */

/* ---------- CSS Custom Properties ---------- */
:root {
    /* ── Blue — Marca Principal ── */
    --wcb-blue-dark: #0F48D4;
    --wcb-blue: #155DFD;
    --wcb-blue-hover: #0F48D4;
    --wcb-blue-mid: #3B72FE;
    --wcb-blue-light: #3B72FE;
    --wcb-blue-bg: #EEF3FF;
    --wcb-blue-pale: #F0F4FF;

    /* ── Green — Ações do Carrinho ── */
    --wcb-green-dark: #00A06A;
    --wcb-green: #00C07F;
    --wcb-green-light: #E6FAF4;
    --wcb-green-bg: #E6FAF4;
    --wcb-green-pale: #F0FDF8;

    /* ── Feedback ── */
    --wcb-red: #EF4444;
    --wcb-red-bg: #FEE2E2;
    --wcb-yellow: #F59E0B;
    --wcb-yellow-bg: #FEF3C7;

    /* ── Neutros ── */
    --wcb-white: #FFFFFF;
    --wcb-gray-50: #F8F9FB;
    --wcb-gray-100: #F3F4F6;
    --wcb-gray-200: #E5E7EB;
    --wcb-gray-300: #D1D5DB;
    --wcb-gray-400: #9CA3AF;
    --wcb-gray-500: #6B7280;
    --wcb-gray-600: #4B5563;
    --wcb-gray-700: #374151;
    --wcb-gray-800: #1F2937;
    --wcb-gray-900: #111827;
    --wcb-dark: #0F172A;

    /* ── Gradientes ── */
    --wcb-gradient-cta: linear-gradient(135deg, #155DFD 0%, #3B72FE 100%);
    --wcb-gradient-dark-bg: linear-gradient(135deg, #0F172A 0%, #0F48D4 100%);
    --wcb-gradient-green: linear-gradient(90deg, #00C07F 0%, #00A06A 100%);
    --wcb-gradient-brand-text: linear-gradient(90deg, #3B72FE, #155DFD);

    /* ── Typography ── */
    --wcb-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --wcb-font-size-xs: 0.75rem;
    /* 12px */
    --wcb-font-size-sm: 0.8125rem;
    /* 13px */
    --wcb-font-size-base: 0.875rem;
    /* 14px */
    --wcb-font-size-md: 1rem;
    /* 16px */
    --wcb-font-size-lg: 1.125rem;
    /* 18px */
    --wcb-font-size-xl: 1.25rem;
    /* 20px */
    --wcb-font-size-2xl: 1.5rem;
    /* 24px */
    --wcb-font-size-3xl: 1.875rem;
    /* 30px */
    --wcb-font-size-4xl: 2.25rem;
    /* 36px */

    /* ── Spacing ── */
    --wcb-space-xs: 0.25rem;
    --wcb-space-sm: 0.5rem;
    --wcb-space-md: 1rem;
    --wcb-space-lg: 1.5rem;
    --wcb-space-xl: 2rem;
    --wcb-space-2xl: 3rem;
    --wcb-space-3xl: 4rem;

    /* ── Layout ── */
    --wcb-container: 1440px;
    --wcb-container-sm: 1100px;
    --wcb-header-h: 80px;
    --wcb-topbar-h: 36px;

    /* ── Radius ── */
    --wcb-radius-xs: 4px;
    --wcb-radius-sm: 6px;
    --wcb-radius-md: 8px;
    --wcb-radius-lg: 12px;
    --wcb-radius-xl: 16px;
    --wcb-radius-2xl: 24px;
    --wcb-radius-full: 9999px;

    /* ── Shadows ── */
    --wcb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --wcb-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.06);
    --wcb-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 24px rgba(0, 0, 0, 0.1);
    --wcb-shadow-xl: 0 10px 30px rgba(0, 0, 0, 0.12);
    --wcb-shadow-btn: 0 4px 14px rgba(21, 93, 253, 0.35);

    /* ── Transitions ── */
    --wcb-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --wcb-duration: 200ms;

    /* WCB DS — body, hero, anuncio, carrosseis (governanca) */
    --wcb-body-bg: #f9f9f9;
    --wcb-hero-track-bg: #060e2a;
    --wcb-announcement-gradient: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
    --wcb-fav-badge-bg: #e11d48;
    --wcb-carousel-arrow-border: #d5dce6;
    --wcb-carousel-arrow-border-hover: #94a3b8;
    --wcb-carousel-arrow-icon: #475569;
    --wcb-carousel-progress-track: #e8ecf1;
    --wcb-carousel-progress-track-active: #dfe4ea;
    --wcb-carousel-progress-track-done: #9ba8b8;
    --wcb-carousel-progress-track-hover: #cbd5e1;
    --wcb-lifestyle-tag-default: #93c5fd;
    --wcb-lifestyle-btn-default: #2563eb;
    --wcb-lifestyle-btn-hover-default: #1d4ed8;
}

/* ---------- Reset ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--wcb-font);
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-900);
    background: var(--wcb-body-bg);
    line-height: 1.6;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--wcb-blue);
    text-decoration: none;
    transition: color var(--wcb-duration) var(--wcb-ease);
}

a:hover {
    color: var(--wcb-blue-hover);
}

ul,
ol {
    list-style: none;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    outline: none;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}

/* ---------- Utility: Container ---------- */
.wcb-container {
    width: 100%;
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding: 0 var(--wcb-space-lg);
}

.wcb-container-sm {
    max-width: var(--wcb-container-sm);
}

/* ---------- Utility: Screen Reader ---------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ============================================================
   TOP BAR
   ============================================================ */
.wcb-topbar {
    background: var(--wcb-dark);
    height: var(--wcb-topbar-h);
    display: flex;
    align-items: center;
    font-size: var(--wcb-font-size-xs);
    color: rgba(255, 255, 255, 0.7);
}

.wcb-topbar .wcb-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wcb-topbar__links {
    display: flex;
    gap: var(--wcb-space-lg);
}

.wcb-topbar__links a {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: color var(--wcb-duration);
}

.wcb-topbar__links a:hover {
    color: #fff;
}

.wcb-topbar__right {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-lg);
}

/* ── Shipping pill premium ── */
.wcb-topbar__shipping {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.28);
    border-radius: 20px;
    padding: 3px 10px 3px 6px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    white-space: nowrap;
}

.wcb-topbar__shipping svg {
    color: #4ade80;
    flex-shrink: 0;
}

.wcb-topbar__shipping strong {
    color: #4ade80;
    font-weight: 700;
}

.wcb-topbar__shipping:hover {
    background: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.5);
    color: #fff;
}

/* Ponto pulsante verde — indicador de status ativo */
.wcb-topbar__shipping-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
    animation: wcb-shipping-pulse 2s ease-in-out infinite;
}

@keyframes wcb-shipping-pulse {

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

    50% {
        opacity: 0.5;
        transform: scale(0.75);
    }
}

/* ============================================================
   HERO BANNER SLIDER
   ============================================================ */
.wcb-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--wcb-hero-track-bg);
}

/* Track holds all slides side by side */
.wcb-hero__track {
    position: relative;
    width: 100%;
    min-height: 60vh;
}

/* Individual slides */
.wcb-hero__slide {
    position: absolute;
    inset: 0;
    width: 100%;
    min-height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 0.7s ease;
    pointer-events: none;
}

.wcb-hero__slide.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}

/* ── Hero: vídeo de fundo ─────────────────────────────────── */
.wcb-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none;
}

.wcb-hero__slide .wcb-hero__inner,
.wcb-hero__slide .wcb-hero__text {
    position: relative;
    z-index: 1;
}

/* ── Countdown Timer — Design Premium ─────────────────────── */
.wcb-countdown {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wcb-countdown__label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wcb-text-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.wcb-countdown__boxes {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wcb-countdown__unit-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.wcb-countdown__box {
    position: relative;
    min-width: 52px;
    height: 52px;
    background: linear-gradient(145deg, #1a1f2e, #111827);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(99, 102, 241, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

/* Linha central decorativa (efeito display LCD) */
.wcb-countdown__box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.wcb-countdown__value {
    font-size: 1.375rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.02em;
    text-shadow: 0 0 12px rgba(99, 102, 241, 0.8);
    transition: opacity 0.15s ease;
}

.wcb-countdown__unit {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6b7280;
}

/* Separador pulsante */
.wcb-countdown__sep {
    font-size: 1.25rem;
    font-weight: 800;
    color: rgba(99, 102, 241, 0.6);
    line-height: 1;
    margin-bottom: 14px;
    animation: wcb-countdown-blink 1s step-end infinite;
}

@keyframes wcb-countdown-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }
}

/* Box dos segundos — destaque em vermelho (urgência) */
.wcb-countdown__box--urgent {
    border-color: rgba(239, 68, 68, 0.35);
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 10px rgba(239, 68, 68, 0.15);
}

.wcb-countdown__box--urgent .wcb-countdown__value {
    color: #fca5a5;
    text-shadow: 0 0 12px rgba(239, 68, 68, 0.7);
}

/* Hover — glow intensificado */
.wcb-countdown__box:not(.wcb-countdown__box--urgent):hover {
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(99, 102, 241, 0.25);
}

/* Inner container */
.wcb-hero__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 40px;
}

/* Text block */
.wcb-hero__text {
    max-width: 560px;
}

.wcb-hero__text--left {
    margin-right: auto;
}

.wcb-hero__text--right {
    margin-left: auto;
}

.wcb-hero__text--center {
    margin: 0 auto;
    text-align: center;
}

/* Badge pill */
.wcb-hero__badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 999px;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
    backdrop-filter: blur(4px);
}

/* Category label */
.wcb-hero__label {
    font-size: 0.75rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0 0 8px;
}

/* Main title */
.wcb-hero__title {
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.12;
    margin: 0 0 14px;
    letter-spacing: -0.02em;
}

/* Subtitle */
.wcb-hero__sub {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.55;
    margin: 0 0 18px;
    font-weight: 400;
}

/* PIX/promo note */
.wcb-hero__pix {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4ade80;
    margin-bottom: 28px;
    letter-spacing: 0.01em;
}

/* CTA buttons row */
.wcb-hero__ctas {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.wcb-hero__btn {
    display: inline-flex;
    align-items: center;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 6px;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: all 0.18s ease;
    border: 2px solid transparent;
}

.wcb-hero__btn--primary {
    background: #1c64f2;
    color: #fff;
    border-color: #1c64f2;
}

.wcb-hero__btn--primary:hover {
    background: #1a56db;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(28, 100, 242, 0.4);
}

.wcb-hero__btn--ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.45);
}

.wcb-hero__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

/* Arrow buttons */
.wcb-hero__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.18s, transform 0.18s;
}

.wcb-hero__arrow--prev {
    left: 20px;
}

.wcb-hero__arrow--next {
    right: 20px;
}

.wcb-hero__arrow:hover {
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-50%) scale(1.05);
}

/* Dot indicators */
.wcb-hero__dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.wcb-hero__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}

.wcb-hero__dot.active {
    background: #fff;
    width: 24px;
    border-radius: 4px;
}

/* ============================================================
   MAIN HEADER
   ============================================================ */

.wcb-header {
    background: var(--wcb-white);
    box-shadow: var(--wcb-shadow-sm);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: box-shadow 0.3s;
}

.wcb-header.scrolled {
    /* no shadow on scroll */
}

.wcb-header__inner {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-lg);
    height: var(--wcb-header-h);
}

.wcb-header__logo {
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: var(--wcb-header-h);
}

.wcb-header__logo img,
.wcb-header__logo svg {
    height: 64px !important;
    max-height: 64px !important;
    width: auto !important;
}

.wcb-header__logo-text {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    text-decoration: none;
    letter-spacing: -0.02em;
}

.wcb-header__logo-text span {
    color: var(--wcb-blue);
}

/* Search Bar */
.wcb-header__search {
    flex: 1;
    max-width: 600px;
    position: relative;
}

.wcb-header__search-form {
    display: flex;
    border: 1.5px solid var(--wcb-gray-300);
    border-radius: var(--wcb-radius-full);
    overflow: hidden;
    transition: border-color var(--wcb-duration), box-shadow var(--wcb-duration);
    background: var(--wcb-white);
}

.wcb-header__search-form:focus-within {
    border-color: var(--wcb-gray-400);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.wcb-header__search-input {
    flex: 1;
    border: none;
    padding: 0.6rem 1.2rem;
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-900);
    background: var(--wcb-white);
}

.wcb-header__search-input::placeholder {
    color: var(--wcb-gray-400);
}

.wcb-header__search-btn {
    background: var(--wcb-gray-100);
    color: var(--wcb-gray-600);
    border: none;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--wcb-duration), color var(--wcb-duration);
    border-left: 1.5px solid var(--wcb-gray-300);
}

.wcb-header__search-btn:hover {
    background: var(--wcb-gray-200);
    color: var(--wcb-gray-900);
}

.wcb-header__search-btn svg {
    width: 18px;
    height: 18px;
}

/* ============================================================
   LIVE SEARCH DROPDOWN
   ============================================================ */
.wcb-search-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
    border: 1px solid var(--wcb-gray-200);
    z-index: 9999;
    overflow: hidden;
    max-height: 520px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity 0.18s var(--wcb-ease), transform 0.18s var(--wcb-ease);
}

.wcb-search-dropdown.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

/* Scrollbar */
.wcb-search-dropdown::-webkit-scrollbar {
    width: 4px;
}

.wcb-search-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.wcb-search-dropdown::-webkit-scrollbar-thumb {
    background: var(--wcb-gray-200);
    border-radius: 4px;
}

/* Result Item */
.wcb-search-item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid var(--wcb-gray-100);
    transition: background 0.15s;
    cursor: pointer;
}

.wcb-search-item:last-of-type {
    border-bottom: none;
}

.wcb-search-item:hover,
.wcb-search-item--focused {
    background: var(--wcb-blue-pale);
}

.wcb-search-item__thumb {
    width: 58px;
    height: 58px;
    border-radius: var(--wcb-radius-md);
    object-fit: contain;
    background: var(--wcb-gray-50);
    flex-shrink: 0;
    border: 1px solid var(--wcb-gray-100);
    padding: 4px;
}

.wcb-search-item__info {
    flex: 1;
    min-width: 0;
}

.wcb-search-item__name {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--wcb-gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 1.35;
}

.wcb-search-item__name mark {
    background: #fef08a;
    color: var(--wcb-gray-900);
    border-radius: 2px;
    padding: 0 1px;
    font-style: normal;
}

/* Image wrap — contains the thumb + "esgotado" overlay */
.wcb-search-item__img-wrap {
    position: relative;
    flex-shrink: 0;
}

.wcb-search-item__no-stock {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.52);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wcb-radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Badges row — bestseller / trending */
.wcb-search-item__badges {
    display: flex;
    gap: 0.3rem;
    min-height: 0;
    margin-bottom: 0.15rem;
}

.wcb-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.1rem 0.45rem;
    border-radius: 20px;
    white-space: nowrap;
    line-height: 1.4;
}

.wcb-badge--best {
    background: #fef9c3;
    color: #92400e;
    border: 1px solid #fde68a;
}

.wcb-badge--trend {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Meta row: category · volume · nic_type */
.wcb-search-item__meta {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
    margin-top: 0.2rem;
}

.wcb-search-item__cat {
    font-size: 0.72rem;
    font-weight: 700;
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    padding: 0.1rem 0.45rem;
    border-radius: var(--wcb-radius-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wcb-search-item__dot {
    color: var(--wcb-gray-300);
    font-size: 0.75rem;
}

.wcb-search-item__vol {
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--wcb-gray-500);
}

.wcb-search-item__nic {
    font-size: 0.71rem;
    font-weight: 700;
    background: #f3e8ff;
    color: #6b21a8;
    padding: 0.1rem 0.45rem;
    border-radius: var(--wcb-radius-xs);
}

/* Star rating row */
.wcb-search-item__rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.wcb-stars {
    display: flex;
    gap: 1px;
}

.wcb-star {
    width: 13px;
    height: 13px;
    fill: #d1d5db;
}

.wcb-star--on {
    fill: #f59e0b;
}

.wcb-search-item__rating-val {
    font-size: 0.76rem;
    font-weight: 700;
    color: #b45309;
}

.wcb-search-item__rating-count {
    font-size: 0.71rem;
    color: var(--wcb-gray-400);
}

/* Right column: price + stock */
.wcb-search-item__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    flex-shrink: 0;
    min-width: 90px;
}

.wcb-search-item__price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
}

.wcb-search-item__price-old {
    font-size: 0.72rem;
    color: var(--wcb-gray-400);
    text-decoration: line-through;
    white-space: nowrap;
}

.wcb-search-item__price-row {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.wcb-search-item__price-current {
    font-size: 1rem;
    font-weight: 800;
    color: var(--wcb-gray-900);
    white-space: nowrap;
}

/* Green price when there's a discount */
.wcb-search-item__price-old~.wcb-search-item__price-row .wcb-search-item__price-current {
    color: #16a34a;
}

.wcb-search-item__discount {
    font-size: 0.7rem;
    font-weight: 800;
    background: #dcfce7;
    color: #15803d;
    padding: 0.07rem 0.4rem;
    border-radius: 20px;
    white-space: nowrap;
}

.wcb-search-item__stock {
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.wcb-search-item__stock--in {
    color: var(--wcb-green-dark);
}

.wcb-search-item__stock--out {
    color: var(--wcb-gray-400);
}

/* Brand label in meta row */
.wcb-search-item__brand {
    font-size: 0.71rem;
    font-weight: 700;
    color: var(--wcb-gray-500);
    background: var(--wcb-gray-100);
    padding: 0.1rem 0.45rem;
    border-radius: var(--wcb-radius-xs);
    letter-spacing: 0.02em;
}

/* ── In-dropdown smart filter bar ─────────────────────────────────────────── */
.wcb-search-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.6rem 0.9rem;
    background: var(--wcb-gray-50);
    border-bottom: 1px solid var(--wcb-gray-100);
}

.wcb-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.28rem 0.75rem;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1.5px solid var(--wcb-gray-200);
    background: #fff;
    color: var(--wcb-gray-600);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    line-height: 1.4;
}

.wcb-filter-chip:hover {
    border-color: var(--wcb-blue);
    color: var(--wcb-blue);
    background: var(--wcb-blue-bg);
}

.wcb-filter-chip--active {
    background: var(--wcb-blue);
    border-color: var(--wcb-blue);
    color: #fff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
}

.wcb-filter-chip--active:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
}

.wcb-filter-chip--clear {
    border-color: #fca5a5;
    color: #dc2626;
    background: #fff;
}

.wcb-filter-chip--clear:hover {
    background: #fee2e2;
    border-color: #dc2626;
}

/* See all footer */
.wcb-search-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem 1rem;
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    color: var(--wcb-blue);
    background: var(--wcb-gray-50);
    border-top: 1px solid var(--wcb-gray-100);
    text-decoration: none;
    transition: background 0.15s;
}

.wcb-search-footer:hover {
    background: var(--wcb-blue-bg);
}

/* Empty state */
.wcb-search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 2rem 1rem;
    color: var(--wcb-gray-400);
    font-size: var(--wcb-font-size-sm);
    text-align: center;
}

.wcb-search-empty svg {
    opacity: 0.4;
}

.wcb-search-empty strong {
    color: var(--wcb-gray-700);
}

/* Skeleton shimmer */
@keyframes wcbShimmer {
    0% {
        background-position: -400px 0;
    }

    100% {
        background-position: 400px 0;
    }
}

.wcb-skeleton {
    background: linear-gradient(90deg, var(--wcb-gray-100) 25%, var(--wcb-gray-200) 50%, var(--wcb-gray-100) 75%);
    background-size: 800px 100%;
    animation: wcbShimmer 1.4s infinite linear;
    border-radius: var(--wcb-radius-md);
}

.wcb-search-item--skeleton .wcb-search-item__thumb.wcb-skeleton {
    width: 52px;
    height: 52px;
}

.wcb-skeleton--line {
    height: 12px;
    border-radius: var(--wcb-radius-sm);
}

/* Login / Register Button */
.wcb-header__login-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--wcb-radius-full);
    border: 1.5px solid var(--wcb-blue);
    color: var(--wcb-blue);
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: background var(--wcb-duration), color var(--wcb-duration);
    flex-shrink: 0;
}

.wcb-header__login-btn:hover {
    background: var(--wcb-blue);
    color: #fff;
}

.wcb-header__login-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Cloud Prime (header — sem link; estado em breve) */
.wcb-header__cloud-club-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    border-radius: var(--wcb-radius-full);
    background: transparent;
    border: 1.5px solid var(--wcb-blue);
    color: var(--wcb-blue);
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    transition: background var(--wcb-duration), color var(--wcb-duration), border-color var(--wcb-duration);
    flex-shrink: 0;
    letter-spacing: 0.01em;
}

.wcb-header__cloud-club-btn:hover {
    background: var(--wcb-blue);
    color: #fff;
    border-color: var(--wcb-blue);
}

.wcb-header__cloud-club-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* “Em breve”: destaque suave — altura próxima aos ícones do header, um pouco mais compacto */
.wcb-header__cloud-club-btn--soon {
    cursor: default;
    pointer-events: none;
    user-select: none;
    gap: 0.4rem;
    box-sizing: border-box;
    min-height: 2.5rem;
    padding: 0 0.75rem;
    margin: 0;
    border: 1.5px solid rgba(21, 93, 253, 0.22);
    border-radius: var(--wcb-radius-full);
    background: var(--wcb-blue-pale);
    box-shadow: 0 1px 2px rgba(21, 93, 253, 0.07);
    color: var(--wcb-blue-dark);
    align-items: center;
}

.wcb-header__cloud-club-btn--soon:hover {
    background: var(--wcb-blue-pale);
    color: var(--wcb-blue-dark);
    border-color: rgba(21, 93, 253, 0.22);
}

.wcb-header__cloud-club-btn svg.wcb-header__cloud-club-btn__mark {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    color: var(--wcb-blue);
    opacity: 1;
}

.wcb-header__cloud-club-btn__title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--wcb-blue-dark);
    white-space: nowrap;
    line-height: 1.2;
}

.wcb-header__cloud-club-btn__divider {
    width: 1px;
    height: 1rem;
    flex-shrink: 0;
    background: rgba(21, 93, 253, 0.22);
    align-self: center;
}

.wcb-header__cloud-club-btn__soon {
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wcb-blue);
    white-space: nowrap;
    line-height: 1.2;
    opacity: 0.92;
}

@media (max-width: 768px) {
    .wcb-header__cloud-club-btn--soon {
        gap: 0.3rem;
        margin: 0;
        min-height: 2.35rem;
        padding: 0 0.55rem;
        align-items: center;
    }

    .wcb-header__cloud-club-btn svg.wcb-header__cloud-club-btn__mark {
        width: 14px;
        height: 14px;
    }

    .wcb-header__cloud-club-btn__title {
        display: none;
    }

    .wcb-header__cloud-club-btn__divider {
        display: none;
    }

    .wcb-header__cloud-club-btn__soon {
        font-size: 0.5625rem;
        letter-spacing: 0.1em;
    }
}

/* Header Actions (account, favorites, cart) */
.wcb-header__actions {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-sm);
    flex-shrink: 0;
    margin-left: auto;
}

.wcb-header__action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 0.4rem 0.6rem;
    border-radius: var(--wcb-radius-md);
    color: var(--wcb-gray-700);
    text-decoration: none;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: background var(--wcb-duration), color var(--wcb-duration);
    position: relative;
}

.wcb-header__action:hover {
    background: var(--wcb-gray-50);
    color: var(--wcb-blue);
}

.wcb-header__action svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
}

.wcb-header__cart-count {
    position: absolute;
    top: 0;
    right: 2px;
    background: var(--wcb-blue);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* ============================================================
   NAVIGATION BAR (departments + categories)
   ============================================================ */
.wcb-nav {
    background: var(--wcb-blue);
    position: relative;
    z-index: 999;
}

.wcb-nav__inner {
    display: flex;
    align-items: center;
    gap: 0;
    height: 44px;
}

/* Department button (hamburger) */
.wcb-nav__departments-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.2rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    letter-spacing: 0.02em;
    border: none;
    cursor: pointer;
    transition: background var(--wcb-duration);
    white-space: nowrap;
}

.wcb-nav__departments-btn:hover {
    background: rgba(0, 0, 0, 0.25);
}

.wcb-nav__departments-btn svg {
    width: 18px;
    height: 18px;
}

/* Category links */
.wcb-nav__categories {
    display: flex;
    align-items: center;
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.wcb-nav__categories::-webkit-scrollbar {
    display: none;
}

.wcb-nav__categories a {
    padding: 0 1rem;
    height: 44px;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    white-space: nowrap;
    transition: background var(--wcb-duration), color var(--wcb-duration);
}

.wcb-nav__categories a:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.wcb-nav__categories a.active {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

/* Mega Menu Dropdown */
.wcb-mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--wcb-white);
    box-shadow: var(--wcb-shadow-xl);
    border-top: 3px solid var(--wcb-blue);
    z-index: 998;
    padding: var(--wcb-space-xl);
    animation: wcbSlideDown 0.25s ease;
}

.wcb-mega-menu.active {
    display: block;
}

@keyframes wcbSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wcb-mega-menu__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--wcb-space-xl);
    width: 100%;
    padding: 0 var(--wcb-space-xl);
}

.wcb-mega-menu__column h4 {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-900);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
    border-bottom: 2px solid var(--wcb-blue);
}

.wcb-mega-menu__column a {
    display: block;
    padding: 0.35rem 0;
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-600);
    transition: color var(--wcb-duration), padding-left var(--wcb-duration);
}

.wcb-mega-menu__column a:hover {
    color: var(--wcb-blue);
    padding-left: 0.5rem;
}

/* ============================================================
   NEWSLETTER — Standalone Premium Section
   ============================================================ */
.wcb-newsletter {
    position: relative;
    background: linear-gradient(160deg, #0a1628 0%, #0d2a6b 40%, #155DFD 100%);
    padding: var(--wcb-space-2xl) 0;
    overflow: hidden;
}

.wcb-newsletter__glow {
    position: absolute;
    top: -80px;
    right: -60px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 114, 254, 0.35), transparent 70%);
    filter: blur(60px);
    pointer-events: none;
}

.wcb-newsletter__inner {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-xl);
    position: relative;
    z-index: 1;
}

.wcb-newsletter__icon {
    width: 72px;
    height: 72px;
    border-radius: var(--wcb-radius-lg);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.wcb-newsletter__content {
    flex: 1;
}

.wcb-newsletter__title {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.3rem;
    letter-spacing: -0.01em;
}

.wcb-newsletter__desc {
    font-size: var(--wcb-font-size-sm);
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

.wcb-newsletter__desc strong {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    padding: 0.1rem 0.45rem;
    border-radius: var(--wcb-radius-xs);
    font-weight: 800;
}

.wcb-newsletter__form {
    display: flex;
    gap: 0;
    border-radius: var(--wcb-radius-full);
    overflow: hidden;
    flex-shrink: 0;
    max-width: 420px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

.wcb-newsletter__input-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 0 1.2rem;
    flex: 1;
}

.wcb-newsletter__input-wrap svg {
    color: var(--wcb-gray-400);
    flex-shrink: 0;
}

.wcb-newsletter__input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 0.9rem 0;
    font-size: var(--wcb-font-size-base);
    font-family: var(--wcb-font);
    color: var(--wcb-gray-900);
    outline: none;
    min-width: 160px;
}

.wcb-newsletter__input::placeholder {
    color: var(--wcb-gray-400);
}

.wcb-newsletter__btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--wcb-dark);
    color: #fff;
    border: none;
    padding: 0.9rem 1.6rem;
    font-weight: 700;
    font-size: var(--wcb-font-size-sm);
    font-family: var(--wcb-font);
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all var(--wcb-duration) var(--wcb-ease);
    white-space: nowrap;
}

.wcb-newsletter__btn:hover {
    background: var(--wcb-gray-800);
}

.wcb-newsletter__btn svg {
    transition: transform var(--wcb-duration);
}

.wcb-newsletter__btn:hover svg {
    transform: translateX(3px);
}

/* ============================================================
   FOOTER
   ============================================================ */
.wcb-footer {
    background: var(--wcb-dark);
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

/* Glow sutil no topo do footer */
.wcb-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    max-width: 600px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.4), transparent);
}

/* Footer Columns — 5-column layout */
.wcb-footer__columns {
    padding: var(--wcb-space-2xl) 0 var(--wcb-space-xl);
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1.3fr;
    gap: var(--wcb-space-2xl);
}

/* Brand column */
.wcb-footer__column--brand {
    padding-right: var(--wcb-space-lg);
}

.wcb-footer__brand {
    margin-bottom: var(--wcb-space-md);
}

.wcb-footer__brand img,
.wcb-footer__brand svg {
    height: 32px;
    width: auto;
    filter: brightness(0) invert(1);
}

.wcb-footer__brand .wcb-header__logo-text {
    color: #fff;
}

.wcb-footer__brand-desc {
    font-size: var(--wcb-font-size-sm);
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.75;
    margin-bottom: var(--wcb-space-lg);
    max-width: 260px;
}

/* Social Links */
.wcb-footer__social {
    display: flex;
    gap: 0.5rem;
}

.wcb-footer__social-link {
    width: 38px;
    height: 38px;
    border-radius: var(--wcb-radius-md);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    transition: all var(--wcb-duration) var(--wcb-ease);
}

.wcb-footer__social-link:hover {
    background: var(--wcb-blue);
    border-color: var(--wcb-blue);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

/* Column headings */
.wcb-footer__column h4 {
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--wcb-space-md);
    position: relative;
    padding-bottom: 0.65rem;
}

.wcb-footer__column h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background: var(--wcb-blue);
    border-radius: 1px;
    transition: width 0.3s ease;
}

.wcb-footer__column:hover h4::after {
    width: 40px;
}

.wcb-footer__column--brand h4::after {
    display: none;
}

/* Column links */
.wcb-footer__column a {
    display: block;
    padding: 0.38rem 0;
    font-size: var(--wcb-font-size-sm);
    color: rgba(255, 255, 255, 0.55);
    transition: color 0.2s ease, transform 0.2s ease;
    position: relative;
}

.wcb-footer__column a:hover {
    color: #fff;
    transform: translateX(3px);
}

/* Payment badges */
.wcb-footer__payments {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: var(--wcb-space-sm);
}

.wcb-footer__pay-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--wcb-radius-md);
    padding: 0.45rem 0.75rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
}

.wcb-footer__pay-badge:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
    transform: translateY(-1px);
}

.wcb-footer__pay-badge svg {
    flex-shrink: 0;
}

/* Security section */
.wcb-footer__security-title {
    margin-top: var(--wcb-space-lg) !important;
}

.wcb-footer__security {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-top: var(--wcb-space-sm);
}

.wcb-footer__security-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: var(--wcb-font-size-xs);
    color: rgba(255, 255, 255, 0.5);
    transition: color 0.2s ease;
}

.wcb-footer__security-badge svg {
    color: #34d399;
    flex-shrink: 0;
}

.wcb-footer__security-badge:hover {
    color: rgba(255, 255, 255, 0.85);
}

/* Footer Bottom */
.wcb-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: var(--wcb-space-lg) 0 var(--wcb-space-xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--wcb-space-md);
}

.wcb-footer__copyright {
    font-size: var(--wcb-font-size-xs);
    color: rgba(255, 255, 255, 0.35);
}

.wcb-footer__credit {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--wcb-font-size-xs);
    color: rgba(255, 255, 255, 0.3);
}

.wcb-footer__credit svg {
    animation: wcbHeartbeat 1.5s ease-in-out infinite;
}

@keyframes wcbHeartbeat {

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

    50% {
        transform: scale(1.2);
    }
}

/* ============================================================
   CONTENT AREA — General
   ============================================================ */
.wcb-main {
    min-height: 60vh;
    padding: 0 0 var(--wcb-space-xl);
}

.wcb-page-title {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    margin-bottom: var(--wcb-space-lg);
}

/* ============================================================
   BUTTONS — padrão: .wcb-btn + --primary | --secondary | --ghost
   ============================================================ */
.wcb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 700;
    font-size: var(--wcb-font-size-base);
    border-radius: var(--wcb-radius-md);
    border: none;
    cursor: pointer;
    transition: background var(--wcb-duration) var(--wcb-ease),
        color var(--wcb-duration) var(--wcb-ease),
        border-color var(--wcb-duration) var(--wcb-ease),
        box-shadow var(--wcb-duration) var(--wcb-ease),
        transform var(--wcb-duration) var(--wcb-ease),
        opacity var(--wcb-duration) var(--wcb-ease);
    white-space: nowrap;
    text-decoration: none;
    box-sizing: border-box;
}

.wcb-btn:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

.wcb-btn:disabled,
.wcb-btn.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.wcb-btn--primary {
    background: var(--wcb-blue);
    color: var(--wcb-white);
    box-shadow: var(--wcb-shadow-btn);
}

.wcb-btn--primary:hover:not(:disabled):not(.disabled) {
    background: var(--wcb-blue-hover);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45);
}

.wcb-btn--secondary {
    background: var(--wcb-white);
    color: var(--wcb-blue);
    border: 2px solid var(--wcb-blue);
}

.wcb-btn--secondary:hover:not(:disabled):not(.disabled) {
    background: var(--wcb-blue-bg);
}

/* Neutro / ações de formulário na loja (ex.: cupom, atualizar carrinho) */
.wcb-btn--ghost {
    background: var(--wcb-gray-100);
    color: var(--wcb-gray-800);
    box-shadow: none;
}

.wcb-btn--ghost:hover:not(:disabled):not(.disabled) {
    background: var(--wcb-gray-200);
}

/* @deprecated — sem uso em templates; manter como alias de .wcb-btn--primary escuro */
.wcb-btn--dark {
    background: var(--wcb-dark);
    color: var(--wcb-white);
}

.wcb-btn--dark:hover:not(:disabled):not(.disabled) {
    background: var(--wcb-gray-800);
}

/* ============================================================
   CARDS
   ============================================================ */
.wcb-card {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    box-shadow: var(--wcb-shadow-md);
    overflow: hidden;
    transition: box-shadow var(--wcb-duration), transform var(--wcb-duration);
}

.wcb-card:hover {
    box-shadow: var(--wcb-shadow-lg);
    transform: translateY(-2px);
}

/* ============================================================
   BADGES
   ============================================================ */
.wcb-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: var(--wcb-radius-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wcb-badge--blue {
    background: var(--wcb-blue-100);
    color: var(--wcb-blue-900);
}

.wcb-badge--green {
    background: var(--wcb-green-bg);
    color: var(--wcb-green);
}

.wcb-badge--red {
    background: var(--wcb-red-bg);
    color: var(--wcb-red);
}

.wcb-badge--yellow {
    background: var(--wcb-yellow-bg);
    color: var(--wcb-yellow);
}

/* ============================================================
   MOBILE MENU
   ============================================================ */
.wcb-mobile-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--wcb-radius-md);
    color: var(--wcb-gray-700);
    transition: background var(--wcb-duration);
}

.wcb-mobile-toggle:hover {
    background: var(--wcb-gray-100);
}

.wcb-mobile-toggle svg {
    width: 24px;
    height: 24px;
}

.wcb-mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    opacity: 0;
    transition: opacity 0.3s;
}

.wcb-mobile-overlay.active {
    display: block;
    opacity: 1;
}

.wcb-mobile-menu {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100vh;
    background: var(--wcb-white);
    z-index: 2001;
    transition: left 0.3s var(--wcb-ease);
    overflow-y: auto;
    box-shadow: var(--wcb-shadow-xl);
}

.wcb-mobile-menu.active {
    left: 0;
}

.wcb-mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--wcb-space-md) var(--wcb-space-lg);
    border-bottom: 1px solid var(--wcb-gray-200);
}

.wcb-mobile-menu__close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wcb-gray-500);
    transition: background var(--wcb-duration);
}

.wcb-mobile-menu__close:hover {
    background: var(--wcb-gray-100);
}

.wcb-mobile-menu__nav a {
    display: block;
    padding: 0.85rem var(--wcb-space-lg);
    font-size: var(--wcb-font-size-md);
    font-weight: 500;
    color: var(--wcb-gray-700);
    border-bottom: 1px solid var(--wcb-gray-100);
    transition: background var(--wcb-duration), color var(--wcb-duration);
}

.wcb-mobile-menu__nav a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    .wcb-topbar {
        display: none;
    }

    .wcb-header__inner {
        gap: var(--wcb-space-sm);
        padding: 0 var(--wcb-space-md);
    }

    .wcb-header__search {
        position: absolute;
        top: var(--wcb-header-h);
        left: 0;
        right: 0;
        max-width: 100%;
        padding: var(--wcb-space-sm) var(--wcb-space-md);
        background: var(--wcb-white);
        box-shadow: var(--wcb-shadow-md);
        display: none;
        z-index: 999;
    }

    .wcb-header__search.active {
        display: block;
    }

    .wcb-mobile-toggle {
        display: flex;
    }

    .wcb-header__action span {
        display: none;
    }

    .wcb-nav__categories {
        display: none;
    }

    .wcb-nav__inner {
        justify-content: center;
    }

    .wcb-footer__columns {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-footer__column--brand {
        grid-column: 1 / -1;
        padding-right: 0;
    }

    .wcb-newsletter__inner {
        flex-direction: column;
        text-align: center;
    }

    .wcb-newsletter__form {
        max-width: 100%;
        width: 100%;
    }

    .wcb-footer__bottom {
        flex-direction: column;
        text-align: center;
    }

    .wcb-mega-menu__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .wcb-footer__columns {
        grid-template-columns: 1fr;
    }

    .wcb-mega-menu__grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   HERO BANNER SLIDER
   ============================================================ */
.wcb-hero {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.wcb-hero__slider {
    position: relative;
    min-height: 60vh;
    height: 60vh;
}

.wcb-hero__slide {
    display: none;
    position: absolute;
    inset: 0;
    animation: wcbFadeIn 0.6s ease;
}

.wcb-hero__slide.active {
    display: block;
    position: relative;
}

@keyframes wcbFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.wcb-hero__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 280px;
    gap: var(--wcb-space-xl);
}

.wcb-hero__text {
    flex: 1;
    max-width: 580px;
    padding: var(--wcb-space-2xl) 0;
}

.wcb-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 0.4rem 1rem;
    border-radius: var(--wcb-radius-full);
    margin-bottom: var(--wcb-space-lg);
}

.wcb-hero__title {
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin-bottom: var(--wcb-space-md);
    letter-spacing: -0.02em;
}

.wcb-hero__title span {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    font-size: 1.8rem;
}

.wcb-hero__desc {
    font-size: var(--wcb-font-size-md);
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    margin-bottom: var(--wcb-space-xl);
    max-width: 450px;
}

.wcb-hero__cta {
    font-size: var(--wcb-font-size-md);
    padding: 0.9rem 2rem;
    border-radius: var(--wcb-radius-full);
}

/* Hero Glow Effects */
.wcb-hero__visual {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wcb-hero__glow {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 114, 254, 0.3), transparent 70%);
    filter: blur(40px);
    animation: wcbPulse 4s ease-in-out infinite;
}

.wcb-hero__glow--green {
    background: radial-gradient(circle, rgba(0, 192, 127, 0.3), transparent 70%);
}

.wcb-hero__glow--purple {
    background: radial-gradient(circle, rgba(139, 92, 246, 0.3), transparent 70%);
}

@keyframes wcbPulse {

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

    50% {
        transform: scale(1.15);
        opacity: 1;
    }
}

/* Slider Controls */
.wcb-hero__controls {
    position: absolute;
    bottom: var(--wcb-space-xl);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    z-index: 10;
}

.wcb-hero__arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--wcb-duration);
}

.wcb-hero__arrow:hover {
    background: rgba(255, 255, 255, 0.3);
}

.wcb-hero__dots {
    display: flex;
    gap: 0.4rem;
}

.wcb-hero__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    cursor: pointer;
    transition: all 0.3s;
}

.wcb-hero__dot.active {
    background: #fff;
    width: 28px;
    border-radius: var(--wcb-radius-full);
}

/* ============================================================
   BRANDS MARQUEE — slide infinito da direita pra esquerda
   ============================================================ */
.wcb-brands {
    background: var(--wcb-white);
    border-bottom: 1px solid var(--wcb-gray-200);
    padding: 0;
    overflow: hidden;
}

.wcb-brands__track-wrap {
    position: relative;
    overflow: hidden;
    padding: 0.9rem 0;
    /* fade edges */
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.wcb-brands__track {
    display: flex;
    align-items: center;
    gap: 0;
    white-space: nowrap;
    animation: wcb-marquee 28s linear infinite;
    will-change: transform;
}

.wcb-brands__track:hover {
    animation-play-state: paused;
}

@keyframes wcb-marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.wcb-brands__name {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--wcb-gray-400, #9ca3af);
    padding: 0 2.5rem;
    text-transform: uppercase;
    transition: color 0.2s;
}

.wcb-brands__name:hover {
    color: var(--wcb-blue, #2563eb);
}

.wcb-brands__sep {
    display: inline-block;
    color: var(--wcb-gray-200, #e5e7eb);
    font-size: 0.7rem;
    flex-shrink: 0;
}

/* ============================================================
   BENEFITS BAR
   ============================================================ */
.wcb-benefits {
    background: var(--wcb-white);
    border-bottom: 1px solid var(--wcb-gray-200);
    padding: var(--wcb-space-lg) 0;
}

.wcb-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--wcb-space-md);
}

.wcb-benefits__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

.wcb-benefits__icon {
    width: 44px;
    height: 44px;
    border-radius: var(--wcb-radius-lg);
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wcb-benefits__text {
    display: flex;
    flex-direction: column;
}

.wcb-benefits__text strong {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-900);
}

.wcb-benefits__text span {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-500);
}

/* Hero Actions & Social Proof */
.wcb-hero__actions {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-xl);
    flex-wrap: wrap;
}

.wcb-hero__social-proof {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.wcb-hero__avatars {
    display: flex;
    align-items: center;
}

.wcb-hero__avatars span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--wcb-white);
    background-size: cover;
    background-position: center;
    margin-left: -10px;
}

.wcb-hero__avatars span:first-child {
    margin-left: 0;
}

.wcb-hero__social-proof span:last-child {
    font-size: var(--wcb-font-size-xs);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.wcb-hero__image-main {
    width: 100%;
    height: 400px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: var(--wcb-radius-2xl);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}



/* ============================================================
   SECTION HEADERS
   ============================================================ */
.wcb-section {
    padding: var(--wcb-space-2xl) 0;
}

.wcb-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--wcb-space-lg);
    gap: var(--wcb-space-md);
}

/* Corpo da secção (grid, carrosséis) — abaixo do header */
.wcb-section__content {
    width: 100%;
}

/* CTAs / links no header — alias legado: .wcb-section__header-right */
.wcb-section__actions,
.wcb-section__header-right {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-left: auto;
    flex-shrink: 0;
}

.wcb-section__headline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-width: 0;
    flex: 1;
}

.wcb-section--categories .wcb-section__header {
    align-items: flex-start;
}

.wcb-section--categories .wcb-section__link {
    margin-top: 0.2rem;
    flex-shrink: 0;
    box-shadow: 0 2px 14px rgba(21, 93, 253, 0.12);
}

.wcb-section--categories .wcb-section__link:hover {
    box-shadow: 0 8px 24px rgba(21, 93, 253, 0.28);
}

.wcb-section--categories .wcb-section__subtitle {
    margin: 0;
    max-width: 42ch;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .wcb-section--categories .wcb-section__header {
        flex-direction: column;
        align-items: stretch;
    }

    .wcb-section--categories .wcb-section__link {
        margin-top: var(--wcb-space-md);
        align-self: flex-start;
    }
}

/* ── Categorias — ambiente premium (home) ── */
.wcb-section--categories {
    position: relative;
    isolation: isolate;
    padding-top: calc(var(--wcb-space-2xl) + 0.75rem);
    padding-bottom: calc(var(--wcb-space-2xl) + 0.75rem);
}

.wcb-section--categories::before {
    content: '';
    position: absolute;
    inset: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 100%;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 95% 70% at 50% -35%, color-mix(in srgb, var(--wcb-blue, #155dfd) 7%, transparent) 0%, transparent 58%),
        linear-gradient(180deg, var(--wcb-gray-50, #f8fafc) 0%, rgba(248, 250, 252, 0.4) 22%, rgba(255, 255, 255, 0) 45%, rgba(249, 250, 251, 0.5) 100%);
}

.wcb-section--categories .wcb-container {
    position: relative;
    z-index: 1;
}

.wcb-section--categories .wcb-section__title {
    display: block;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, var(--wcb-gray-900, #0f172a) 0%, var(--wcb-gray-700, #334155) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@supports not (background-clip: text) {
    .wcb-section--categories .wcb-section__title {
        color: var(--wcb-gray-900, #0f172a);
        background: none;
    }
}

.wcb-section--categories .wcb-section__subtitle {
    color: var(--wcb-gray-600, #4b5563);
    font-weight: 500;
}

.wcb-section__title {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.wcb-section__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    background: color-mix(in srgb, var(--wcb-blue) 8%, transparent);
    border-radius: var(--wcb-radius-md);
    color: var(--wcb-blue);
    flex-shrink: 0;
}

.wcb-section__icon svg,
.wcb-section__icon svg * {
    display: block;
    color: var(--wcb-blue) !important;
    stroke: var(--wcb-blue) !important;
}

/* Ícone inline ao lado do título (ex.: blog) */
.wcb-section__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--wcb-blue);
}

.wcb-section__title-icon svg {
    display: block;
}

.wcb-section__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--wcb-blue);
    background: transparent;
    border: 1.5px solid color-mix(in srgb, var(--wcb-blue) 50%, transparent);
    padding: 0.5rem 1.25rem;
    border-radius: var(--wcb-radius-full);
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        gap 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.2s ease;
}

.wcb-section__link svg {
    flex-shrink: 0;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wcb-section__link:hover {
    background: var(--wcb-blue-hover);
    color: var(--wcb-white);
    border-color: var(--wcb-blue-hover);
    gap: 0.7rem;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--wcb-blue) 35%, transparent);
    transform: translateY(-2px);
}

.wcb-section__link:hover svg {
    transform: translateX(4px);
}

.wcb-section__link:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

/* ============================================================
   DEPARTMENT CARDS (grid) - v7 — Horizontal + Decorative Icons
   ============================================================ */
.wcb-departments__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

/* Fallbacks por posição — só tons de azul (mesma família da .wcb-nl4 / --wcb-blue) */
.wcb-dept-card:nth-child(1) {
    --dept-accent: #155dfd;
    --dept-accent-bg: #eff6ff;
    --dept-accent-light: rgba(21, 93, 253, 0.12);
}

.wcb-dept-card:nth-child(2) {
    --dept-accent: #2563eb;
    --dept-accent-bg: #dbeafe;
    --dept-accent-light: rgba(37, 99, 235, 0.12);
}

.wcb-dept-card:nth-child(3) {
    --dept-accent: #0ea5e9;
    --dept-accent-bg: #e0f2fe;
    --dept-accent-light: rgba(14, 165, 233, 0.12);
}

.wcb-dept-card:nth-child(4) {
    --dept-accent: #1d4ed8;
    --dept-accent-bg: #dbeafe;
    --dept-accent-light: rgba(29, 78, 216, 0.12);
}

.wcb-dept-card:nth-child(5) {
    --dept-accent: #0369a1;
    --dept-accent-bg: #e0f2fe;
    --dept-accent-light: rgba(3, 105, 161, 0.12);
}

.wcb-dept-card:nth-child(6) {
    --dept-accent: #3b82f6;
    --dept-accent-bg: #eff6ff;
    --dept-accent-light: rgba(59, 130, 246, 0.12);
}

/* ── Base Card — superfície premium (camadas + luz) ── */
.wcb-dept-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.625rem 1.5rem 1.625rem 1.875rem;
    /* Mesma lógica da .wcb-nl4: 165° + #f8fafc, com lavanda só na zona média quando faz sentido */
    /* Halos e corpo: pouca cor + muito branco/neutro — evita fundo “tinta” quando o Customizer usa azul médio (#82b0e5 etc.) */
    background:
        radial-gradient(ellipse 88% 72% at 100% 108%, color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #155dfd)) 4%, transparent) 0%, transparent 52%),
        radial-gradient(ellipse 90% 75% at 50% -22%, color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #155dfd)) 6%, transparent) 0%, transparent 58%),
        linear-gradient(
            165deg,
            rgba(255, 255, 255, 0.99) 0%,
            color-mix(in srgb, var(--dept-user-bg, var(--dept-accent-bg, #eef2ff)) 20%, #ffffff) 32%,
            color-mix(in srgb, var(--dept-user-bg, var(--dept-accent-bg, #eef2ff)) 26%, #f8fafc) 46%,
            color-mix(in srgb, var(--dept-user-bg, var(--dept-accent-bg, #eef2ff)) 32%, #f1f5f9) 70%,
            #f8fafc 100%
        );
    border-radius: 18px;
    text-decoration: none;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    isolation: isolate;
    border: 1px solid color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #2563eb)) 9%, rgba(226, 232, 240, 0.95));
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.65) inset,
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 4px 12px rgba(15, 23, 42, 0.045),
        0 12px 28px rgba(15, 23, 42, 0.05);
    min-height: 132px;
}

.wcb-dept-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.95), transparent);
    opacity: 0.75;
    pointer-events: none;
    z-index: 3;
}

.wcb-dept-card:focus {
    outline: none;
}

.wcb-dept-card:focus-visible {
    outline: 3px solid var(--wcb-blue, #155dfd);
    outline-offset: 3px;
    box-shadow:
        0 0 0 2px #fff,
        0 8px 28px rgba(21, 93, 253, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}

.wcb-dept-card:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #2563eb)) 26%, rgba(226, 232, 240, 0.9));
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.85) inset,
        0 2px 4px rgba(15, 23, 42, 0.03),
        0 8px 16px color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #2563eb)) 8%, rgba(15, 23, 42, 0.06)),
        0 20px 44px rgba(15, 23, 42, 0.1);
}

/* ── Text Content (left) ──────────────────────────── */
.wcb-dept-card__content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    z-index: 2;
    flex: 1;
    min-width: 0;
    padding-right: 1rem;
}

.wcb-dept-card__name {
    font-size: 1.0625rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.022em;
    line-height: 1.28;
    transition: color 0.3s ease;
}

.wcb-dept-card:hover .wcb-dept-card__name {
    color: var(--dept-user-accent, var(--dept-accent, #2563eb));
}

.wcb-dept-card__desc {
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.wcb-dept-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.85rem;
    margin-top: 0.35rem;
}

.wcb-dept-card__count {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dept-user-accent, var(--dept-accent, #2563eb));
    background: color-mix(in srgb, #ffffff 78%, transparent);
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--dept-user-accent, var(--dept-accent, #2563eb)) 16%, rgba(255, 255, 255, 0.9));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.wcb-dept-card__cta {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--dept-user-accent, var(--dept-accent, #2563eb));
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.3s;
}

.wcb-dept-card__cta svg {
    width: 14px;
    height: 14px;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.wcb-dept-card:hover .wcb-dept-card__cta {
    opacity: 1;
    transform: translateX(0);
}

.wcb-dept-card:hover .wcb-dept-card__cta svg {
    transform: translateX(3px);
}

/* ── Decorative Icon (right) — glow + float ───────── */
.wcb-dept-card__icon-decor {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    color: var(--dept-user-accent, var(--dept-accent, #2563eb));
    opacity: 0.48;
    z-index: 1;
    position: relative;
    animation: deptIconFloat 3s ease-in-out infinite;
    transition: opacity 0.4s, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Glow circle behind icon */
.wcb-dept-card__icon-decor::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--dept-user-accent, var(--dept-accent, #2563eb)) 0%, transparent 70%);
    opacity: 0.30;
    filter: blur(18px);
    transition: all 0.4s ease;
    z-index: -1;
}

.wcb-dept-card__icon-decor svg {
    width: 72px;
    height: 72px;
    position: relative;
    z-index: 1;
}

/* Float breathing animation */
@keyframes deptIconFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

/* Hover: stop float, scale up, glow stronger */
.wcb-dept-card:hover .wcb-dept-card__icon-decor {
    opacity: 0.58;
    animation: none;
    transform: scale(1.06) rotate(2deg);
}

.wcb-dept-card:hover .wcb-dept-card__icon-decor::before {
    opacity: 0.35;
    width: 100px;
    height: 100px;
    filter: blur(22px);
}

@media (prefers-reduced-motion: reduce) {
    .wcb-dept-card__icon-decor {
        animation: none !important;
    }

    .wcb-dept-card:hover .wcb-dept-card__icon-decor {
        transform: none;
    }
}

/* ── Hide old/unused elements ─────────────────────── */
.wcb-dept-card__icon-wrap {
    display: none;
}

.wcb-dept-card__text {
    display: none;
}

.wcb-dept-card__img-area {
    display: none;
}

.wcb-dept-card__img-placeholder {
    display: none;
}

.wcb-dept-card__image {
    display: none;
}

.wcb-dept-card__placeholder {
    display: none;
}

/* ── Responsive departamentos — única fonte de breakpoints ── */
@media (max-width: 1024px) {
    .wcb-departments__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.1rem;
    }

    /* Touch / tablet: CTA sempre visível (não depender de hover) */
    .wcb-dept-card__cta {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 640px) {
    .wcb-departments__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wcb-dept-card {
        padding: 1.25rem;
        min-height: 110px;
    }

    .wcb-dept-card__icon-decor {
        width: 70px;
        height: 70px;
    }

    .wcb-dept-card__icon-decor svg {
        width: 56px;
        height: 56px;
    }
}

/* ============================================================
   PRODUCT CARD — Out of Stock Visual Treatment
   ============================================================ */

/* Grayscale image + opacity */
.wcb-product-card--out-of-stock .wcb-product-card__img img,
.wcb-product-card--out-of-stock .wcb-product-card__img-wrap img {
    filter: grayscale(100%) brightness(0.95);
    opacity: 0.6;
    transition: filter 0.3s, opacity 0.3s;
}

.wcb-product-card--out-of-stock:hover .wcb-product-card__img img,
.wcb-product-card--out-of-stock:hover .wcb-product-card__img-wrap img {
    filter: grayscale(70%) brightness(0.95);
    opacity: 0.75;
}

/* Badge ESGOTADO */
.wcb-product-card__badge--sold-out {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
    color: #fff !important;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 5px 12px;
    border-radius: 6px;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* Dim the price block */
.wcb-product-card--out-of-stock .wcb-product-card__price-block {
    opacity: 0.35;
    pointer-events: none;
}

/* Dim teor pills */
.wcb-product-card--out-of-stock .wcb-product-card__teor {
    opacity: 0.35;
}

/* CTA "Avise-me quando chegar" */
.wcb-product-card__cta-soldout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px 14px;
    margin-top: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.wcb-product-card__cta-soldout:hover {
    background: #e2e8f0;
    color: #2563eb;
    border-color: rgba(37, 99, 235, 0.2);
    transform: translateY(-1px);
}

.wcb-product-card__cta-soldout svg {
    flex-shrink: 0;
    color: currentColor;
}





/* ============================================================
   PRODUCT CARD  (v2 — premium clean)
   ============================================================ */
.wcb-products__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    padding-bottom: var(--wcb-space-md);
}

/* ============================================================
   PAGED CAROUSEL (troca grupo completo de produtos)
   ============================================================ */
.wcb-paged-carousel {
    position: relative;
    width: 100%;
    overflow: visible;
}
.wcb-paged-carousel__viewport {
    overflow: hidden;
}

.wcb-paged-carousel__track {
    display: flex;
    transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.wcb-paged-carousel__slide {
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
}


/* Grid dentro de cada slide: 5 colunas no desktop */
.wcb-paged-carousel__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    align-content: start;
}

/* Single-row variant (1 linha de 5) */
.wcb-paged-carousel__grid--single-row {
    grid-template-rows: 1fr;
}

/* Row 2 header — controles alinhados à direita */
.wcb-novidades-row2-header {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0 4px;
}

/* Controles: prev ← dots → next */
.wcb-paged-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 1.5rem;
}

.wcb-paged-carousel__btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid #E2E8F0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #374151;
    transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
    flex-shrink: 0;
}

.wcb-paged-carousel__btn:hover:not(:disabled) {
    background: #155DFD;
    border-color: #155DFD;
    color: #fff;
    box-shadow: 0 4px 14px rgba(21, 93, 253, 0.3);
}

.wcb-paged-carousel__btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.wcb-paged-carousel__dots {
    display: flex;
    gap: 6px;
    align-items: center;
}

.wcb-paged-carousel__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CBD5E1;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, width 0.2s, border-radius 0.2s;
    flex-shrink: 0;
}

.wcb-paged-carousel__dot.active {
    background: #155DFD;
    width: 22px;
    border-radius: 4px;
}

/* ── Responsivo ─────────────────────────────────────────── */
@media (max-width: 1024px) {
    .wcb-paged-carousel__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .wcb-paged-carousel__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 420px) {
    .wcb-paged-carousel__grid {
        grid-template-columns: 1fr;
    }
}




/* ============================================================
   PRODUCT CARD — v4 Senior Design
   ────────────────────────────────────────────────────────────
   Principles:
   • Image full-bleed, no padding → product feels real and big
   • Elevation via shadow only, 1px border on idle
   • Typography: strict 3-level hierarchy cat→title→meta
   • Minimal color: only blue (action) + green (PIX) on white
   • Button: solid, no gradient gimmicks
   ============================================================ */


/* Page info indicator */
.wcb-pagination-info {
    font-size: 13px;
    font-weight: 500;
    color: #94a3b8;
    margin-top: 8px;
    text-align: center;
    letter-spacing: .01em;
}

.wcb-pagination-info strong {
    color: #475569;
    font-weight: 700;
}

/* View Mode Toggle */
.wcb-shop__view-toggles {
    display: flex;
    align-items: center;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 3px;
}

.wcb-shop__view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 30px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #94a3b8;
    transition: all .15s ease;
}

.wcb-shop__view-btn:hover {
    color: #475569;
}

.wcb-shop__view-btn.is-active {
    background: #fff;
    color: #2563eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.wcb-shop__main ul.products.grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px;
}

.wcb-product-card {
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eaecf0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.wcb-product-card:hover {
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.10), 0 4px 12px rgba(16, 24, 40, 0.06);
    transform: translateY(-3px);
}

/* ── IMAGE AREA ─────────────────────────────────────────── */
.wcb-product-card__image-wrap {
    position: relative;
    flex-shrink: 0;
}

.wcb-product-card__badges {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 3;
}

.wcb-product-card__badge {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.5;
}

.wcb-product-card__badge--sale {
    background: linear-gradient(135deg, #ea580c, #f97316);
    color: #fff;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.35);
}

.wcb-product-card__badge--hot {
    background: #111111;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wcb-product-card__badge--stock {
    background: linear-gradient(135deg, #dc2626, #ef4444);
    color: #fff;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.35);
}

/* Fav button */
.wcb-product-card__fav {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    color: #6b7280;
    border: none;
    cursor: pointer;
    opacity: 0;
    transition: color 0.18s, transform 0.18s, opacity 0.18s;
}

.wcb-product-card:hover .wcb-product-card__fav {
    opacity: 1;
}

.wcb-product-card__fav:hover {
    color: #ef4444;
    transform: scale(1.1);
}

.wcb-product-card__fav.active {
    color: #ef4444;
    opacity: 1;
}

.wcb-product-card__fav.active svg {
    fill: #ef4444;
}

/* Image */
.wcb-product-card__image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f3f4f6;
    position: relative;
}

.wcb-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.wcb-product-card:hover .wcb-product-card__image img {
    transform: scale(1.05);
}

/* Quick view — slides up */
.wcb-product-card__quickview {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    display: flex;
    justify-content: center;
    transform: translateY(110%);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 2;
}

.wcb-product-card__image:hover .wcb-product-card__quickview {
    transform: translateY(0);
}

.wcb-product-card__quickview-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 7px 18px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s;
}

.wcb-product-card__quickview-btn:hover {
    background: #fff;
}

/* Placeholder */
.wcb-product-card__no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    color: #d1d5db;
}

/* ── BODY ───────────────────────────────────────────────── */
.wcb-product-card__body {
    padding: 12px 12px 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0;
}

/* Category */
.wcb-product-card__cat {
    font-size: 0.7rem;
    font-weight: 700;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    margin-bottom: 3px;
    display: block;
}

/* Title */
.wcb-product-card__title {
    font-size: 1.02rem;
    font-weight: 600;
    color: #101827;
    text-decoration: none;
    line-height: 1.35;
    margin-bottom: 6px;
    min-height: calc(1.02rem * 1.35 * 2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.15s;
}

.wcb-product-card__title:hover {
    color: #1c64f2;
}

/* Rating */
.wcb-product-card__rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.wcb-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1;
    width: max-content;
}

.wcb-product-card__stars-fill {
    color: #f59e0b;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: calc(var(--rating, 0) / 5 * 100%);
    white-space: nowrap;
    display: block;
}

.wcb-product-card__stars-empty {
    color: #e5e7eb;
    display: block;
    white-space: nowrap;
}

.wcb-product-card__rating-val {
    font-size: 0.78rem;
    font-weight: 700;
    color: #374151;
}

.wcb-product-card__rating-count {
    font-size: 0.75rem;
    color: #9ca3af;
}

/* Sem avaliações: 5 estrelas sempre em dourado/amarelo (visual pleno, sem nota numérica) */
.wcb-product-card__rating--zero .wcb-product-card__stars {
    color: #f59e0b;
}

.wcb-product-card__rating--zero .wcb-product-card__stars-empty {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b;
}

/* Price block */
.wcb-product-card__price-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 6px;
}

.wcb-product-card__price-old {
    font-size: 0.82rem;
    color: #9ca3af;
    text-decoration: line-through;
    font-weight: 400;
    line-height: 1;
}

.wcb-product-card__price-current {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.025em;
    line-height: 1.1;
}

/* PIX */
.wcb-product-card__pix {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    padding: 3px 8px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 3px;
}

.wcb-product-card__pix svg {
    flex-shrink: 0;
    color: #16a34a;
}

.wcb-product-card__pix strong {
    font-weight: 700;
}

.wcb-product-card__pix span {
    opacity: 0.8;
}

/* Installments */
.wcb-product-card__installments {
    font-size: 0.78rem;
    color: #9ca3af;
    margin-top: 2px;
    font-weight: 400;
}

/* Specs chips */
.wcb-product-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wcb-product-card__spec {
    font-size: 0.59rem;
    font-weight: 600;
    color: #4b5563;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.01em;
}

/* ── CTA ────────────────────────────────────────────────── */
.wcb-product-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    background: #1c64f2;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: background 0.16s, box-shadow 0.16s, transform 0.12s;
    margin-top: auto;
}

.wcb-product-card__btn:hover {
    background: #1a56db;
    box-shadow: 0 4px 16px rgba(28, 100, 242, 0.36);
    color: #fff;
    transform: translateY(-1px);
}

.wcb-product-card__btn:active {
    transform: translateY(0);
    box-shadow: none;
    background: #1e429f;
}

.wcb-product-card__btn svg {
    opacity: 0.9;
    flex-shrink: 0;
}

























/* ============================================================
   SUPER OFERTAS — Header + Countdown Timer
   ============================================================ */
.wcb-section--offers {
    position: relative;
}

.wcb-section__header--offers {
    flex-wrap: wrap;
    gap: var(--wcb-space-md);
    align-items: center;
}

.wcb-section__header-left {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.wcb-section__subtitle {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    font-weight: 500;
}

/* Countdown */
.wcb-countdown {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-left: auto;
    margin-right: var(--wcb-space-lg);
}

.wcb-countdown__label {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-600);
    white-space: nowrap;
}

.wcb-countdown__boxes {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.wcb-countdown__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    background: var(--wcb-dark);
    border-radius: var(--wcb-radius-md);
    padding: 0.5rem 0.65rem;
    min-width: 48px;
}

.wcb-countdown__value {
    font-size: var(--wcb-font-size-xl);
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.wcb-countdown__unit {
    font-size: 0.55rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wcb-countdown__sep {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-400);
    line-height: 1;
    padding-bottom: 0.7rem;
}

/* Countdown pulse animation on seconds */
.wcb-countdown__box:last-of-type .wcb-countdown__value {
    animation: wcbCountPulse 1s ease-in-out infinite;
}

@keyframes wcbCountPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

/* Responsive countdown */
@media (max-width: 768px) {
    .wcb-countdown {
        margin-left: 0;
        margin-right: 0;
        order: 3;
        width: 100%;
    }

    .wcb-section__header--offers .wcb-section__link {
        order: 2;
    }

    .wcb-countdown__box {
        min-width: 42px;
        padding: 0.4rem 0.5rem;
    }

    .wcb-countdown__value {
        font-size: var(--wcb-font-size-lg);
    }
}

/* ============================================================
   PROMO BANNER
   ============================================================ */
.wcb-promo-banner {
    padding: var(--wcb-space-2xl) 0;
}

.wcb-promo-banner__inner {
    background: var(--wcb-gradient-dark-bg);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-2xl) var(--wcb-space-2xl);
    display: flex;
    align-items: center;
    gap: var(--wcb-space-2xl);
    overflow: hidden;
    position: relative;
}

.wcb-promo-banner__inner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(59, 114, 254, 0.15);
    filter: blur(60px);
}

.wcb-promo-banner__content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.wcb-promo-banner__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.12em;
    margin-bottom: var(--wcb-space-md);
}

.wcb-promo-banner__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wcb-green);
    animation: wcbPulse 2s infinite;
}

.wcb-promo-banner__title {
    font-size: var(--wcb-font-size-3xl);
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.wcb-promo-banner__title span {
    background: var(--wcb-gradient-brand-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wcb-promo-banner__desc {
    font-size: var(--wcb-font-size-base);
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
    margin-bottom: var(--wcb-space-xl);
    max-width: 400px;
}

.wcb-promo-banner__stats {
    display: flex;
    gap: var(--wcb-space-xl);
    position: relative;
    z-index: 1;
}

.wcb-promo-banner__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    text-align: center;
    padding: var(--wcb-space-lg);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--wcb-radius-lg);
    color: rgba(255, 255, 255, 0.6);
    min-width: 110px;
}

.wcb-promo-banner__stat svg {
    color: var(--wcb-blue-mid);
    margin-bottom: 0.2rem;
}

.wcb-promo-banner__stat strong {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 900;
    color: #fff;
}

.wcb-promo-banner__stat span {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

/* ============================================================
   TRUST & BRANDS SECTION
   ============================================================ */
.wcb-brands {
    padding: var(--wcb-space-xl) 0;
    background: var(--wcb-white);
    border-top: 1px solid var(--wcb-gray-100);
    border-bottom: 1px solid var(--wcb-gray-100);
}

.wcb-brands__grid {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: var(--wcb-space-md) var(--wcb-space-lg);
    opacity: 0.55;
    filter: grayscale(1);
    transition: opacity var(--wcb-duration), filter var(--wcb-duration);
}

.wcb-brands__grid:hover {
    opacity: 1;
    filter: grayscale(0);
}

.wcb-brands__item {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcb-brands__item img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.wcb-brands__placeholder {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--wcb-gray-400);
    letter-spacing: 0.1em;
}

/* ============================================================
   LIFESTYLE CAROUSEL
   ============================================================ */
.wcb-lifestyle {
    padding: var(--wcb-space-3xl) 0;
}

.wcb-lifestyle__inner {
    position: relative;
    border-radius: var(--wcb-radius-2xl);
    min-height: 380px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

/* ── Slides layer ─────────────────────────────── */
.wcb-lifestyle__slides {
    position: absolute;
    inset: 0;
}

.wcb-slide {
    position: absolute;
    inset: 0;
}

.wcb-slide__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 700ms ease;
}

.wcb-slide__gradient {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 700ms ease;
}

/* Active state */
.wcb-slide.active .wcb-slide__bg {
    opacity: 0.35;
}

.wcb-slide.active .wcb-slide__gradient {
    opacity: 1;
}

/* ── Content ──────────────────────────────────── */
.wcb-lifestyle__content {
    position: relative;
    z-index: 3;
    max-width: 450px;
    padding: 48px;
    color: #fff;

    /* entrance default state */
    transform: translateY(0);
    opacity: 1;
    transition: transform 400ms ease, opacity 400ms ease;
}

.wcb-lifestyle__content.wcb-ls-exit {
    transform: translateY(-12px);
    opacity: 0;
}

.wcb-lifestyle__content.wcb-ls-enter {
    transform: translateY(16px);
    opacity: 0;
}

.wcb-lifestyle__tag {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
}

.wcb-lifestyle__title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    max-width: 450px;
    margin-bottom: 12px;
}

.wcb-lifestyle__desc {
    font-size: 15px;
    color: rgba(255, 255, 255, .6);
    max-width: 380px;
    margin-bottom: 24px;
    line-height: 1.6;
}

/* CTA button */
.wcb-ls-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
}

.wcb-ls-btn:hover {
    color: #fff;
    transform: translateY(-1px);
}

/* ── Navigation (prev/next) ───────────────────── */
.wcb-lifestyle__nav {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 5;
}

.wcb-ls-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    padding: 0;
}

.wcb-ls-nav-btn:hover {
    background: rgba(255, 255, 255, .2);
}

/* ── Dots + counter ───────────────────────────── */
.wcb-lifestyle__dots {
    position: absolute;
    bottom: 24px;
    left: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 5;
}

.wcb-ls-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: transform 0.2s, background 0.2s;
}

.wcb-ls-dot.active {
    transform: scale(1.25);
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(255, 255, 255, .2);
}

.wcb-ls-counter {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, .45);
    letter-spacing: .05em;
}

/* ── Responsive ───────────────────────────────── */
@media (max-width: 768px) {
    .wcb-lifestyle__inner {
        min-height: 320px;
    }

    .wcb-lifestyle__content {
        padding: 32px;
        max-width: 100%;
    }

    .wcb-lifestyle__title {
        font-size: 26px;
    }

    .wcb-lifestyle__nav {
        right: 16px;
    }

    .wcb-lifestyle__dots {
        left: 32px;
    }
}


/* ============================================================
   PREMIUM TESTIMONIALS
   ============================================================ */
.wcb-testimonials {
    padding: var(--wcb-space-3xl) 0;
}

.wcb-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wcb-space-xl);
}

.wcb-testimonial-card {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-xl);
    box-shadow: var(--wcb-shadow-lg);
    border: 1px solid var(--wcb-gray-100);
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
    transition: transform var(--wcb-duration);
}

.wcb-testimonial-card:hover {
    transform: translateY(-5px);
}

.wcb-testimonial-card__stars {
    color: var(--wcb-yellow);
    display: flex;
    gap: 2px;
}

.wcb-testimonial-card__text {
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-600);
    line-height: 1.6;
    font-style: italic;
}

.wcb-testimonial-card__user {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-top: auto;
}

.wcb-testimonial-card__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--wcb-blue-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wcb-blue);
    font-weight: 800;
    font-size: var(--wcb-font-size-md);
}

.wcb-testimonial-card__info strong {
    display: block;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-900);
}

.wcb-testimonial-card__info span {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-400);
}

/* ============================================================
   HOME PAGE RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
    .wcb-products__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .wcb-products__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-promo-banner__stats {
        flex-direction: column;
        gap: var(--wcb-space-md);
    }
}

@media (max-width: 768px) {
    .wcb-hero__title {
        font-size: 1.8rem;
    }

    .wcb-hero__title span {
        font-size: 1.3rem;
    }

    .wcb-hero__visual {
        display: none;
    }

    .wcb-hero__content {
        min-height: 320px;
    }

    .wcb-hero__slider {
        min-height: 320px;
    }

    .wcb-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-products__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--wcb-space-sm);
    }

    .wcb-section__title {
        font-size: var(--wcb-font-size-xl);
    }

    .wcb-promo-banner__inner {
        flex-direction: column;
        padding: var(--wcb-space-xl);
    }

    .wcb-promo-banner__stats {
        flex-direction: row;
    }

    .wcb-promo-banner__stat {
        min-width: auto;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .wcb-hero__title {
        font-size: 1.5rem;
    }

    .wcb-hero__title span {
        font-size: 1.1rem;
    }

    .wcb-benefits__grid {
        grid-template-columns: 1fr;
    }

    .wcb-products__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-promo-banner__stats {
        flex-direction: column;
    }
}

/* ============================================================
   WOOCOMMERCE CORE ULTRA-PREMIUM (Cart, Checkout & My Account)
   ============================================================ */
/* Hide default Woo notices and use ours if needed, or style them */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-top: 0;
    background: var(--wcb-white);
    box-shadow: var(--wcb-shadow-sm);
    border-radius: var(--wcb-radius-md);
    padding: var(--wcb-space-md) var(--wcb-space-xl);
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-bottom: var(--wcb-space-xl);
    position: relative;
    overflow: hidden;
}

.woocommerce-info {
    border-left: 4px solid var(--wcb-blue);
}

.woocommerce-error {
    border-left: 4px solid var(--wcb-red);
}

.woocommerce-message {
    border-left: 4px solid var(--wcb-green);
}

/* Buttons Overrides */
.woocommerce button.button.alt,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce input.button {
    background: var(--wcb-gradient-cta);
    border-radius: var(--wcb-radius-full);
    color: #fff;
    font-weight: 700;
    padding: 1rem 2rem;
    transition: all var(--wcb-duration);
    border: none;
    box-shadow: 0 4px 15px rgba(21, 93, 253, 0.25);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
}

.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover {
    background: var(--wcb-blue-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(21, 93, 253, 0.35);
    color: #fff;
}

/* DS: neutraliza gradiente WC em .wcb-btn--ghost (alias legado: .wcb-btn-secondary) */
.woocommerce a.button.wcb-btn.wcb-btn--ghost,
.woocommerce button.button.wcb-btn.wcb-btn--ghost,
.woocommerce input.button.wcb-btn.wcb-btn--ghost,
.woocommerce a.button.wcb-btn-secondary,
.woocommerce button.button.wcb-btn-secondary,
.woocommerce input.button.wcb-btn-secondary {
    background: var(--wcb-gray-100) !important;
    color: var(--wcb-gray-800) !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 700;
    border-radius: var(--wcb-radius-md);
    padding: 0.75rem 1.5rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
}

.woocommerce a.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce button.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce input.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce a.button.wcb-btn-secondary:hover:not(:disabled),
.woocommerce button.button.wcb-btn-secondary:hover:not(:disabled),
.woocommerce input.button.wcb-btn-secondary:hover:not(:disabled) {
    background: var(--wcb-gray-200) !important;
    color: var(--wcb-gray-800) !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
}

.woocommerce a.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce button.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce input.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce a.button.wcb-btn-secondary:focus-visible,
.woocommerce button.button.wcb-btn-secondary:focus-visible,
.woocommerce input.button.wcb-btn-secondary:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

/* ---------- CART PAGE LUXURY ---------- */
.woocommerce-cart-form {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-2xl);
}

.woocommerce-cart .wcb-container {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--wcb-space-2xl);
    align-items: flex-start;
}

.wcb-cart-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
}

.wcb-cart-item {
    display: flex;
    align-items: center;
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    padding: var(--wcb-space-lg);
    gap: var(--wcb-space-xl);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: box-shadow var(--wcb-duration);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-cart-item:hover {
    box-shadow: var(--wcb-shadow-lg);
}

.wcb-cart-item__image img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    background: var(--wcb-gray-50);
    border-radius: var(--wcb-radius-md);
    padding: 8px;
    mix-blend-mode: multiply;
}

.wcb-cart-item__details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-xs);
}

.wcb-cart-item__name a {
    font-size: var(--wcb-font-size-lg);
    font-weight: 800;
    color: var(--wcb-gray-900);
    text-decoration: none;
    line-height: 1.2;
}

.wcb-cart-item__price .amount {
    font-size: var(--wcb-font-size-md);
    color: var(--wcb-gray-500);
    font-weight: 600;
}

.wcb-cart-item__controls {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-2xl);
}

/* Quantity modern pill */
.wcb-cart-item__quantity .quantity {
    display: flex;
    align-items: center;
    background: var(--wcb-gray-50);
    border-radius: var(--wcb-radius-full);
    padding: 2px 4px;
    border: 1px solid var(--wcb-gray-200);
}

.wcb-cart-item__quantity .qty {
    width: 40px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: var(--wcb-font-size-base);
    font-weight: 700;
    color: var(--wcb-gray-900);
    -moz-appearance: textfield;
}

.wcb-cart-item__quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wcb-cart-item__subtotal .amount {
    font-size: var(--wcb-font-size-xl);
    font-weight: 900;
    color: var(--wcb-gray-900);
}

.wcb-cart-item__remove a {
    color: var(--wcb-gray-400);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all var(--wcb-duration);
}

.wcb-cart-item__remove a:hover {
    background: var(--wcb-red-bg);
    color: var(--wcb-red);
}

.wcb-cart-item__remove svg {
    width: 20px;
    height: 20px;
}

/* Cart Actions */
.wcb-cart-actions-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--wcb-space-lg);
    border-top: 1px dashed var(--wcb-gray-200);
    margin-top: var(--wcb-space-md);
}

.wcb-cart-actions-wrapper .coupon {
    display: flex;
    gap: var(--wcb-space-sm);
}

.wcb-cart-actions-wrapper .coupon input {
    border: 1px solid var(--wcb-gray-300);
    border-radius: var(--wcb-radius-full);
    padding: 0.8rem 1.5rem;
    font-size: var(--wcb-font-size-sm);
    outline: none;
    background: var(--wcb-white);
    transition: border-color var(--wcb-duration);
}

.wcb-cart-actions-wrapper .coupon input:focus {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 3px rgba(21, 93, 253, 0.1);
}

/* Cart Collaterals (Floating Totals) */
.cart-collaterals {
    width: 100%;
}

.cart_totals {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-2xl);
    box-shadow: var(--wcb-shadow-xl);
    position: sticky;
    top: calc(var(--wcb-header-h) + 20px);
    border: 1px solid rgba(21, 93, 253, 0.1);
}

.cart_totals h2 {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 900;
    margin-bottom: var(--wcb-space-xl);
    border-bottom: 2px solid var(--wcb-gray-100);
    padding-bottom: var(--wcb-space-md);
}

.cart_totals table {
    width: 100%;
    border-collapse: collapse;
}

.cart_totals th,
.cart_totals td {
    padding: var(--wcb-space-md) 0;
    border-bottom: 1px dashed var(--wcb-gray-200);
}

.cart_totals th {
    text-align: left;
    color: var(--wcb-gray-500);
    font-weight: 600;
}

.cart_totals td {
    text-align: right;
    font-weight: 700;
    color: var(--wcb-gray-900);
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    border-bottom: none;
    padding-top: var(--wcb-space-xl);
}

.cart_totals .order-total td strong .amount {
    font-size: var(--wcb-font-size-3xl);
    color: var(--wcb-blue);
    font-weight: 900;
}

.cart_totals .wc-proceed-to-checkout {
    margin-top: var(--wcb-space-xl);
}

.cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    text-align: center;
}

/* ---------- CHECKOUT PAGE LUXURY ---------- */
.wcb-checkout-review {
    background: var(--wcb-white) !important;
    box-shadow: var(--wcb-shadow-xl) !important;
    border: 1px solid rgba(21, 93, 253, 0.1) !important;
    border-radius: var(--wcb-radius-xl) !important;
    padding: var(--wcb-space-2xl) !important;
}

/* Floating Labels for Woo Forms */
.woocommerce form .form-row {
    margin-bottom: var(--wcb-space-xl);
    position: relative;
}

.woocommerce form .form-row label {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-600);
    margin-bottom: 6px;
    display: block;
    transition: all var(--wcb-duration);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    width: 100%;
    background: var(--wcb-gray-50);
    border: 1px solid var(--wcb-gray-200);
    border-radius: var(--wcb-radius-md);
    padding: 1rem 1.2rem;
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-900);
    transition: all var(--wcb-duration);
}

.select2-container--default .select2-selection--single {
    height: auto;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    background: var(--wcb-white);
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 4px rgba(21, 93, 253, 0.15);
    outline: none;
}

/* Checkout — coluna campos + resumo (substitui grid inline no form-checkout.php) */
form.checkout.woocommerce-checkout.wcb-checkout-layout {
    display: grid;
    grid-template-columns: 1fr min(450px, 100%);
    gap: var(--wcb-space-2xl);
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 960px) {
    form.checkout.woocommerce-checkout.wcb-checkout-layout {
        grid-template-columns: 1fr;
    }
}

/* Checkout — títulos de secção (mesma linguagem do #order_review_heading) */
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-billing-fields > h3,
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-additional-fields > h3 {
    margin-top: 0;
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    letter-spacing: -0.02em;
    border-bottom: 1px solid var(--wcb-gray-200);
    padding-bottom: var(--wcb-space-sm);
    margin-bottom: var(--wcb-space-md);
}

/* Checkout — billing | shipping (duas colunas) */
body.woocommerce-checkout .wcb-checkout-fields #customer_details.col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-2xl);
    align-items: start;
    width: 100%;
    float: none;
}

body.woocommerce-checkout .wcb-checkout-fields #customer_details .col-1,
body.woocommerce-checkout .wcb-checkout-fields #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout .wcb-checkout-fields #customer_details.col2-set {
        grid-template-columns: 1fr;
    }
}

/* Checkout — grelha 2 colunas nos campos (nome/sobrenome, etc.) */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-xl) 1.25rem;
    align-items: start;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .clear,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .clear,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper > .clear {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
    margin-bottom: 0 !important;
    float: none !important;
    width: 100% !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1;
}

/* Payment Gateway Box */
#payment {
    background: var(--wcb-gray-50) !important;
    border-radius: var(--wcb-radius-lg) !important;
    padding: var(--wcb-space-lg) !important;
    border: 1px solid var(--wcb-gray-200) !important;
    margin-top: var(--wcb-space-xl) !important;
}

#payment ul.payment_methods {
    border-bottom: 1px solid var(--wcb-gray-200) !important;
    padding-bottom: var(--wcb-space-md) !important;
    margin-bottom: var(--wcb-space-md) !important;
}

#payment div.payment_box {
    background: var(--wcb-white) !important;
    border-radius: var(--wcb-radius-md) !important;
    box-shadow: var(--wcb-shadow-sm) !important;
    color: var(--wcb-gray-600) !important;
    font-size: var(--wcb-font-size-sm) !important;
}

#payment div.payment_box::before {
    border-bottom-color: var(--wcb-white) !important;
}

@media(max-width: 900px) {
    .woocommerce-cart .wcb-container {
        grid-template-columns: 1fr;
    }

    .wcb-cart-item {
        flex-direction: column;
        align-items: stretch;
    }

    .wcb-cart-item__controls {
        justify-content: space-between;
    }
}

/* Quantity Button Styling */
.wcb-qty-btn {
    background: var(--wcb-white);
    border: none;
    color: var(--wcb-gray-600);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--wcb-duration);
    padding: 0;
    border-radius: 50%;
}

.wcb-qty-btn:hover {
    background: var(--wcb-gray-100);
    color: var(--wcb-blue);
}

.wcb-qty-btn svg {
    width: 16px;
    height: 16px;
}

/* Ensure the quantity input field doesn't have borders/background inside our pill container */
.wcb-cart-item__quantity .quantity input.qty {
    width: 50px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: var(--wcb-font-size-base);
    font-weight: 700;
    color: var(--wcb-gray-900);
    outline: none;
    padding: 0;
}

/* Mobile Quantity adjustments */
@media (max-width: 480px) {
    .wcb-cart-item__controls {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--wcb-space-md);
    }

    .wcb-cart-item__quantity .quantity {
        transform: scale(0.9);
    }
}

/* ---------- MY ACCOUNT ----------
   All styles moved to inc/myaccount.css
   ---------------------------------- */

/* ============================================================
   WOOCOMMERCE — SINGLE PRODUCT (PREMIUM)
   ============================================================ */

.wcb-single-product {
    padding: var(--wcb-space-xl) 0 var(--wcb-space-3xl);
    background: var(--wcb-gray-100);
}

/* Breadcrumb */
.wcb-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    margin-bottom: var(--wcb-space-xl);
    flex-wrap: wrap;
}

.wcb-breadcrumb a {
    color: var(--wcb-gray-500);
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-breadcrumb a:hover {
    color: var(--wcb-blue);
}

.wcb-breadcrumb span:last-child {
    color: var(--wcb-gray-900);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Two-column layout */
.wcb-single-product__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-3xl);
    align-items: flex-start;
    margin-bottom: var(--wcb-space-2xl);
}

/* ── GALLERY ── */
.wcb-single-product__gallery {
    position: relative;
    position: sticky;
    top: calc(var(--wcb-header-h) + var(--wcb-space-xl));
}

.wcb-single-product__sale-badge {
    position: absolute;
    top: var(--wcb-space-md);
    left: var(--wcb-space-md);
    background: var(--wcb-red);
    color: #fff;
    font-size: var(--wcb-font-size-sm);
    font-weight: 800;
    padding: 0.3rem 0.8rem;
    border-radius: var(--wcb-radius-full);
    z-index: 10;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.wcb-gallery__main {
    position: relative;
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    overflow: hidden;
    box-shadow: var(--wcb-shadow-lg);
    border: 1px solid var(--wcb-gray-200);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-in;
    margin-bottom: var(--wcb-space-md);
}

.wcb-gallery__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2rem;
    transition: transform 0.5s var(--wcb-ease);
}

.wcb-gallery__main:hover .wcb-gallery__main-img {
    transform: scale(1.06);
}

.wcb-gallery__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wcb-gray-100);
    color: var(--wcb-gray-300);
    min-height: 400px;
}

.wcb-gallery__zoom-hint {
    position: absolute;
    bottom: var(--wcb-space-md);
    right: var(--wcb-space-md);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.3rem 0.7rem;
    border-radius: var(--wcb-radius-full);
    letter-spacing: 0.04em;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}

.wcb-gallery__main:hover .wcb-gallery__zoom-hint {
    opacity: 1;
}

/* Thumbnails */
.wcb-gallery__thumbs {
    display: flex;
    gap: var(--wcb-space-sm);
    flex-wrap: wrap;
}

.wcb-gallery__thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    border: 2px solid var(--wcb-gray-200);
    background: var(--wcb-white);
    cursor: pointer;
    padding: 0;
    transition: border-color var(--wcb-duration), box-shadow var(--wcb-duration);
    flex-shrink: 0;
}

.wcb-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.wcb-gallery__thumb.active,
.wcb-gallery__thumb:hover {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 2px rgba(21, 93, 253, 0.2);
}

/* ── SUMMARY ── */
.wcb-single-product__summary {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
}

.wcb-single-product__cat {
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    color: var(--wcb-blue);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-single-product__cat:hover {
    color: var(--wcb-blue-dark);
}

.wcb-single-product__title {
    font-size: 1.9rem;
    font-weight: 900;
    color: var(--wcb-gray-900);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0;
}

/* Rating */
.wcb-single-product__rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wcb-rating__stars {
    display: flex;
    gap: 2px;
    color: var(--wcb-yellow);
}

.wcb-single-product__rating-score {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-800);
}

.wcb-single-product__rating-count {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-400);
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-single-product__rating-count:hover {
    color: var(--wcb-blue);
}

.wcb-single-product__divider {
    border: none;
    border-top: 1px solid var(--wcb-gray-200);
    margin: 0;
}

/* Price block */
.wcb-single-product__price-block {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wcb-single-product__price-old {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-400);
    text-decoration: line-through;
}

.wcb-single-product__price-main {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    flex-wrap: wrap;
}

.wcb-single-product__price-current {
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--wcb-gray-900);
    letter-spacing: -0.03em;
    line-height: 1;
}

.wcb-single-product__discount-tag {
    background: var(--wcb-red);
    color: #fff;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    padding: 0.25rem 0.65rem;
    border-radius: var(--wcb-radius-full);
    letter-spacing: 0.04em;
}

/* PIX price */
.wcb-single-product__pix {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-sm);
    background: var(--wcb-green-bg);
    border: 1px solid rgba(0, 192, 127, 0.25);
    border-radius: var(--wcb-radius-md);
    padding: 0.65rem 1rem;
    width: fit-content;
}

.wcb-single-product__pix svg {
    flex-shrink: 0;
}

.wcb-single-product__pix strong {
    display: block;
    font-size: var(--wcb-font-size-lg);
    font-weight: 800;
    color: var(--wcb-green-dark);
    line-height: 1.2;
}

.wcb-single-product__pix span {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-green-dark);
    opacity: 0.75;
}

/* Scarcity signals */
.wcb-single-product__scarcity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-sm);
    padding: 0.55rem 1rem;
    border-radius: var(--wcb-radius-md);
    font-weight: 600;
    width: fit-content;
}

.wcb-single-product__scarcity--low {
    background: #FFF7ED;
    color: #C2410C;
    border: 1px solid #FED7AA;
    animation: wcbScarcityPulse 2s ease-in-out infinite;
}

@keyframes wcbScarcityPulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(194, 65, 12, 0);
    }

    50% {
        box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.08);
    }
}

.wcb-single-product__scarcity--low strong {
    color: #9A3412;
}

.wcb-single-product__scarcity--ok {
    background: var(--wcb-green-bg);
    color: var(--wcb-green-dark);
    border: 1px solid rgba(0, 192, 127, 0.25);
}

.wcb-single-product__scarcity--out {
    background: var(--wcb-red-bg);
    color: var(--wcb-red);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Short description */
.wcb-single-product__short-desc {
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-600);
    line-height: 1.7;
}

.wcb-single-product__short-desc p {
    margin: 0;
}

/* WooCommerce Add to Cart area override */
.wcb-single-product__buy-area .quantity {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--wcb-gray-100);
    border-radius: var(--wcb-radius-full);
    border: 1px solid var(--wcb-gray-200);
    overflow: hidden;
    width: fit-content;
}

.wcb-single-product__buy-area .qty {
    width: 52px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: var(--wcb-font-size-lg);
    font-weight: 700;
    color: var(--wcb-gray-900);
    padding: 0.6rem 0;
    -moz-appearance: textfield;
}

.wcb-single-product__buy-area .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.wcb-single-product__buy-area .single_add_to_cart_button.button,
.wcb-single-product__buy-area button[name="add-to-cart"] {
    width: 100% !important;
    margin-top: var(--wcb-space-md) !important;
    background: var(--wcb-gradient-green) !important;
    color: #fff !important;
    font-size: var(--wcb-font-size-lg) !important;
    font-weight: 800 !important;
    padding: 1.1rem 2.5rem !important;
    border-radius: var(--wcb-radius-full) !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 6px 24px rgba(0, 192, 127, 0.35) !important;
    transition: all 0.25s var(--wcb-ease) !important;
    display: block !important;
    text-align: center !important;
    text-transform: none !important;
}

.wcb-single-product__buy-area .single_add_to_cart_button.button:hover,
.wcb-single-product__buy-area button[name="add-to-cart"]:hover {
    background: linear-gradient(90deg, #00A06A 0%, #009060 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 160, 106, 0.45) !important;
}

.wcb-single-product__buy-area form.cart {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-sm);
}

.wcb-single-product__buy-area .woocommerce-variation-price .price {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
}

/* Trust badges */
.wcb-single-product__trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wcb-space-sm);
    border-top: 1px solid var(--wcb-gray-200);
    padding-top: var(--wcb-space-md);
}

.wcb-trust-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.4rem;
    padding: var(--wcb-space-md) var(--wcb-space-sm);
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    border: 1px solid var(--wcb-gray-200);
    transition: all var(--wcb-duration);
}

.wcb-trust-badge:hover {
    border-color: var(--wcb-blue);
    box-shadow: var(--wcb-shadow-md);
    transform: translateY(-2px);
}

.wcb-trust-badge__icon {
    width: 44px;
    height: 44px;
    border-radius: var(--wcb-radius-md);
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wcb-trust-badge__text strong {
    display: block;
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    color: var(--wcb-gray-800);
    line-height: 1.3;
}

.wcb-trust-badge__text span {
    font-size: 0.6rem;
    color: var(--wcb-gray-400);
    line-height: 1.3;
}

.wcb-single-product__meta {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-400);
    margin: 0;
}

/* ── PRODUCT BENEFITS STRIP ── */
.wcb-product-benefits-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--wcb-space-md);
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-xl) var(--wcb-space-2xl);
    box-shadow: var(--wcb-shadow-md);
    margin-bottom: var(--wcb-space-2xl);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-product-benefits-strip__item {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    color: var(--wcb-gray-700);
}

.wcb-product-benefits-strip__item svg {
    color: var(--wcb-blue);
    flex-shrink: 0;
}

.wcb-product-benefits-strip__item span {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-600);
    line-height: 1.3;
}

.wcb-product-benefits-strip__item strong {
    color: var(--wcb-gray-900);
}

/* ── PRODUCT TABS ── */
.wcb-single-product__tabs {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    box-shadow: var(--wcb-shadow-md);
    overflow: hidden;
    margin-bottom: var(--wcb-space-2xl);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-tabs__nav {
    display: flex;
    border-bottom: 1px solid var(--wcb-gray-200);
    background: var(--wcb-gray-50);
}

.wcb-tab-btn {
    padding: 1rem 1.8rem;
    font-size: var(--wcb-font-size-base);
    font-weight: 600;
    color: var(--wcb-gray-500);
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all var(--wcb-duration);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    font-family: var(--wcb-font);
    margin-bottom: -1px;
}

.wcb-tab-btn:hover {
    color: var(--wcb-blue);
}

.wcb-tab-btn.active {
    color: var(--wcb-blue);
    border-bottom-color: var(--wcb-blue);
    background: var(--wcb-white);
}

.wcb-tab-btn__badge {
    background: var(--wcb-blue);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.1rem 0.4rem;
    border-radius: var(--wcb-radius-full);
}

.wcb-tabs__content {
    padding: var(--wcb-space-2xl);
}

.wcb-tab-panel {
    display: none;
}

.wcb-tab-panel.active {
    display: block;
}

.wcb-product-desc {
    font-size: var(--wcb-font-size-md);
    color: var(--wcb-gray-700);
    line-height: 1.8;
    max-width: 800px;
}

.wcb-product-desc p {
    margin-bottom: var(--wcb-space-md);
}

.wcb-product-desc h3,
.wcb-product-desc h4 {
    font-weight: 700;
    color: var(--wcb-gray-900);
    margin: var(--wcb-space-lg) 0 var(--wcb-space-sm);
}

.wcb-no-reviews {
    color: var(--wcb-gray-500);
    text-align: center;
    padding: var(--wcb-space-xl) 0;
    font-size: var(--wcb-font-size-md);
}

/* Related products section */
.wcb-single-product__related {
    margin-top: var(--wcb-space-md);
}

/* ── STICKY ADD TO CART BAR ── */
.wcb-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--wcb-white);
    border-top: 1px solid var(--wcb-gray-200);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
    z-index: 1500;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: var(--wcb-space-md) var(--wcb-space-xl);
    gap: var(--wcb-space-xl);
    transform: translateY(100%);
    transition: transform 0.35s var(--wcb-ease);
}

.wcb-sticky-atc.visible {
    transform: translateY(0);
    display: flex;
}

.wcb-sticky-atc__info {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    min-width: 0;
    flex: 1;
}

.wcb-sticky-atc__thumb {
    width: 50px;
    height: 50px;
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    background: var(--wcb-gray-100);
    flex-shrink: 0;
}

.wcb-sticky-atc__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.wcb-sticky-atc__details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wcb-sticky-atc__name {
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    color: var(--wcb-gray-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wcb-sticky-atc__price {
    font-size: var(--wcb-font-size-lg);
    font-weight: 900;
    color: var(--wcb-blue);
}

.wcb-sticky-atc__btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--wcb-gradient-green);
    color: #fff;
    font-weight: 800;
    font-size: var(--wcb-font-size-base);
    padding: 0.85rem 2rem;
    border-radius: var(--wcb-radius-full);
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 192, 127, 0.35);
    transition: all var(--wcb-duration);
    white-space: nowrap;
    flex-shrink: 0;
}

.wcb-sticky-atc__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0, 192, 127, 0.45);
    color: #fff;
}

.wcb-sticky-atc__unavailable {
    padding: 0.85rem 2rem;
    background: var(--wcb-gray-200);
    color: var(--wcb-gray-500);
    border-radius: var(--wcb-radius-full);
    font-weight: 700;
    font-size: var(--wcb-font-size-base);
}

/* ── FLOATING MOBILE CART BUTTON ── */
.wcb-fab-cart {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 20px;
    z-index: 1400;
    background: var(--wcb-blue);
    color: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(21, 93, 253, 0.45);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.25s var(--wcb-ease);
}

.wcb-fab-cart:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 32px rgba(21, 93, 253, 0.55);
    color: #fff;
}

.wcb-fab-cart svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.wcb-fab-cart__count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--wcb-red);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

/* Product card: scarcity label & rating */
.wcb-product-card__stock {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    color: #C2410C;
    background: #FFF7ED;
    border: 1px solid #FED7AA;
    padding: 0.15rem 0.45rem;
    border-radius: var(--wcb-radius-sm);
    margin-bottom: 0.3rem;
    width: fit-content;
}

.wcb-product-card__stars {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--wcb-yellow);
    margin-bottom: 0.25rem;
}

.wcb-product-card__stars span {
    font-size: 0.6rem;
    color: var(--wcb-gray-400, #9ca3af);
    font-weight: 600;
    margin-left: 2px;
}

/* ── RESPONSIVE: SINGLE PRODUCT ── */
@media (max-width: 1024px) {
    .wcb-single-product__layout {
        gap: var(--wcb-space-xl);
    }

    .wcb-product-benefits-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-single-product__trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .wcb-single-product__layout {
        grid-template-columns: 1fr;
        gap: var(--wcb-space-xl);
    }

    .wcb-single-product__gallery {
        position: relative;
        top: auto;
    }

    .wcb-single-product__title {
        font-size: 1.5rem;
    }

    .wcb-single-product__price-current {
        font-size: 2rem;
    }

    .wcb-single-product__trust {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-product-benefits-strip {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--wcb-space-lg);
    }

    .wcb-testimonials__grid {
        grid-template-columns: 1fr;
    }

    .wcb-lifestyle__title {
        font-size: 2.5rem;
    }

    /* Show FAB cart on mobile */
    .wcb-fab-cart {
        display: flex;
    }

    /* Sticky ATC auto-show on single product mobile */
    .single-product .wcb-sticky-atc {
        display: flex;
        transform: translateY(100%);
    }

    .single-product .wcb-sticky-atc.visible {
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .wcb-single-product__trust {
        grid-template-columns: 1fr;
        gap: var(--wcb-space-sm);
    }

    .wcb-trust-badge {
        flex-direction: row;
        text-align: left;
        gap: var(--wcb-space-md);
    }

    .wcb-trust-badge__icon {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
    }

    .wcb-product-benefits-strip {
        grid-template-columns: 1fr;
    }

    .wcb-tabs__nav {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wcb-sticky-atc {
        padding: var(--wcb-space-sm) var(--wcb-space-md);
        gap: var(--wcb-space-md);
    }

    .wcb-sticky-atc__info {
        gap: var(--wcb-space-sm);
    }


    .wcb-sticky-atc__btn {
        padding: 0.8rem 1.2rem;
        font-size: var(--wcb-font-size-sm);
    }

}

/* end @media */

/* ================================================================
   PREMIUM MEGA MENU — White Cloud Brasil
   ================================================================ */
/* ══════════════════════════════════════════════════════════════
   NAV BAR — Premium Redesign
   ══════════════════════════════════════════════════════════════ */

/* ── Bar container ──────────────────────────────────────────── */
.wcb-nav {
    background: #fff !important;
    position: relative;
    z-index: 900;
    overflow: visible;
    box-shadow: none;
    border: none !important;
    border-bottom: none !important;
}

.wcb-nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e2e8f0;
}

.wcb-nav__inner {
    display: flex;
    align-items: center;
    min-height: 48px;
}

.wcb-nav__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    height: 100%;
}

.wcb-nav__item {
    position: static;
    /* mega menu se posiciona relativo ao .wcb-nav (full width) */
    display: flex;
    align-items: center;
    height: 100%;
}

/* ── Regular links ──────────────────────────────────────────── */
.wcb-nav__link {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #374151 !important;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    border-bottom: 2px solid transparent;
    transition: color 0.18s, border-color 0.18s, background 0.18s;
    min-height: 48px;
    line-height: 1;
    box-sizing: border-box;
}

.wcb-nav__link:hover {
    color: #2563eb !important;
    border-bottom-color: #2563eb;
    background: rgba(37, 99, 235, 0.04);
}

/* chevron */
.wcb-nav__icon {
    font-size: 1rem;
    line-height: 1;
}

.wcb-nav__chevron {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    opacity: 0.45;
    color: #374151;
    transition: transform 0.22s ease, opacity 0.2s, color 0.18s;
    margin-left: 0.1rem;
}

.wcb-nav__link:hover .wcb-nav__chevron {
    opacity: 1;
    color: #2563eb;
}

.wcb-nav__item--mega:hover .wcb-nav__chevron,
.wcb-nav__item--mega.is-open .wcb-nav__chevron {
    transform: rotate(180deg);
    color: #2563eb;
    opacity: 1;
}

/* ── "Promoção" — bloco azul full-height ────────────────────── */
/* ── "Ofertas / Promoção" — CRO-optimized pill ─────────────────── */
.wcb-nav__link--promo {
    background: linear-gradient(135deg, #dc2626 0%, #ea580c 50%, #f97316 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 800;
    font-size: 0.73rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background-size: 200% 100%;
    border-radius: 7px;
    padding: 0 1.25rem;
    margin: 0 0.9rem 0 0;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    height: 32px;
    min-height: unset;
    align-self: center;
    position: relative;
    overflow: visible;
    transition: box-shadow 0.22s, transform 0.18s, border-color 0.22s;
    box-shadow: none;
    animation: wcb-promo-breathe 3s ease-in-out infinite;
}


/* Badge "HOT" posicionado no canto superior-direito */
.wcb-nav__link--promo .wcb-promo-badge {
    position: absolute;
    top: -7px;
    right: -8px;
    background: #fff;
    color: #dc2626;
    font-size: 0.5rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 1px 5px;
    border-radius: 3px;
    line-height: 1.5;
    border: 1.5px solid #dc2626;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    pointer-events: none;
}

.wcb-nav__link--promo:hover {
    transform: translateY(-1px);
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    box-shadow: none;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(135deg, #dc2626 0%, #ea580c 50%, #f97316 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Ícone SVG do botão PROMOÇÕES — fill laranja explícito */
.wcb-nav__link--promo .wcb-nav__icon {
    fill: url(#promo-grad) #ea580c;
    color: #ea580c;
}

/* ── "Dia da Mulher" — fundo branco, texto rosa ─────────────── */
.wcb-nav__link--special {
    color: #be185d !important;
    font-weight: 700;
    font-size: 0.875rem;
    background: #fff;
    border-radius: 0;
    padding: 0 1.2rem;
    margin: 0;
    border-bottom: none !important;
    border-top: none !important;
    min-height: 50px;
    transition: background 0.18s, color 0.18s;
    letter-spacing: 0.01em;
}

.wcb-nav__link--special:hover {
    background: #fdf2f8;
    color: #9d174d !important;
    border-bottom: none !important;
}

/* ── Separator between highlights and regular items ─────────── */
.wcb-nav__item--sep {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
    pointer-events: none;
}

.wcb-nav__item--sep::before {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: #e2e8f0;
    border-radius: 1px;
}

/* ============================================================
   MEGA MENU — Premium UX/UI
   ============================================================ */

/* ── Dropdown container ── */
/* -- Dropdown container -- */
/* NOTA: Estilos de largura sobrescritos pelo PATCH FIGMA desktop */
.wcb-mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 0;
    background: #fff;
    border: none;
    border-top: 1px solid #eef0f7;
    border-radius: 0;
    box-shadow: 0 20px 38px rgba(16, 24, 40, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition:
        opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.22s;
    pointer-events: none;
    z-index: 9000;
    overflow: visible;
}

.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* ── Inner layout ── */
/* Inner layout — defined in CSS Columns section below */

/* ── Left: columns area ── */
.wcb-mega__cols {
    display: flex;
    flex: 1;
    padding: 1.6rem 1.5rem 1.6rem 1.75rem;
    border-right: 1px solid #f1f3f8;
    gap: 0;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 1rem;
    border-right: 1px solid #f1f3f8;
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

/* Column header */
.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #f0f2f8;
    position: relative;
}

.wcb-mega__col-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 24px;
    height: 2px;
    background: var(--wcb-blue);
    border-radius: 2px;
}

.wcb-mega__col-icon {
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

.wcb-mega__col-title {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #334155;
    margin: 0;
}

/* Links */
.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-mega__links li a {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.38rem 0.5rem;
    font-size: 0.84rem;
    font-weight: 500;
    color: #475569;
    text-decoration: none;
    border-radius: 7px;
    transition: background 0.14s, color 0.14s, padding-left 0.14s;
    position: relative;
    overflow: hidden;
}

.wcb-mega__links li a::before {
    content: '›';
    position: absolute;
    left: 0.5rem;
    font-size: 1rem;
    color: var(--wcb-blue);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.14s, transform 0.14s;
}

.wcb-mega__links li a:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
    padding-left: 1.4rem;
    font-weight: 600;
}

.wcb-mega__links li a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* ── Right: side panel ── */
.wcb-mega__side {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.6rem 1.5rem 1.6rem 1.4rem;
    background: #f8faff;
}

/* Bestsellers */
.wcb-mega__side-label {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    margin: 0 0 0.6rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    counter-reset: bestseller;
}

.wcb-mega__best-list li {
    counter-increment: bestseller;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.4rem 0.5rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    border-radius: 7px;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__best-list li a::before {
    content: counter(bestseller);
    min-width: 20px;
    height: 20px;
    background: #e0e7ff;
    color: var(--wcb-blue);
    font-size: 0.68rem;
    font-weight: 800;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__best-list li:first-child a::before {
    background: #fbbf24;
    color: #78350f;
}

.wcb-mega__best-list li a:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    background: var(--wcb-blue);
    color: #fff;
}

/* ── Promo banner ── */
.wcb-mega__banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    position: relative;
}

.wcb-mega__banner::before {
    content: '✦';
    position: absolute;
    right: -8px;
    bottom: -12px;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.04);
    pointer-events: none;
    line-height: 1;
}

.wcb-mega__banner-body {
    padding: 1.1rem;
    position: relative;
    z-index: 1;
}

.wcb-mega__banner-tag {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #93c5fd;
    margin: 0 0 0.3rem;
}

.wcb-mega__banner-title {
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.35rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.wcb-mega__banner-text {
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.85rem;
    line-height: 1.45;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 1rem;
    background: #fff;
    color: #1e40af;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 999px;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.wcb-mega__banner-btn:hover {
    background: #eff6ff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4);
}

/* ── Footer ── */
.wcb-mega__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f1f3f8;
    padding: 0.7rem 1.75rem;
    background: #fafbfe;
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s, color 0.15s;
}

.wcb-mega__footer-link:hover {
    gap: 0.75rem;
    color: #1a56db;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ============================================================
   MEGA MENU — CSS Columns com hierarquia pai → filhos
   Estrutura HTML: .wcb-mega__simple > li > a.wcb-mega__link
   Grupos:    li.menu-item-has-children > a.--has-sub + ul.wcb-mega__sub
   Standalone: li > a.wcb-mega__link (sem filhos)
   ============================================================ */

/* Wrapper interno — centralizado no container do site */
.wcb-mega__inner {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding-left: var(--wcb-space-lg);
    padding-right: var(--wcb-space-lg);
}

/* ── Header row injetado via JS ── */
.wcb-mega__header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem 0.6rem;
}

.wcb-mega__title {
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wcb-mega__count {
    font-size: 0.72rem;
    font-weight: 500;
    color: #94a3b8;
}

.wcb-mega__view-all-top {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.wcb-mega__view-all-top:hover {
    text-decoration: underline;
}

/* ── CTA "Ver Todos" por coluna ── */
.wcb-mega__ver-todos {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wcb-blue);
    text-decoration: none;
    margin-top: 0.35rem;
    padding: 0.25rem 0.5rem 0.25rem 0.85rem;
    border-radius: 5px;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__ver-todos:hover {
    background: #eef3ff;
}

.wcb-mega__ver-todos::after {
    content: '\2192';
    font-size: 0.8rem;
}

/* ── Drill-down: Back button ── */
.wcb-mega__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem 0.35rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wcb-blue);
    background: var(--wcb-blue-bg, #eef3ff);
    border: 1px solid rgba(21, 93, 253, 0.15);
    border-radius: var(--wcb-radius-full, 9999px);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
    line-height: 1;
    margin-right: 0.75rem;
}

.wcb-mega__back:hover {
    background: var(--wcb-blue);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21, 93, 253, 0.2);
}

.wcb-mega__back:hover svg {
    stroke: #fff;
}

.wcb-mega__back svg {
    flex-shrink: 0;
    transition: stroke 0.15s;
}

/* ── Drill-down: Animated column transitions ── */
.wcb-mega__simple>li {
    transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.3s ease;
}

.wcb-mega__simple>li.wcb-mega__col--hidden {
    opacity: 0;
    transform: translateY(-8px);
    max-height: 0;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

/* ── Drill-down: Expanded column ── */
.wcb-mega__col--drilled {
    width: 100% !important;
    padding: 0 !important;
}

/* When drilled, the sub-list becomes a grid */
.wcb-mega__col--drilled>.wcb-mega__sub {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.25rem 1.5rem;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0.5rem;
}

/* Hide the heading link bar in drilled mode (already shown in header) */
.wcb-mega__col--drilled>.wcb-mega__link--has-sub {
    display: none;
}

/* ── Drill-down: Header transition ── */
.wcb-mega--drilled .wcb-mega__header {
    border-bottom: 1px solid #eef0f7;
    padding-bottom: 0.75rem;
    margin-bottom: 0.25rem;
}

/* ── Drill-down: Simple list becomes single column layout ── */
.wcb-mega--drilled .wcb-mega__simple {
    columns: 1 !important;
    column-rule: none;
}

/* ── Lista raiz: CSS Columns (auto-balance) ── */
.wcb-mega__simple {
    columns: 3 220px;
    column-gap: 0;
    column-rule: 1px solid #eef0f7;
    list-style: none;
    margin: 0;
    padding: 1.5rem 1.75rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
}

/* Cada li = um bloco que nunca quebra entre colunas */
.wcb-mega__simple>li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding: 0 1.25rem;
    margin-bottom: 0.5rem;
}

.wcb-mega__simple>li:last-child {
    margin-bottom: 0;
}

/* ── Categoria pai com filhos */
.wcb-mega__link--has-sub {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0f172a;
    text-decoration: none;
    padding: 0.3rem 0.5rem 0.4rem 0.85rem;
    margin-bottom: 0.3rem;
    border-radius: 6px;
    position: relative;
    transition: color 0.15s, background 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.wcb-mega__link--has-sub::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: var(--wcb-blue);
    border-radius: 2px;
    transition: height 0.18s ease;
}

.wcb-mega__link--has-sub:hover {
    color: var(--wcb-blue);
    background: #f0f4ff;
}

.wcb-mega__link--has-sub:hover::before {
    height: 18px;
}

/* ── Categoria standalone (sem filhos) — tile clicável */
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem 0.5rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #e8edf5;
    background: #f8faff;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
    content: '›';
    font-size: 1.1rem;
    color: #94a3b8;
    line-height: 1;
    transition: transform 0.15s, color 0.15s;
    flex-shrink: 0;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
    background: #eef3ff;
    border-color: var(--wcb-blue);
    color: var(--wcb-blue);
    box-shadow: 0 2px 8px rgba(21, 93, 253, 0.1);
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover::after {
    transform: translateX(3px);
    color: var(--wcb-blue);
}

/* ── Sublista de filhos */
.wcb-mega__sub {
    list-style: none;
    margin: 0 0 0 0.6rem;
    padding: 0 0 0.2rem 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-left: 2px solid #e8edf5;
}

.wcb-mega__sub>li>a,
.wcb-mega__sub>li>.wcb-mega__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.32rem 0.5rem;
    font-size: 0.81rem;
    font-weight: 500;
    color: #64748b;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.12s, color 0.12s, padding-left 0.12s;
    position: relative;
}

.wcb-mega__sub>li>a::before,
.wcb-mega__sub>li>.wcb-mega__link::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
    transition: background 0.12s, transform 0.12s;
}

.wcb-mega__sub>li>a:hover,
.wcb-mega__sub>li>.wcb-mega__link:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
    padding-left: 0.75rem;
    font-weight: 600;
}

.wcb-mega__sub>li>a:hover::before,
.wcb-mega__sub>li>.wcb-mega__link:hover::before {
    background: var(--wcb-blue);
    transform: scale(1.25);
}

/* ── Footer */
.wcb-mega__simple-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f1f3f8;
    padding: 0.6rem 1.75rem;
    background: #fafbfe;
}


/* ── Mobile ── */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
    }

    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        width: 100%;
        box-shadow: none;
        border: none;
        border-top: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding: 1rem;
        gap: 0.5rem;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__side {
        width: 100%;
        padding: 1rem;
        background: #f8faff;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}



.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.wcb-mega__inner {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding-left: var(--wcb-space-lg);
    padding-right: var(--wcb-space-lg);
    box-sizing: border-box;
}

/* Columns */
.wcb-mega__cols {
    display: flex;
    flex: 1;
    border-right: 1px solid var(--wcb-gray-100);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 0.9rem;
    border-right: 1px solid var(--wcb-gray-50);
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .65rem;
    padding-bottom: .5rem;
    border-bottom: 1.5px solid var(--wcb-gray-100);
}

.wcb-mega__col-icon {
    font-size: 1.1rem;
}

.wcb-mega__col-title {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wcb-gray-500);
    margin: 0;
}

.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wcb-mega__links li a {
    display: block;
    padding: .34rem .45rem;
    font-size: .83rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background .12s, color .12s, padding-left .12s;
}

.wcb-mega__links li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    padding-left: .7rem;
}

/* Side panel */
.wcb-mega__side {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.wcb-mega__side-label {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wcb-gray-500);
    margin: 0 0 .5rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .3rem .45rem;
    font-size: .82rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background .12s, color .12s;
}

.wcb-mega__best-list li a::before {
    content: '→';
    font-size: .75rem;
    color: var(--wcb-gray-400);
    flex-shrink: 0;
    transition: color .12s;
}

.wcb-mega__best-list li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    color: var(--wcb-blue);
}

/* Promo banner */
.wcb-mega__banner {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    flex: 1;
}

.wcb-mega__banner-body {
    padding: 1rem;
}

.wcb-mega__banner-tag {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .7);
    margin: 0 0 .35rem;
}

.wcb-mega__banner-title {
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 .35rem;
    line-height: 1.25;
}

.wcb-mega__banner-text {
    font-size: .75rem;
    color: rgba(255, 255, 255, .78);
    margin: 0 0 .8rem;
    line-height: 1.4;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .42rem .9rem;
    background: #fff;
    color: var(--wcb-blue);
    font-size: .75rem;
    font-weight: 700;
    border-radius: 20px;
    text-decoration: none;
    transition: background .15s, transform .15s;
}

.wcb-mega__banner-btn:hover {
    background: #e0e7ff;
    transform: translateX(2px);
}

/* Footer */
.wcb-mega__footer {
    border-top: 1px solid var(--wcb-gray-100);
    padding: .65rem 1.75rem;
    background: var(--wcb-gray-50);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap .15s;
}

.wcb-mega__footer-link:hover {
    gap: .65rem;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
}

/* ── Mobile ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
    }

    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        box-shadow: none;
        border: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
        padding: .75rem 1rem;
        gap: .5rem;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__side {
        width: 100%;
        flex-direction: row;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}


/* ── Nav bar ──────────────────────────────────────────────────── */
.wcb-nav {
    background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 100%);
    border-bottom: none;
    position: relative;
    z-index: 900;
    overflow: visible;
    box-shadow: none;
}

.wcb-nav__inner {
    display: flex;
    align-items: center;
    min-height: 48px;
}

.wcb-nav__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.wcb-nav__item {
    position: static;
    /* mega menu se posiciona relativo ao .wcb-nav */
    display: flex;
    align-items: center;
}

.wcb-nav__link {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 1.1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    min-height: 46px;
    line-height: 1;
}

.wcb-nav__link:hover {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.08);
}

.wcb-nav__icon {
    font-size: 1rem;
    line-height: 1;
}

.wcb-nav__chevron {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    margin-left: 0.1rem;
}

/* Rotate chevron when open */
.wcb-nav__item--mega:hover .wcb-nav__chevron,
.wcb-nav__item--mega.is-open .wcb-nav__chevron {
    transform: rotate(180deg);
}

/* Ofertas — accent colour */
.wcb-nav__link--ofertas {
    color: #fbbf24;
    font-weight: 700;
}

.wcb-nav__link--ofertas:hover {
    color: #fde68a;
    border-bottom-color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
}

/* ── Mega dropdown ────────────────────────────────────────────── */
.wcb-mega {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 860px;
    background: #fff;
    border: 1px solid var(--wcb-gray-100);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10), 0 4px 16px rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(8px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
    pointer-events: none;
    z-index: 9000;
}

/* Keep the link area in the hover chain */
.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

.wcb-mega__inner {
    display: flex;
    gap: 0;
    padding: 1.5rem 1.75rem;
}

/* ── Columns section ──────────────────────────────────────────── */
.wcb-mega__cols {
    display: flex;
    gap: 0;
    flex: 1;
    border-right: 1px solid var(--wcb-gray-100);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 0.9rem;
    border-right: 1px solid var(--wcb-gray-50);
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 1.5px solid var(--wcb-gray-100);
}

.wcb-mega__col-icon {
    font-size: 1.1rem;
}

.wcb-mega__col-title {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--wcb-gray-500);
    margin: 0;
}

.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wcb-mega__links li a {
    display: block;
    padding: 0.34rem 0.45rem;
    font-size: 0.83rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__links li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    padding-left: 0.7rem;
}

/* ── Right side panel ─────────────────────────────────────────── */
.wcb-mega__side {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

/* Mais Vendidos */
.wcb-mega__side-label {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--wcb-gray-500);
    margin: 0 0 0.5rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.45rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__best-list li a::before {
    content: '→';
    font-size: 0.75rem;
    color: var(--wcb-gray-400);
    flex-shrink: 0;
    transition: color 0.12s;
}

.wcb-mega__best-list li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    color: var(--wcb-blue);
}

/* Promo Banner */
.wcb-mega__banner {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    flex: 1;
}

.wcb-mega__banner-body {
    padding: 1rem;
}

.wcb-mega__banner-tag {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.35rem;
}

.wcb-mega__banner-title {
    font-size: 0.9rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.35rem;
    line-height: 1.25;
}

.wcb-mega__banner-text {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.78);
    margin: 0 0 0.8rem;
    line-height: 1.4;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.42rem 0.9rem;
    background: #fff;
    color: var(--wcb-blue);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s;
}

.wcb-mega__banner-btn:hover {
    background: #e0e7ff;
    transform: translateX(2px);
}

/* ── Mega footer ──────────────────────────────────────────────── */
.wcb-mega__footer {
    border-top: 1px solid var(--wcb-gray-100);
    padding: 0.65rem 1.75rem;
    background: var(--wcb-gray-50);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s;
}

.wcb-mega__footer-link:hover {
    gap: 0.65rem;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
}

/* ================================================================
   MOBILE — Accordion
   ================================================================ */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
        /* hidden — mobile uses the slide-in menu */
    }

    /* Mobile accordion items for Acessórios */
    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        box-shadow: none;
        border: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
        padding: 0;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
        padding: 0.75rem 1rem;
        gap: 0.5rem;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        gap: 0.25rem;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__col-header {
        cursor: pointer;
    }

    .wcb-mega__side {
        width: 100%;
        flex-direction: row;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}


/* ============================================================
   PRODUCT REVIEWS — Premium Inspired Design
   ============================================================ */

/* Outer wrapper */
.wcb-reviews {
    padding: 0 0 3rem;
}

/* ── Hero score panel ── */
.wcb-reviews__hero {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    border-radius: 16px;
    padding: 2.5rem 3rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.wcb-reviews__hero::before {
    content: '★';
    position: absolute;
    right: -20px;
    top: -30px;
    font-size: 200px;
    color: rgba(255, 255, 255, 0.03);
    line-height: 1;
    pointer-events: none;
}

/* Big score number */
.wcb-reviews__score-block {
    text-align: center;
    flex-shrink: 0;
}

.wcb-reviews__score-num {
    font-size: 5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.04em;
}

.wcb-reviews__stars-big {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin: 10px 0 6px;
}

.wcb-reviews__total {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

/* Star distribution bars */
.wcb-reviews__bars {
    flex: 1;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wcb-reviews__bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wcb-reviews__bar-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    width: 28px;
    flex-shrink: 0;
    text-align: right;
}

.wcb-reviews__bar-track {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    overflow: hidden;
}

.wcb-reviews__bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    border-radius: 999px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.wcb-reviews__bar-pct {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.4);
    width: 30px;
}

/* CTA in hero */
.wcb-reviews__hero-cta {
    flex-shrink: 0;
    text-align: center;
}

.wcb-reviews__hero-msg {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.88rem;
    margin: 0 0 14px;
    line-height: 1.5;
}

.wcb-reviews__toggle-btn {
    background: #1c64f2;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    letter-spacing: 0.01em;
}

.wcb-reviews__toggle-btn:hover {
    background: #1a56db;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(28, 100, 242, 0.4);
}

/* ── Reviews list title ── */
.wcb-reviews__list-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e5e7eb;
    letter-spacing: -0.01em;
}

/* ── Individual review cards (WooCommerce overrides) ── */
.wcb-reviews__list .commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wcb-reviews__list .commentlist .comment,
.wcb-reviews__list .commentlist .review {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.2s, transform 0.2s;
}

.wcb-reviews__list .commentlist .comment:hover,
.wcb-reviews__list .commentlist .review:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.09);
    transform: translateY(-2px);
}

/* Avatar area */
.wcb-reviews__list .comment-text {
    margin: 0;
}

.wcb-reviews__list .woocommerce-review__author {
    font-weight: 700;
    color: #0f172a;
    font-size: 0.95rem;
}

.wcb-reviews__list .woocommerce-review__dash,
.wcb-reviews__list .woocommerce-review__published-date {
    color: #9ca3af;
    font-size: 0.78rem;
}

.wcb-reviews__list .star-rating {
    color: #f59e0b;
    margin: 8px 0;
}

.wcb-reviews__list .description p {
    color: #374151;
    font-size: 0.92rem;
    line-height: 1.65;
    margin: 0.5rem 0 0;
}

/* Verified badge */
.wcb-reviews__list .woocommerce-review__verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #059669;
    background: #d1fae5;
    padding: 2px 10px;
    border-radius: 999px;
    margin-top: 8px;
}

/* ── Empty state ── */
.wcb-reviews__empty {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border: 2px dashed #e2e8f0;
    border-radius: 16px;
    margin-bottom: 2rem;
}

.wcb-reviews__empty-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    line-height: 1;
}

.wcb-reviews__empty h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px;
}

.wcb-reviews__empty p {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0;
}

/* ── Review Form wrapper (hidden by default, toggle via JS) ── */
.wcb-reviews__form-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.07);
    margin-top: 2.5rem;
    display: none;
    /* toggled by JS */
}

.wcb-reviews__form-wrap.open {
    display: block;
    animation: reviewFormIn 0.3s ease;
}

@keyframes reviewFormIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wcb-reviews__form-header {
    margin-bottom: 1.5rem;
}

.wcb-reviews__form-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

/* Input fields */
.wcb-reviews__form-wrap #commentform input[type="text"],
.wcb-reviews__form-wrap #commentform input[type="email"],
.wcb-reviews__form-wrap #commentform textarea {
    width: 100%;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 0.9rem;
    color: #1e293b;
    background: #f8fafc;
    transition: border-color 0.18s, box-shadow 0.18s;
    outline: none;
    resize: vertical;
    margin-bottom: 1rem;
    box-sizing: border-box;
    font-family: inherit;
}

.wcb-reviews__form-wrap #commentform input:focus,
.wcb-reviews__form-wrap #commentform textarea:focus {
    border-color: #1c64f2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(28, 100, 242, 0.1);
}

.wcb-reviews__form-wrap #commentform label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 5px;
    letter-spacing: 0.02em;
}

/* Star rating selector */
.wcb-reviews__form-wrap .stars {
    display: flex;
    gap: 6px;
    margin-bottom: 1.25rem;
}

.wcb-reviews__form-wrap .stars a {
    font-size: 1.6rem;
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.15s, transform 0.1s;
    line-height: 1;
}

.wcb-reviews__form-wrap .stars a:hover,
.wcb-reviews__form-wrap .stars a.active,
.wcb-reviews__form-wrap .stars:hover a {
    color: #f59e0b;
    transform: scale(1.15);
}

.wcb-reviews__form-wrap .stars a:hover~a {
    color: #cbd5e1;
    transform: none;
}

/* Comment field */
.wcb-reviews__form-wrap #comment {
    min-height: 130px;
}

/* Submit area */
.wcb-reviews__form-submit {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Submit button */
.wcb-reviews__submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f172a;
    color: #fff;
    padding: 13px 32px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    letter-spacing: 0.01em;
}

.wcb-reviews__submit:hover {
    background: #1c64f2;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(28, 100, 242, 0.3);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .wcb-reviews__hero {
        padding: 1.5rem;
        gap: 1.5rem;
    }

    .wcb-reviews__score-num {
        font-size: 3.5rem;
    }

    .wcb-reviews__form-wrap {
        padding: 1.5rem;
    }

    .wcb-reviews__bar-row {
        gap: 6px;
    }
}


/* ============================================================
   PROMO BANNER CARDS
   ============================================================ */
.wcb-promo-banners {
    padding: 0 0 2.5rem;
}

.wcb-promo-banners__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* ── Card container ───────────────────────────── */
.wcb-promo-banner-card {
    position: relative;
    display: block;
    min-height: 360px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #0f172a;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

/* Moldura interior (igual .wcb-vendidos-banner-card::after) */
.wcb-promo-banner-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 4;
    pointer-events: none;
}

/* Foto de fundo + zoom no hover (igual .wcb-vendidos-banner-card__img) */
.wcb-promo-banner-card__img {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
    pointer-events: none;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__img {
    transform: scale(1.1) !important;
    filter: brightness(1.05) !important;
}

.wcb-promo-banner-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

@media (prefers-reduced-motion: reduce) {
    .wcb-promo-banner-card {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .wcb-promo-banner-card:hover {
        transform: none;
    }
}

/* ── Glow radial por card ─────────────────────── */
.wcb-promo-banner-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .15;
    transition: opacity .3s;
    z-index: 1;
}

.wcb-promo-banner-card:hover::before {
    opacity: .25;
}

.wcb-promo-banner-card:nth-child(1)::before {
    background: radial-gradient(circle at 70% 30%,
            rgba(26, 86, 219, 1),
            transparent 60%);
}

.wcb-promo-banner-card:nth-child(2)::before {
    background: radial-gradient(circle at 30% 30%,
            rgba(5, 150, 105, 1),
            transparent 60%);
}

/* ── Overlay escuro ───────────────────────────── */
.wcb-promo-banner-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(7, 12, 26, .9),
            rgba(7, 12, 26, .55),
            rgba(7, 12, 26, .2));
    z-index: 2;
    pointer-events: none;
}

/* ── Body: conteúdo no rodapé ─────────────────── */
.wcb-promo-banner-card__body {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    z-index: 3;
}

/* ── Badge pill ────────────────────────────────── */
.wcb-promo-banner-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    margin-bottom: 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    width: fit-content;
}

/* ── Título ────────────────────────────────────── */
.wcb-promo-banner-card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 4px;
    letter-spacing: -0.01em;
}

/* ── Subtítulo ─────────────────────────────────── */
.wcb-promo-banner-card__sub {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .5);
    margin: 0;
}

/* ── CTA (igual .wcb-vendidos-banner-card__btn) ── */
.wcb-promo-banner-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    margin-top: 16px;
    transition: background 0.18s ease;
    width: fit-content;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__cta {
    background: #f3f4f6;
}

.wcb-promo-banner-card__cta svg {
    flex-shrink: 0;
    color: #111827;
    stroke: currentColor;
    transition: transform 0.2s ease;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__cta svg {
    transform: translateX(2px);
}



/* ── Desktop: padding maior ────────────────────── */
@media (min-width: 769px) {
    .wcb-promo-banner-card__body {
        padding: 32px;
    }
}

/* ── Mobile ─────────────────────────────────────── */
@media (max-width: 768px) {
    .wcb-promo-banners__grid {
        grid-template-columns: 1fr;
    }

    .wcb-promo-banner-card {
        min-height: 260px;
    }

    .wcb-promo-banner-card__body {
        padding: 24px;
    }

    /* CTA sempre visível no mobile */
    .wcb-promo-banner-card:nth-child(1) .wcb-promo-banner-card__cta {
        display: inline-flex;
    }
}



















/* ── Responsive ── */



/* ============================================================
   TRUST BAR
   ============================================================ */
.wcb-trust {
    padding: 1rem 0;
    border-bottom: 1px solid #f0f2f8;
    background: #fff;
}

.wcb-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.wcb-trust__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border-right: 1px solid #f1f3f8;
    transition: background 0.18s;
    border-radius: 10px;
}

.wcb-trust__item:last-child {
    border-right: none;
}

.wcb-trust__item:hover {
    background: #f8faff;
}

.wcb-trust__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #eef3ff;
    color: var(--wcb-blue);
    flex-shrink: 0;
    transition: background 0.18s, transform 0.18s;
}

.wcb-trust__item:hover .wcb-trust__icon {
    background: var(--wcb-blue);
    color: #fff;
    transform: scale(1.06);
}

.wcb-trust__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-trust__text strong {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.wcb-trust__text span {
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .wcb-trust__grid {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .wcb-trust__item {
        flex: 1 1 calc(50% - 0.5rem);
        border-right: none;
        border: 1px solid #f1f3f8;
    }
}


/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.wcb-announce {
    position: relative;
    background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 50%, #2563eb 100%);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 500;
    text-align: center;
    padding: 9px 48px;
    overflow: hidden;
    z-index: 9999;
}

.wcb-announce__track {
    position: relative;
    height: 1.2em;
    overflow: hidden;
}

.wcb-announce__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
}

.wcb-announce__slide.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.wcb-announce__slide span {
    margin-right: 6px;
}

.wcb-announce__slide a {
    color: #93c5fd;
    text-decoration: underline;
}

.wcb-announce__slide a:hover {
    color: #bfdbfe;
}

.wcb-announce__close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    line-height: 1;
}

.wcb-announce__close:hover {
    background: rgba(255, 255, 255, 0.28);
}

/* ============================================================
   PREMIUM SECTION HEADERS
   ============================================================ */
.wcb-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f1f3f8;
    position: relative;
}

.wcb-section__header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #1d4ed8, #60a5fa);
    border-radius: 2px;
}

.wcb-section__title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.wcb-section__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--wcb-blue);
    background: transparent;
    border: 1.5px solid color-mix(in srgb, var(--wcb-blue) 45%, transparent);
    padding: 0.5rem 1.25rem;
    border-radius: var(--wcb-radius-full);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        gap 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.2s ease;
}

.wcb-section__link:hover {
    background: var(--wcb-blue-hover);
    color: var(--wcb-white);
    border-color: var(--wcb-blue-hover);
    gap: 0.7rem;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--wcb-blue) 35%, transparent);
    transform: translateY(-2px);
}

/* ============================================================
   SCROLL FADE-IN ANIMATIONS
   ============================================================ */
.wcb-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.wcb-section.wcb-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger child cards */
.wcb-section.wcb-visible .wcb-product-card {
    animation: wcbCardIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(1) {
    animation-delay: 0.05s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(2) {
    animation-delay: 0.10s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(3) {
    animation-delay: 0.15s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(4) {
    animation-delay: 0.20s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(5) {
    animation-delay: 0.25s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(n+6) {
    animation-delay: 0.30s;
}

@keyframes wcbCardIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================
   ENHANCED PRODUCT CARD HOVER
   ============================================================ */
.wcb-product-card {
    transition: transform 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wcb-product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1),
        0 2px 8px rgba(15, 23, 42, 0.05);
}

/* ============================================================
   PROMO BANNERS FADE-IN
   ============================================================ */
.wcb-promo-banners {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.wcb-promo-banners.wcb-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {

    .wcb-section,
    .wcb-promo-banners {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .wcb-section.wcb-visible .wcb-product-card {
        animation: none;
    }
}

/* ============================================================
   PREMIUM TESTIMONIALS — Senior UX/UI Design v2
   ============================================================ */

.wcb-testimonials {
    background: #f0f4ff;
    padding: 5rem 0 4rem;
    overflow: hidden;
}

.wcb-testimonials__header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.wcb-testimonials__stars-row {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-bottom: 0.85rem;
}

.wcb-testimonials__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1.5px solid #bfdbfe;
    border-radius: 999px;
    padding: 0.4rem 1.15rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #1d4ed8;
    text-transform: uppercase;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.wcb-testimonials__badge-dot {
    width: 7px;
    height: 7px;
    background: #2563eb;
    border-radius: 50%;
    display: inline-block;
    animation: wcb-pulse 2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(37, 99, 235, 0.5);
}

@keyframes wcb-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 6px rgba(37, 99, 235, 0.5);
    }

    50% {
        opacity: 0.6;
        transform: scale(0.85);
        box-shadow: 0 0 2px rgba(37, 99, 235, 0.2);
    }
}

.wcb-testimonials__title {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.03em;
    margin-bottom: 0.6rem;
}

.wcb-testimonials__subtitle {
    font-size: 0.95rem;
    color: #64748b;
    max-width: 460px;
    margin: 0 auto;
    line-height: 1.65;
}

.wcb-testimonials__subtitle strong {
    color: #1e293b;
    font-weight: 700;
}

.wcb-testimonials__carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
}

.wcb-testimonials__track-container {
    flex: 1;
    overflow: hidden;
    padding: 2rem 0;
}

.wcb-testimonials__track {
    display: flex;
    gap: 1.5rem;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    align-items: center;
}

.wcb-testimonials__nav {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #475569;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.18s, border-color 0.18s, color 0.18s, box-shadow 0.18s;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.wcb-testimonials__nav:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
}

.wcb-testimonials__nav--prev {
    margin-right: 1rem;
}

.wcb-testimonials__nav--next {
    margin-left: 1rem;
}

.wcb-tcard {
    background: #fff;
    border-radius: 20px;
    padding: 2rem 1.75rem 1.5rem;
    flex-shrink: 0;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
    border: 1px solid #e8edf5;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s, opacity 0.5s, border-color 0.5s;
    opacity: 0.55;
    transform: scale(0.92);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-sizing: border-box;
}

.wcb-tcard.wcb-tcard--active {
    background: linear-gradient(135deg, #f8faff, #ffffff);
    border-color: #2563eb;
    border-width: 2px;
    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.08),
        0 20px 50px rgba(15, 23, 42, 0.12);
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.wcb-tcard--active .wcb-tcard__text {
    color: #1e293b;
}

.wcb-tcard--active .wcb-tcard__quote {
    color: #c7d2fe;
}

.wcb-tcard--active .wcb-tcard__info strong {
    color: #0f172a;
}

.wcb-tcard--active .wcb-tcard__info span {
    color: #64748b;
}

.wcb-tcard--active .wcb-tcard__badge {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1d4ed8;
    border-color: #93c5fd;
}

.wcb-tcard__quote {
    font-size: 5rem;
    line-height: 0.65;
    font-family: Georgia, serif;
    color: #bfdbfe;
    font-weight: 700;
    display: block;
}

.wcb-tcard__stars {
    display: flex;
    gap: 2px;
}

.wcb-tcard__text {
    font-size: 0.93rem;
    color: #334155;
    line-height: 1.72;
    flex: 1;
    font-style: italic;
}

.wcb-tcard__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.wcb-tcard__user {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.wcb-tcard__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}

.wcb-tcard__avatar--blue {
    background: linear-gradient(135deg, #2563eb, #60a5fa);
}

.wcb-tcard__avatar--pink {
    background: linear-gradient(135deg, #ec4899, #f472b6);
}

.wcb-tcard__avatar--green {
    background: linear-gradient(135deg, #059669, #34d399);
}

.wcb-tcard__avatar--purple {
    background: linear-gradient(135deg, #7c3aed, #a78bfa);
}

.wcb-tcard__avatar--orange {
    background: linear-gradient(135deg, #ea580c, #fb923c);
}

.wcb-tcard__avatar--teal {
    background: linear-gradient(135deg, #0891b2, #22d3ee);
}

.wcb-tcard__info strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.wcb-tcard__info span {
    font-size: 0.75rem;
    color: #94a3b8;
}

.wcb-tcard__badge {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.wcb-testimonials__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2rem;
}

.wcb-testimonials__dots {
    display: flex;
    gap: 6px;
}

.wcb-testimonials__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
    border: none;
    cursor: pointer;
    transition: background 0.2s, width 0.25s;
    padding: 0;
}

.wcb-testimonials__dot.active {
    background: #2563eb;
    width: 22px;
    border-radius: 999px;
}

.wcb-testimonials__counter {
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
}

@media (max-width: 768px) {
    .wcb-tcard {
        min-width: 260px;
        max-width: 280px;
        padding: 1.5rem 1.25rem 1.25rem;
    }

    .wcb-testimonials__nav {
        width: 36px;
        height: 36px;
    }

    .wcb-testimonials__nav--prev {
        margin-right: 0.5rem;
    }

    .wcb-testimonials__nav--next {
        margin-left: 0.5rem;
    }
}

/* ============================================================
   MEGA MENU — Redesign Premium UX/UI
   ✔ Viewport-safe: nunca sai da tela (right:0 para últimos itens)
   ✔ Hierarquia correta: CATEGORIA PAI em cima, filhos abaixo
   ✔ Flex layout por coluna (sem CSS columns que quebra grupos)
   ✔ Hover delay + animacao suave + area de tolerancia
   ✔ Escaneabilidade maxima
   ============================================================ */

/* ── Posicionador pai (mobile / base) ── */
.wcb-nav__item--mega {
    position: relative;
}

/* ── Container do dropdown (mobile / base) ── */
.wcb-nav__item--mega>.wcb-mega {
    position: absolute;
    top: 100%;
    left: 0;
    width: min(var(--wcb-container, 1440px), calc(100vw - 32px));
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid var(--wcb-blue);
    border-radius: 0 0 12px 12px;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.12),
        0 4px 16px rgba(15, 23, 42, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition:
        opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        visibility 0s linear 0.3s;
    pointer-events: none;
    z-index: 9000;
    overflow: hidden;
    margin-top: 0;
}

/* Abertura (mobile / base) */
.wcb-nav__item--mega:hover>.wcb-mega,
.wcb-nav__item--mega.is-open>.wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition:
        opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        visibility 0s linear 0s;
}

/* ── VIEWPORT SAFETY (mobile): últimos 4 itens alinham à direita ── */
.wcb-nav__list>.wcb-nav__item--mega:nth-last-child(-n+4)>.wcb-mega {
    left: auto;
    right: 0;
}

/* ── Inner wrapper ── */
.wcb-mega__inner {
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* ============================================================
   .wcb-mega__simple — LISTA HIERÁRQUICA GERADA PELO nav-walker.php
   Estrutura: ul.wcb-mega__simple > li > a (pai) + ul.wcb-mega__sub > li > a (filhos)
   SOLUÇÃO: flex-row onde cada LI é UMA COLUNA contendo pai + filhos verticalmente
   ============================================================ */

/* Lista raiz: FLEX ROW de colunas */
.wcb-mega__simple {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    /* colunas esticam para a mesma altura */
    align-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 1.4rem 0.75rem 0.75rem;
    width: 100%;
    box-sizing: border-box;
    gap: 0;
}

/* Cada LI = uma COLUNA: pai em cima, filhos abaixo — SEMPRE */
.wcb-mega__simple>li {
    flex: 1 1 170px;
    /* min 170px, cresce igualmente */
    max-width: 250px;
    /* expandido levemente para respiro */
    min-width: 0;
    display: flex;
    flex-direction: column;
    /* pai em cima → filhos abaixo */
    align-items: stretch;
    justify-content: space-between;
    /* empurra ver-todos para o fundo */
    padding: 0 1.25rem;
    border-right: none;
    /* REMOVIDO: visual clean e moderno sem grids rígidos */
    margin-bottom: 0.5rem;
}

.wcb-mega__simple>li:first-child {
    padding-left: 0.5rem;
}

.wcb-mega__simple>li:last-child {
    border-right: none;
}

/* ── CATEGORIA PAI com filhos — cabeçalho de seção ── */
.wcb-mega__link--has-sub,
.wcb-mega__simple>li.menu-item-has-children>a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #334155;
    /* Cor moderna e profunda */
    text-decoration: none;
    padding: 0 0 0.4rem 0;
    /* Sem padding lateral, padding inferior para base visual */
    margin-bottom: 0.85rem;
    /* Respiro para os filhos */
    border-bottom: 1px solid #f1f5f9;
    /* Traço separador base, clássico de app sênior */
    border-radius: 0;
    position: relative;
    transition: color 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
}

/* Remover pseudo-elementos antigos laterais (estavam poluindo o visual) */
.wcb-mega__link--has-sub::before,
.wcb-mega__simple>li.menu-item-has-children>a::before {
    display: none;
}

/* Hover moderno do Grupo */
.wcb-mega__link--has-sub:hover,
.wcb-mega__simple>li.menu-item-has-children>a:hover {
    color: var(--wcb-blue);
    border-bottom-color: var(--wcb-blue);
    background: transparent;
}

/* ── CATEGORIA STANDALONE (sem filhos) — tile clicável moderno ── */
.wcb-mega__simple>li:not(.menu-item-has-children)>a,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.8rem;
    font-size: 0.8125rem;
    /* 13px */
    font-weight: 500;
    color: #334155;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    /* Quase invisível, apenas para delinear */
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    /* Sombra inicial premium */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    /* Curva suave (material/apple) */
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.35;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>a::after,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
    content: '›';
    font-size: 1.25rem;
    color: #cbd5e1;
    transition: transform 0.25s ease, color 0.25s ease;
    flex-shrink: 0;
}

/* Hover Standalone - Efeito "Lift off" (elevação) */
.wcb-mega__simple>li:not(.menu-item-has-children)>a:hover,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
    background: #ffffff;
    border-color: rgba(21, 93, 253, 0.15);
    /* Azul muito sutil na borda */
    color: var(--wcb-blue);
    box-shadow: 0 6px 12px rgba(21, 93, 253, 0.08);
    /* Sombra azulada elegante */
    transform: translateY(-2px);
    /* Elevação física */
}

.wcb-mega__simple>li:not(.menu-item-has-children)>a:hover::after,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover::after {
    transform: translateX(4px);
    color: var(--wcb-blue);
}

/* ── SUBLISTA DE FILHOS — sempre ABAIXO do pai (flex column da li) ── */
.wcb-mega__sub,
.wcb-mega__simple>li>ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0.5rem 0;
    /* Removido o padding-left agressivo e a borda lateral */
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    /* Pequeno respiro entre os links */
    border-left: none;
    /* Clean sem as linhas divisórias "árvore" antigas */
    flex: 1 1 auto !important;
    /* FORÇA crescimento para empurrar botão */
}

.wcb-mega__sub>li>a,
.wcb-mega__simple>li>ul>li>a {
    display: flex;
    align-items: center;
    padding: 0.35rem 0;
    /* Maior área de clique vertical */
    font-size: 0.8125rem;
    /* 13px */
    font-weight: 400;
    /* Leve para contrastar com o título pai pesado */
    color: #64748b;
    text-decoration: none;
    border-radius: 0;
    transition: all 0.2s ease;
    /* Transições suaves */
    white-space: normal;
    line-height: 1.4;
}

/* Hover do Link Filho — Efeito de Deslizamento "Apple-style" sem ::before dots */
.wcb-mega__sub>li>a:hover,
.wcb-mega__simple>li>ul>li>a:hover {
    background: transparent;
    /* Sem fundos pesados e azuis engessados */
    color: var(--wcb-blue);
    /* Muda a cor inteira suavemente */
    transform: translateX(4px);
    /* Puxa o texto sensualmente para a direita */
    font-weight: 500;
    /* Leve engrossada visual para foco */
}

/* ── Footer do mega menu simple ── */
.wcb-mega__simple-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f0f2f8;
    padding: 0.6rem 1.75rem;
    background: #fafbfe;
}

/* ── Botão "Ver todos" — injetado via JS após .wcb-mega__sub ── */
.wcb-mega__ver-todos {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: auto !important;
    /* FORÇA empurrar para o fundo */
    padding: 0.5rem 0 0.1rem 0;
    /* só padding vertical, sem laterais */
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    /* cor neutra por padrão */
    text-decoration: none;
    border: none;
    border-top: 1px solid #f0f2f8;
    /* linha separadora sutil */
    background: transparent;
    transition: color 0.14s, gap 0.14s;
    align-self: auto;
    /* estica para a largura da coluna */
    width: 100%;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
}

.wcb-mega__ver-todos::after {
    content: '→';
    font-size: 0.72rem;
    transition: transform 0.14s;
    display: inline-block;
    opacity: 0.6;
}

.wcb-mega__ver-todos:hover {
    color: var(--wcb-blue);
    gap: 0.55rem;
}

.wcb-mega__ver-todos:hover::after {
    transform: translateX(3px);
    opacity: 1;
}

/* ── Mobile: accordion ── */
@media (max-width: 768px) {
    .wcb-nav__item--mega>.wcb-mega {
        position: static;
        width: 100%;
        transform: none;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, visibility 0s linear 0.3s;
        box-shadow: none;
        border-radius: 0;
        border: none;
        border-top: 2px solid var(--wcb-blue);
    }

    .wcb-nav__item--mega.is-open>.wcb-mega {
        visibility: visible;
        max-height: 600px;
        transition: max-height 0.3s ease, visibility 0s linear 0s;
    }

    .wcb-mega__simple {
        flex-direction: column;
        padding: 0.75rem 1rem;
    }

    .wcb-mega__simple>li {
        max-width: 100%;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #f0f2f8;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
}



/* =========================================================
   PATCH SUBMENU DESKTOP — VISUAL FIGMA ADAPTADO
   Escopo: apenas submenu / mega menu atual do projeto
   ========================================================= */

@media (min-width: 1024px) {

    /* -----------------------------------------
     1. ROOT DO ITEM COM MEGA
     ----------------------------------------- */
    /* -----------------------------------------
     1. DESKTOP: li perde o position para que
        .wcb-mega se posicione relativo ao .wcb-nav
     ----------------------------------------- */
    .wcb-nav__item.wcb-nav__item--mega {
        position: static;
    }

    /* Anular viewport safety no desktop */
    .wcb-nav__list>.wcb-nav__item--mega:nth-last-child(-n+4)>.wcb-mega {
        left: 0;
        right: 0;
    }

    .wcb-nav__item.wcb-nav__item--mega>.wcb-mega {
        /* Full-width dropdown — posicionado relativo ao .wcb-nav */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        margin-left: 0;
        border-radius: 0;
        border: none;
        border-top: 1px solid #f2f4f7;
        border-bottom: 1px solid #eaecf0;
        box-shadow: 0 20px 38px rgba(16, 24, 40, 0.08);
        z-index: 9000;
        overflow: visible;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);

        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease;
    }

    .wcb-nav__item.wcb-nav__item--mega:hover>.wcb-mega,
    .wcb-nav__item.wcb-nav__item--mega:focus-within>.wcb-mega,
    .wcb-nav__item.wcb-nav__item--mega.is-open>.wcb-mega {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* -----------------------------------------
     2. INNER — segue o mesmo grid do .wcb-container
     ----------------------------------------- */
    .wcb-mega__inner {
        max-width: var(--wcb-container);
        margin: 0 auto;
        padding: 24px var(--wcb-space-lg) 26px;
    }

    /* -----------------------------------------
     3. HEADER DO SUBMENU (injetado via JS)
     ----------------------------------------- */
    .wcb-mega__header {
        display: flex;
        align-items: center;
        gap: 8px;
        padding-bottom: 18px;
        margin-bottom: 20px;
        border-bottom: 1px solid #eef2f6;
    }

    .wcb-mega__title {
        margin: 0;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 600;
        letter-spacing: -0.01em;
        color: #101828;
    }

    .wcb-mega__count {
        font-size: 12px;
        line-height: 1.2;
        color: #98a2b3;
        font-weight: 400;
        white-space: nowrap;
    }

    .wcb-mega__view-all-top {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 500;
        color: #1d4ed8;
        white-space: nowrap;
        transition: color 0.15s ease;
    }

    .wcb-mega__view-all-top:hover {
        color: #1e40af;
    }

    .wcb-mega__view-all-top::after {
        content: "\203a";
        font-size: 16px;
        line-height: 1;
        transform: translateY(-1px);
    }

    /* -----------------------------------------
     4. GRID PRINCIPAL DAS COLUNAS
     ----------------------------------------- */
    .wcb-mega__simple {
        list-style: none;
        margin: 0;
        padding: 0;

        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        align-items: stretch;
    }

    .wcb-mega__simple>li {
        position: relative;
        min-width: 0;
        min-height: 120px;

        display: flex;
        flex-direction: column;

        padding: 0 24px 0 0;
        margin-right: 24px;
        border-radius: 6px;

        /* Stagger animation */
        opacity: 0;
        transform: translateY(6px);
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    /* Stagger: colunas aparecem quando mega está visível */
    .wcb-nav__item.wcb-nav__item--mega:hover .wcb-mega__simple>li,
    .wcb-nav__item.wcb-nav__item--mega:focus-within .wcb-mega__simple>li,
    .wcb-nav__item.wcb-nav__item--mega.is-open .wcb-mega__simple>li {
        opacity: 1;
        transform: translateY(0);
    }

    /* Hover sutil na coluna inteira */
    .wcb-mega__simple>li:hover {
        background: rgba(37, 99, 235, 0.02);
    }

    .wcb-mega__simple>li:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #e2e5ea;
    }

    .wcb-mega__simple>li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    /* -----------------------------------------
     5. COLUNAS COM FILHOS
     ----------------------------------------- */
    .wcb-mega__simple>li.menu-item-has-children {
        display: flex;
        flex-direction: column;
    }

    .wcb-mega__link.wcb-mega__link--has-sub {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 14px;
        padding: 0;

        text-decoration: none;
        color: #101828;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;

        transition: color 0.15s ease;
    }

    .wcb-mega__link.wcb-mega__link--has-sub:hover {
        color: #1d4ed8;
    }

    .wcb-mega__sub {
        list-style: none;
        margin: 0;
        padding: 0;

        display: flex;
        flex-direction: column;
        gap: 2px;
        flex: 1;
    }

    .wcb-mega__sub>li {
        margin: 0;
        padding: 0;
    }

    .wcb-mega__sub .wcb-mega__link {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 30px;
        padding: 2px 0;
        position: relative;

        color: #667085;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;

        transition: color 0.15s ease;
    }

    .wcb-mega__sub .wcb-mega__link::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #d0d5dd;
        flex: 0 0 5px;
        transition: transform 0.15s ease, background 0.15s ease;
    }

    .wcb-mega__sub .wcb-mega__link:hover {
        color: #1d4ed8;
    }

    .wcb-mega__sub .wcb-mega__link:hover::before {
        background: #2563eb;
        transform: scale(1.15);
    }

    /* Focus-visible para acessibilidade via teclado */
    .wcb-mega__sub .wcb-mega__link:focus-visible,
    .wcb-mega__link.wcb-mega__link--has-sub:focus-visible,
    .wcb-mega__ver-todos:focus-visible,
    .wcb-mega__view-all-top:focus-visible {
        outline: 2px solid rgba(37, 99, 235, 0.4);
        outline-offset: 2px;
        border-radius: 3px;
    }

    /* -----------------------------------------
     6. CTA "VER TODOS" NO FUNDO
     ----------------------------------------- */
    .wcb-mega__ver-todos {
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding-top: 16px;

        text-decoration: none;
        color: #101828;
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;

        transition: color 0.15s ease;
    }

    .wcb-mega__ver-todos::after {
        content: "\2192";
        font-size: 14px;
        line-height: 1;
        transition: transform 0.18s ease;
    }

    .wcb-mega__ver-todos:hover {
        color: #1d4ed8;
    }

    .wcb-mega__ver-todos:hover::after {
        transform: translateX(2px);
    }

    /* -----------------------------------------
     7. LINKS SOLTOS (SEM FILHOS)
     ----------------------------------------- */
    .wcb-mega__simple>li:not(.menu-item-has-children) {
        justify-content: space-between;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0;
        padding: 0;

        color: #101828;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;

        transition: color 0.15s ease;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
        color: #1d4ed8;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
        content: "\203a";
        margin-left: 8px;
        font-size: 16px;
        line-height: 1;
        transform: translateY(-1px);
    }

    /* -----------------------------------------
     GRID DINAMICO POR QUANTIDADE DE COLUNAS
     ----------------------------------------- */
    .wcb-mega__simple.wcb-mega__simple--cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

/* ============================================================
   UNIFIED CART — Ocultar mini-cart do tema e Modern Cart
   (Xoo Side Cart e o carrinho CARRINHO do header sao os ativos)
   ============================================================ */

/* Ocultar o mini-cart flyout do tema e seu overlay */
.wcb-mini-cart,
.wcb-mini-cart-overlay {
    display: none !important;
}

/* Botão do carrinho visível no header */

/* Ocultar o Modern Cart plugin (slide-out duplicado) */
#moderncart-slide-out,
.moderncart-slide-out,
.moderncart-overlay {
    display: none !important;
}

/* ============================================================
   SHOP PAGE — Toolbar + Layout
   ============================================================ */

/* ── Suprimir elementos duplicados do WooCommerce ──────────── */
.woocommerce-products-header,
.woocommerce-products-header__title {
    display: none !important;
}

.woocommerce-breadcrumb:first-of-type {
    display: none !important;
}

.wcb-shop__filter-wrap li:has(a[href*="sem-categoria"]),
.wcb-shop__filter-wrap a[href*="sem-categoria"] {
    display: none !important;
}

/* ══ Unified Toolbar ═══════════════════════════════════════ */
.wcb-shop__toolbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 90;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.wcb-shop__toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* ── Toolbar Left ────────────────────────────────────────── */
.wcb-shop__toolbar-left {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* Breadcrumb */
.wcb-shop__bc {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #94a3b8;
    line-height: 1;
}

.wcb-shop__bc a {
    color: #94a3b8;
    text-decoration: none;
    transition: color .15s;
    display: inline-flex;
    align-items: center;
}

.wcb-shop__bc a:hover {
    color: #2563eb;
}

.wcb-shop__bc-sep {
    color: #cbd5e1;
    display: inline-flex;
    align-items: center;
}

.wcb-shop__bc-current {
    color: #64748b;
    font-weight: 500;
}

/* Title + Home + Count — single inline row */
.wcb-shop__toolbar-title-group {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Home icon link */
.wcb-shop__home-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    text-decoration: none;
    transition: color .2s, transform .2s;
    padding: 4px;
    border-radius: 6px;
}

.wcb-shop__home-link:hover {
    color: #2563eb;
    transform: scale(1.1);
}

/* Chevron separator between home and title */
.wcb-shop__title-sep {
    display: inline-flex;
    align-items: center;
    color: #cbd5e1;
    margin: 0 2px;
}

.wcb-shop__page-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -.025em;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
}

.wcb-shop__toolbar-count {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    transition: all .2s;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    margin-left: 4px;
}


@keyframes wcbToolbarCountPulse {
    0%   { color: #64748b; }
    50%  { color: #2563eb; transform: scale(1.05); }
    100% { color: #64748b; transform: scale(1); }
}

.wcb-shop__toolbar-count--pulse {
    animation: wcbToolbarCountPulse .5s ease;
    display: inline-block;
}

/* ── Toolbar Right ───────────────────────────────────────── */
.wcb-shop__toolbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* View mode toggle buttons */
.wcb-shop__view-toggles {
    display: flex;
    align-items: center;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 3px;
    border: 1px solid #e2e8f0;
}

.wcb-shop__view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: all .2s ease;
    padding: 0;
}

.wcb-shop__view-btn:hover {
    color: #475569;
    background: rgba(0, 0, 0, 0.06);
}

.wcb-shop__view-btn.is-active {
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
}

/* Toolbar separator */
.wcb-shop__toolbar-sep {
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    flex-shrink: 0;
}

/* Botão Filtros mobile */
.wcb-shop__filter-toggle {
    display: none;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all .15s;
}

.wcb-shop__filter-toggle:hover {
    border-color: #2563eb;
    color: #2563eb;
}

.wcb-shop__filter-toggle.has-filters {
    border-color: rgba(37, 99, 235, .3);
    background: rgba(37, 99, 235, .04);
    color: #2563eb;
}

/* Hide WooCommerce default result count (redundant) */
.woocommerce-result-count {
    display: none !important;
}

/* Sort dropdown */
.wcb-shop__ordering {
    display: flex;
    align-items: center;
}

.wcb-shop__ordering select,
.woocommerce-ordering select {
    appearance: none;
    -webkit-appearance: none;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    height: 40px;
    padding: 0 34px 0 14px;
    line-height: 38px;
    cursor: pointer;
    outline: none;
    transition: border-color .15s, background .15s;
    box-shadow: none;
    font-family: inherit;
}

.wcb-shop__ordering select:hover,
.woocommerce-ordering select:hover {
    border-color: #94a3b8;
    background-color: #fff;
}

.wcb-shop__ordering select:focus,
.woocommerce-ordering select:focus {
    border-color: #2563eb;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

/* ── Container (toolbar + content usam o mesmo) ──────────── */
.wcb-shop__wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem 1.5rem 3rem;
}


/* ── Body: sidebar + main ──────────────────────────────────── */
.wcb-shop__body {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

/* ── Sidebar ───────────────────────────────────────────────── */
.wcb-shop__sidebar {
    width: 260px;
    flex-shrink: 0;
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .12) transparent;

}

/* Card container da sidebar */
.wcb-shop__filter-wrap {
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 6px;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}

.wcb-shop__sidebar::-webkit-scrollbar {
    width: 4px;
}

.wcb-shop__sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.wcb-shop__sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .12);
    border-radius: 4px;
}

.wcb-shop__sidebar-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #f3f4f6;
}

.wcb-shop__sidebar-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.wcb-shop__sidebar-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: background .15s, color .15s;
}

.wcb-shop__sidebar-close:hover {
    background: #f3f4f6;
    color: #111827;
}

/* Overlay mobile */
.wcb-shop__sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 999;
    opacity: 0;
    transition: opacity .25s;
}

.wcb-shop__sidebar-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

/* ── WBW Product Filter — Integração completa ─────────── */

/* Reset do container do plugin */
.wcb-shop__filter-wrap .wpf-filters-wrap,
.wcb-shop__filter-wrap .wpfMainWrapper {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* Bloco individual de filtro */
.wcb-shop__filter-wrap .wpfFilterWrapper {
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 12px 0 !important;
    margin: 0 !important;
}

.wcb-shop__filter-wrap .wpfFilterWrapper:last-child {
    border-bottom: none !important;
}

/* Título de seção (header clicável com +/-) */
.wcb-shop__filter-wrap .wpf-filter-header,
.wcb-shop__filter-wrap .wpf-filter-title,
.wcb-shop__filter-wrap .wpfFilterTitle,
.wcb-shop__filter-wrap .wpfCollapseBtn {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: #111827 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 6px !important;
}

/* Ícone +/- do accordion */
.wcb-shop__filter-wrap .wpfFilterTitle .wpfCollapseBtn,
.wcb-shop__filter-wrap .wpf-filter-header .dashicons,
.wcb-shop__filter-wrap .wpfCollapseBtn .dashicons {
    color: #6b7280 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Slider de preço */
.wcb-shop__filter-wrap .wpfPriceFilterRange .ui-slider,
.wcb-shop__filter-wrap .ui-slider-horizontal {
    background: #e5e7eb !important;
    height: 4px !important;
    border-radius: 4px !important;
    border: none !important;
    margin: 16px 4px 20px !important;
}

.wcb-shop__filter-wrap .ui-slider-range {
    background: #1a56db !important;
    border-radius: 4px !important;
}

.wcb-shop__filter-wrap .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid #1a56db !important;
    top: -6px !important;
    margin-left: -8px !important;
    cursor: grab !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    transition: box-shadow .15s !important;
}

.wcb-shop__filter-wrap .ui-slider-handle:focus,
.wcb-shop__filter-wrap .ui-slider-handle:active {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, .2) !important;
    cursor: grabbing !important;
}

/* Label de preço (R$8 - R$350) */
.wcb-shop__filter-wrap .wpfPriceText,
.wcb-shop__filter-wrap .wpfPriceFilterText {
    font-size: 12px !important;
    color: #6b7280 !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* Lista de itens (categorias / tags) */
.wcb-shop__filter-wrap ul.wpf-items,
.wcb-shop__filter-wrap .wpf-filter-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

/* Cada item */
.wcb-shop__filter-wrap .wpf-filter-item,
.wcb-shop__filter-wrap li.wpf-check {
    margin: 0 !important;
    padding: 0 !important;
}

/* Link / label de cada opção */
.wcb-shop__filter-wrap .wpf-filter-item a,
.wcb-shop__filter-wrap .wpf-filter-item label,
.wcb-shop__filter-wrap input[type="radio"]+label,
.wcb-shop__filter-wrap input[type="checkbox"]+label {
    font-size: 13px !important;
    color: #4b5563 !important;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background .12s, color .12s !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.wcb-shop__filter-wrap .wpf-filter-item a:hover,
.wcb-shop__filter-wrap .wpf-filter-item label:hover {
    background: #f9fafb !important;
    color: #111827 !important;
}

/* Estado ativo/selecionado */
.wcb-shop__filter-wrap .wpf-filter-item a.selected,
.wcb-shop__filter-wrap .wpf-filter-item.selected a,
.wcb-shop__filter-wrap input[type="radio"]:checked+label,
.wcb-shop__filter-wrap input[type="checkbox"]:checked+label {
    background: rgba(26, 86, 219, .07) !important;
    color: #1a56db !important;
    font-weight: 600 !important;
}

/* Radio button customizado */
.wcb-shop__filter-wrap input[type="radio"] {
    accent-color: #1a56db !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

/* Checkbox customizado */
.wcb-shop__filter-wrap input[type="checkbox"] {
    accent-color: #1a56db !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

/* Botão FILTER */
.wcb-shop__filter-wrap .wpf-btn,
.wcb-shop__filter-wrap .wpfSubmitButton,
.wcb-shop__filter-wrap button[type="submit"] {
    width: 100% !important;
    background: #1a56db !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin-top: 12px !important;
    transition: background .15s, transform .1s !important;
    display: block !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(26, 86, 219, .25) !important;
}

.wcb-shop__filter-wrap .wpf-btn:hover,
.wcb-shop__filter-wrap .wpfSubmitButton:hover {
    background: #1747b8 !important;
    transform: translateY(-1px) !important;
}

.wcb-shop__filter-wrap .wpf-btn:active {
    transform: translateY(0) !important;
}

/* "Sem categoria" — ocultar pelo href */
.wcb-shop__filter-wrap li:has(a[href*="sem-categoria"]),
.wcb-shop__filter-wrap a[href*="sem-categoria"],
.wcb-shop__filter-wrap a[href*="uncategorized"] {
    display: none !important;
}



/* ── Main: grid de produtos ────────────────────────────────── */
.wcb-shop__main {
    flex: 1;
    min-width: 0;
}

/* Grid de produtos WooCommerce */
.wcb-shop__main ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove clearfix pseudo-elements that WooCommerce injects — they become empty grid items */
.wcb-shop__main ul.products::before,
.wcb-shop__main ul.products::after {
    display: none !important;
    content: none !important;
}

.wcb-shop__main ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    display: flex !important;
    /* herda a altura da linha do grid */
}


/* ═══════════════════════════════════════════════════════
   PAGINATION — Premium Redesign
   ═══════════════════════════════════════════════════════ */

/* Pagination Container */
nav.woocommerce-pagination {
    margin-top: 2.5rem;
    padding: 2rem 0 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* Pagination List — force flex */
nav.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

nav.woocommerce-pagination ul.page-numbers li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* All page number elements — pill buttons */
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1;
    color: #475569;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

/* Hover state */
nav.woocommerce-pagination ul.page-numbers li a:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #1e293b;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

/* Active / Current page — gradient blue */
nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff !important;
    border-color: transparent;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(37, 99, 235, .3);
    cursor: default;
    transform: none;
}

/* Next / Prev arrow buttons */
nav.woocommerce-pagination ul.page-numbers li a.next,
nav.woocommerce-pagination ul.page-numbers li a.prev {
    font-size: 0 !important;
    min-width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    position: relative;
}

nav.woocommerce-pagination ul.page-numbers li a.next::after,
nav.woocommerce-pagination ul.page-numbers li a.prev::after {
    font-size: 18px;
    font-weight: 700;
    color: #475569;
    transition: color .2s ease;
}

nav.woocommerce-pagination ul.page-numbers li a.prev::after {
    content: "\2190";
}

nav.woocommerce-pagination ul.page-numbers li a.next::after {
    content: "\2192";
}

nav.woocommerce-pagination ul.page-numbers li a.next:hover,
nav.woocommerce-pagination ul.page-numbers li a.prev:hover {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 3px 10px rgba(37, 99, 235, .3);
    transform: translateY(-1px);
}

nav.woocommerce-pagination ul.page-numbers li a.next:hover::after,
nav.woocommerce-pagination ul.page-numbers li a.prev:hover::after {
    color: #fff;
}

/* Dots (...) */
nav.woocommerce-pagination ul.page-numbers li span.dots {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    min-width: 28px;
    color: #94a3b8;
    cursor: default;
    letter-spacing: 2px;
}

/* Page info indicator (Página X de Y) */
.wcb-pagination-info {
    font-size: 13px;
    font-weight: 500;
    color: #94a3b8;
    margin-top: 4px;
    text-align: center;
    letter-spacing: .01em;
}

.wcb-pagination-info strong {
    color: #475569;
    font-weight: 700;
}

/* ═══════════════════════════════════════════════════════
   VIEW MODE TOGGLE
   ═══════════════════════════════════════════════════════ */

.wcb-shop__view-toggles {
    display: flex;
    align-items: center;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 3px;
}

.wcb-shop__view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 30px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #94a3b8;
    transition: all .15s ease;
}

.wcb-shop__view-btn:hover {
    color: #475569;
}

.wcb-shop__view-btn.is-active {
    background: #fff;
    color: #2563eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.wcb-shop__main ul.products.grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px;
}

.wcb-product-card {
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eaecf0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.wcb-product-card:hover {
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.10), 0 4px 12px rgba(16, 24, 40, 0.06);
    transform: translateY(-3px);
}

/* ── IMAGE AREA ─────────────────────────────────────────── */
.wcb-product-card__image-wrap {
    position: relative;
    flex-shrink: 0;
}

.wcb-product-card__badges {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 3;
}

.wcb-product-card__badge {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.5;
}

.wcb-product-card__badge--sale {
    background: #1c64f2;
    color: #fff;
}

.wcb-product-card__badge--hot {
    background: #111111;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wcb-product-card__badge--stock {
    background: #de350b;
    color: #fff;
}

/* Fav button */
.wcb-product-card__fav {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    color: #6b7280;
    border: none;
    cursor: pointer;
    opacity: 0;
    transition: color 0.18s, transform 0.18s, opacity 0.18s;
}

.wcb-product-card:hover .wcb-product-card__fav {
    opacity: 1;
}

.wcb-product-card__fav:hover {
    color: #ef4444;
    transform: scale(1.1);
}

.wcb-product-card__fav.active {
    color: #ef4444;
    opacity: 1;
}

.wcb-product-card__fav.active svg {
    fill: #ef4444;
}

/* Image */
.wcb-product-card__image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f3f4f6;
    position: relative;
}

.wcb-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.wcb-product-card:hover .wcb-product-card__image img {
    transform: scale(1.05);
}

/* Quick view — slides up */
.wcb-product-card__quickview {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    display: flex;
    justify-content: center;
    transform: translateY(110%);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 2;
}

.wcb-product-card__image:hover .wcb-product-card__quickview {
    transform: translateY(0);
}

.wcb-product-card__quickview-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 7px 18px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s;
}

.wcb-product-card__quickview-btn:hover {
    background: #fff;
}

/* Placeholder */
.wcb-product-card__no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    color: #d1d5db;
}

/* ── BODY ───────────────────────────────────────────────── */
.wcb-product-card__body {
    padding: 16px 16px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0;
}

/* Category */
.wcb-product-card__cat {
    font-size: 0.62rem;
    font-weight: 700;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    margin-bottom: 6px;
    display: block;
}

/* Title */
.wcb-product-card__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #101827;
    text-decoration: none;
    line-height: 1.42;
    margin-bottom: 12px;
    min-height: calc(1.05rem * 1.42 * 2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.15s;
}

.wcb-product-card__title:hover {
    color: #1c64f2;
}

/* Rating */
.wcb-product-card__rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.wcb-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1;
    width: max-content;
}

.wcb-product-card__stars-fill {
    color: #f59e0b;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: calc(var(--rating, 0) / 5 * 100%);
    white-space: nowrap;
    display: block;
}

.wcb-product-card__stars-empty {
    color: #e5e7eb;
    display: block;
    white-space: nowrap;
}

.wcb-product-card__rating-val {
    font-size: 0.7rem;
    font-weight: 700;
    color: #374151;
}

.wcb-product-card__rating-count {
    font-size: 0.67rem;
    color: #9ca3af;
}

/* Price block */
.wcb-product-card__price-block {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px;
}

.wcb-product-card__price-old {
    font-size: 0.72rem;
    color: #9ca3af;
    text-decoration: line-through;
    font-weight: 400;
    line-height: 1;
}

.wcb-product-card__price-current {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.025em;
    line-height: 1.1;
}

/* PIX */
.wcb-product-card__pix {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.69rem;
    font-weight: 600;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    padding: 4px 9px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 6px;
}

.wcb-product-card__pix svg {
    flex-shrink: 0;
    color: #16a34a;
}

.wcb-product-card__pix strong {
    font-weight: 700;
}

.wcb-product-card__pix span {
    opacity: 0.8;
}

/* Installments */
.wcb-product-card__installments {
    font-size: 0.68rem;
    color: #9ca3af;
    margin-top: 5px;
    font-weight: 400;
}

/* Specs chips */
.wcb-product-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wcb-product-card__spec {
    font-size: 0.59rem;
    font-weight: 600;
    color: #4b5563;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.01em;
}

/* ── CTA ────────────────────────────────────────────────── */
.wcb-product-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    background: #1c64f2;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: background 0.16s, box-shadow 0.16s, transform 0.12s;
    margin-top: auto;
}

.wcb-product-card__btn:hover {
    background: #1a56db;
    box-shadow: 0 4px 16px rgba(28, 100, 242, 0.36);
    color: #fff;
    transform: translateY(-1px);
}

.wcb-product-card__btn:active {
    transform: translateY(0);
    box-shadow: none;
    background: #1e429f;
}

.wcb-product-card__btn svg {
    opacity: 0.9;
    flex-shrink: 0;
}

























/* ============================================================
   SUPER OFERTAS — Header + Countdown Timer
   ============================================================ */
.wcb-section--offers {
    position: relative;
}

.wcb-section__header--offers {
    flex-wrap: wrap;
    gap: var(--wcb-space-md);
    align-items: center;
}

.wcb-section__header-left {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.wcb-section__subtitle {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    font-weight: 500;
}

/* Countdown */
.wcb-countdown {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-left: auto;
    margin-right: var(--wcb-space-lg);
}

.wcb-countdown__label {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-600);
    white-space: nowrap;
}

.wcb-countdown__boxes {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.wcb-countdown__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    background: var(--wcb-dark);
    border-radius: var(--wcb-radius-md);
    padding: 0.5rem 0.65rem;
    min-width: 48px;
}

.wcb-countdown__value {
    font-size: var(--wcb-font-size-xl);
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.wcb-countdown__unit {
    font-size: 0.55rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wcb-countdown__sep {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-400);
    line-height: 1;
    padding-bottom: 0.7rem;
}

/* Countdown pulse animation on seconds */
.wcb-countdown__box:last-of-type .wcb-countdown__value {
    animation: wcbCountPulse 1s ease-in-out infinite;
}

@keyframes wcbCountPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

/* Responsive countdown */
@media (max-width: 768px) {
    .wcb-countdown {
        margin-left: 0;
        margin-right: 0;
        order: 3;
        width: 100%;
    }

    .wcb-section__header--offers .wcb-section__link {
        order: 2;
    }

    .wcb-countdown__box {
        min-width: 42px;
        padding: 0.4rem 0.5rem;
    }

    .wcb-countdown__value {
        font-size: var(--wcb-font-size-lg);
    }
}

/* ============================================================
   PROMO BANNER
   ============================================================ */
.wcb-promo-banner {
    padding: var(--wcb-space-2xl) 0;
}

.wcb-promo-banner__inner {
    background: var(--wcb-gradient-dark-bg);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-2xl) var(--wcb-space-2xl);
    display: flex;
    align-items: center;
    gap: var(--wcb-space-2xl);
    overflow: hidden;
    position: relative;
}

.wcb-promo-banner__inner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(59, 114, 254, 0.15);
    filter: blur(60px);
}

.wcb-promo-banner__content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.wcb-promo-banner__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.12em;
    margin-bottom: var(--wcb-space-md);
}

.wcb-promo-banner__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wcb-green);
    animation: wcbPulse 2s infinite;
}

.wcb-promo-banner__title {
    font-size: var(--wcb-font-size-3xl);
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.wcb-promo-banner__title span {
    background: var(--wcb-gradient-brand-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wcb-promo-banner__desc {
    font-size: var(--wcb-font-size-base);
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.7;
    margin-bottom: var(--wcb-space-xl);
    max-width: 400px;
}

.wcb-promo-banner__stats {
    display: flex;
    gap: var(--wcb-space-xl);
    position: relative;
    z-index: 1;
}

.wcb-promo-banner__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    text-align: center;
    padding: var(--wcb-space-lg);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--wcb-radius-lg);
    color: rgba(255, 255, 255, 0.6);
    min-width: 110px;
}

.wcb-promo-banner__stat svg {
    color: var(--wcb-blue-mid);
    margin-bottom: 0.2rem;
}

.wcb-promo-banner__stat strong {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 900;
    color: #fff;
}

.wcb-promo-banner__stat span {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

/* ============================================================
   TRUST & BRANDS SECTION
   ============================================================ */
.wcb-brands {
    padding: var(--wcb-space-xl) 0;
    background: var(--wcb-white);
    border-top: 1px solid var(--wcb-gray-100);
    border-bottom: 1px solid var(--wcb-gray-100);
}

.wcb-brands__grid {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: var(--wcb-space-md) var(--wcb-space-lg);
    opacity: 0.55;
    filter: grayscale(1);
    transition: opacity var(--wcb-duration), filter var(--wcb-duration);
}

.wcb-brands__grid:hover {
    opacity: 1;
    filter: grayscale(0);
}

.wcb-brands__item {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcb-brands__item img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.wcb-brands__placeholder {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--wcb-gray-400);
    letter-spacing: 0.1em;
}

/* ============================================================
   LIFESTYLE CAROUSEL
   ============================================================ */
.wcb-lifestyle {
    padding: var(--wcb-space-3xl) 0;
}

.wcb-lifestyle__inner {
    position: relative;
    border-radius: var(--wcb-radius-2xl);
    min-height: 380px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

/* ── Slides layer ─────────────────────────────── */
.wcb-lifestyle__slides {
    position: absolute;
    inset: 0;
}

.wcb-slide {
    position: absolute;
    inset: 0;
}

.wcb-slide__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 700ms ease;
}

.wcb-slide__gradient {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 700ms ease;
}

/* Active state */
.wcb-slide.active .wcb-slide__bg {
    opacity: 0.35;
}

.wcb-slide.active .wcb-slide__gradient {
    opacity: 1;
}

/* ── Content ──────────────────────────────────── */
.wcb-lifestyle__content {
    position: relative;
    z-index: 3;
    max-width: 450px;
    padding: 48px;
    color: #fff;

    /* entrance default state */
    transform: translateY(0);
    opacity: 1;
    transition: transform 400ms ease, opacity 400ms ease;
}

.wcb-lifestyle__content.wcb-ls-exit {
    transform: translateY(-12px);
    opacity: 0;
}

.wcb-lifestyle__content.wcb-ls-enter {
    transform: translateY(16px);
    opacity: 0;
}

.wcb-lifestyle__tag {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
}

.wcb-lifestyle__title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
    max-width: 450px;
    margin-bottom: 12px;
}

.wcb-lifestyle__desc {
    font-size: 15px;
    color: rgba(255, 255, 255, .6);
    max-width: 380px;
    margin-bottom: 24px;
    line-height: 1.6;
}

/* CTA button */
.wcb-ls-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
}

.wcb-ls-btn:hover {
    color: #fff;
    transform: translateY(-1px);
}

/* ── Navigation (prev/next) ───────────────────── */
.wcb-lifestyle__nav {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 5;
}

.wcb-ls-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    padding: 0;
}

.wcb-ls-nav-btn:hover {
    background: rgba(255, 255, 255, .2);
}

/* ── Dots + counter ───────────────────────────── */
.wcb-lifestyle__dots {
    position: absolute;
    bottom: 24px;
    left: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 5;
}

.wcb-ls-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: transform 0.2s, background 0.2s;
}

.wcb-ls-dot.active {
    transform: scale(1.25);
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(255, 255, 255, .2);
}

.wcb-ls-counter {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, .45);
    letter-spacing: .05em;
}

/* ── Responsive ───────────────────────────────── */
@media (max-width: 768px) {
    .wcb-lifestyle__inner {
        min-height: 320px;
    }

    .wcb-lifestyle__content {
        padding: 32px;
        max-width: 100%;
    }

    .wcb-lifestyle__title {
        font-size: 26px;
    }

    .wcb-lifestyle__nav {
        right: 16px;
    }

    .wcb-lifestyle__dots {
        left: 32px;
    }
}


/* ============================================================
   PREMIUM TESTIMONIALS
   ============================================================ */
.wcb-testimonials {
    padding: var(--wcb-space-3xl) 0;
}

.wcb-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wcb-space-xl);
}

.wcb-testimonial-card {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-xl);
    box-shadow: var(--wcb-shadow-lg);
    border: 1px solid var(--wcb-gray-100);
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
    transition: transform var(--wcb-duration);
}

.wcb-testimonial-card:hover {
    transform: translateY(-5px);
}

.wcb-testimonial-card__stars {
    color: var(--wcb-yellow);
    display: flex;
    gap: 2px;
}

.wcb-testimonial-card__text {
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-600);
    line-height: 1.6;
    font-style: italic;
}

.wcb-testimonial-card__user {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-top: auto;
}

.wcb-testimonial-card__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--wcb-blue-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wcb-blue);
    font-weight: 800;
    font-size: var(--wcb-font-size-md);
}

.wcb-testimonial-card__info strong {
    display: block;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-900);
}

.wcb-testimonial-card__info span {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-400);
}

/* ============================================================
   HOME PAGE RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
    .wcb-products__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .wcb-products__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-promo-banner__stats {
        flex-direction: column;
        gap: var(--wcb-space-md);
    }
}

@media (max-width: 768px) {
    .wcb-hero__title {
        font-size: 1.8rem;
    }

    .wcb-hero__title span {
        font-size: 1.3rem;
    }

    .wcb-hero__visual {
        display: none;
    }

    .wcb-hero__content {
        min-height: 320px;
    }

    .wcb-hero__slider {
        min-height: 320px;
    }

    .wcb-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-products__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--wcb-space-sm);
    }

    .wcb-section__title {
        font-size: var(--wcb-font-size-xl);
    }

    .wcb-promo-banner__inner {
        flex-direction: column;
        padding: var(--wcb-space-xl);
    }

    .wcb-promo-banner__stats {
        flex-direction: row;
    }

    .wcb-promo-banner__stat {
        min-width: auto;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .wcb-hero__title {
        font-size: 1.5rem;
    }

    .wcb-hero__title span {
        font-size: 1.1rem;
    }

    .wcb-benefits__grid {
        grid-template-columns: 1fr;
    }

    .wcb-products__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-promo-banner__stats {
        flex-direction: column;
    }
}

/* ============================================================
   WOOCOMMERCE CORE ULTRA-PREMIUM (Cart, Checkout & My Account)
   ============================================================ */
/* Hide default Woo notices and use ours if needed, or style them */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-top: 0;
    background: var(--wcb-white);
    box-shadow: var(--wcb-shadow-sm);
    border-radius: var(--wcb-radius-md);
    padding: var(--wcb-space-md) var(--wcb-space-xl);
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    margin-bottom: var(--wcb-space-xl);
    position: relative;
    overflow: hidden;
}

.woocommerce-info {
    border-left: 4px solid var(--wcb-blue);
}

.woocommerce-error {
    border-left: 4px solid var(--wcb-red);
}

.woocommerce-message {
    border-left: 4px solid var(--wcb-green);
}

/* Buttons Overrides */
.woocommerce button.button.alt,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce input.button {
    background: var(--wcb-gradient-cta);
    border-radius: var(--wcb-radius-full);
    color: #fff;
    font-weight: 700;
    padding: 1rem 2rem;
    transition: all var(--wcb-duration);
    border: none;
    box-shadow: 0 4px 15px rgba(21, 93, 253, 0.25);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
}

.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover {
    background: var(--wcb-blue-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(21, 93, 253, 0.35);
    color: #fff;
}

/* DS: neutraliza gradiente WC em .wcb-btn--ghost (alias legado: .wcb-btn-secondary) */
.woocommerce a.button.wcb-btn.wcb-btn--ghost,
.woocommerce button.button.wcb-btn.wcb-btn--ghost,
.woocommerce input.button.wcb-btn.wcb-btn--ghost,
.woocommerce a.button.wcb-btn-secondary,
.woocommerce button.button.wcb-btn-secondary,
.woocommerce input.button.wcb-btn-secondary {
    background: var(--wcb-gray-100) !important;
    color: var(--wcb-gray-800) !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 700;
    border-radius: var(--wcb-radius-md);
    padding: 0.75rem 1.5rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
}

.woocommerce a.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce button.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce input.button.wcb-btn.wcb-btn--ghost:hover:not(:disabled),
.woocommerce a.button.wcb-btn-secondary:hover:not(:disabled),
.woocommerce button.button.wcb-btn-secondary:hover:not(:disabled),
.woocommerce input.button.wcb-btn-secondary:hover:not(:disabled) {
    background: var(--wcb-gray-200) !important;
    color: var(--wcb-gray-800) !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
}

.woocommerce a.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce button.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce input.button.wcb-btn.wcb-btn--ghost:focus-visible,
.woocommerce a.button.wcb-btn-secondary:focus-visible,
.woocommerce button.button.wcb-btn-secondary:focus-visible,
.woocommerce input.button.wcb-btn-secondary:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

/* ---------- CART PAGE LUXURY ---------- */
.woocommerce-cart-form {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-2xl);
}

.woocommerce-cart .wcb-container {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--wcb-space-2xl);
    align-items: flex-start;
}

.wcb-cart-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
}

.wcb-cart-item {
    display: flex;
    align-items: center;
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    padding: var(--wcb-space-lg);
    gap: var(--wcb-space-xl);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: box-shadow var(--wcb-duration);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-cart-item:hover {
    box-shadow: var(--wcb-shadow-lg);
}

.wcb-cart-item__image img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    background: var(--wcb-gray-50);
    border-radius: var(--wcb-radius-md);
    padding: 8px;
    mix-blend-mode: multiply;
}

.wcb-cart-item__details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-xs);
}

.wcb-cart-item__name a {
    font-size: var(--wcb-font-size-lg);
    font-weight: 800;
    color: var(--wcb-gray-900);
    text-decoration: none;
    line-height: 1.2;
}

.wcb-cart-item__price .amount {
    font-size: var(--wcb-font-size-md);
    color: var(--wcb-gray-500);
    font-weight: 600;
}

.wcb-cart-item__controls {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-2xl);
}

/* Quantity modern pill */
.wcb-cart-item__quantity .quantity {
    display: flex;
    align-items: center;
    background: var(--wcb-gray-50);
    border-radius: var(--wcb-radius-full);
    padding: 2px 4px;
    border: 1px solid var(--wcb-gray-200);
}

.wcb-cart-item__quantity .qty {
    width: 40px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: var(--wcb-font-size-base);
    font-weight: 700;
    color: var(--wcb-gray-900);
    -moz-appearance: textfield;
}

.wcb-cart-item__quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wcb-cart-item__subtotal .amount {
    font-size: var(--wcb-font-size-xl);
    font-weight: 900;
    color: var(--wcb-gray-900);
}

.wcb-cart-item__remove a {
    color: var(--wcb-gray-400);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all var(--wcb-duration);
}

.wcb-cart-item__remove a:hover {
    background: var(--wcb-red-bg);
    color: var(--wcb-red);
}

.wcb-cart-item__remove svg {
    width: 20px;
    height: 20px;
}

/* Cart Actions */
.wcb-cart-actions-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--wcb-space-lg);
    border-top: 1px dashed var(--wcb-gray-200);
    margin-top: var(--wcb-space-md);
}

.wcb-cart-actions-wrapper .coupon {
    display: flex;
    gap: var(--wcb-space-sm);
}

.wcb-cart-actions-wrapper .coupon input {
    border: 1px solid var(--wcb-gray-300);
    border-radius: var(--wcb-radius-full);
    padding: 0.8rem 1.5rem;
    font-size: var(--wcb-font-size-sm);
    outline: none;
    background: var(--wcb-white);
    transition: border-color var(--wcb-duration);
}

.wcb-cart-actions-wrapper .coupon input:focus {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 3px rgba(21, 93, 253, 0.1);
}

/* Cart Collaterals (Floating Totals) */
.cart-collaterals {
    width: 100%;
}

.cart_totals {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-2xl);
    box-shadow: var(--wcb-shadow-xl);
    position: sticky;
    top: calc(var(--wcb-header-h) + 20px);
    border: 1px solid rgba(21, 93, 253, 0.1);
}

.cart_totals h2 {
    font-size: var(--wcb-font-size-2xl);
    font-weight: 900;
    margin-bottom: var(--wcb-space-xl);
    border-bottom: 2px solid var(--wcb-gray-100);
    padding-bottom: var(--wcb-space-md);
}

.cart_totals table {
    width: 100%;
    border-collapse: collapse;
}

.cart_totals th,
.cart_totals td {
    padding: var(--wcb-space-md) 0;
    border-bottom: 1px dashed var(--wcb-gray-200);
}

.cart_totals th {
    text-align: left;
    color: var(--wcb-gray-500);
    font-weight: 600;
}

.cart_totals td {
    text-align: right;
    font-weight: 700;
    color: var(--wcb-gray-900);
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    border-bottom: none;
    padding-top: var(--wcb-space-xl);
}

.cart_totals .order-total td strong .amount {
    font-size: var(--wcb-font-size-3xl);
    color: var(--wcb-blue);
    font-weight: 900;
}

.cart_totals .wc-proceed-to-checkout {
    margin-top: var(--wcb-space-xl);
}

.cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    text-align: center;
}

/* ---------- CHECKOUT PAGE LUXURY ---------- */
.wcb-checkout-review {
    background: var(--wcb-white) !important;
    box-shadow: var(--wcb-shadow-xl) !important;
    border: 1px solid rgba(21, 93, 253, 0.1) !important;
    border-radius: var(--wcb-radius-xl) !important;
    padding: var(--wcb-space-2xl) !important;
}

/* Floating Labels for Woo Forms */
.woocommerce form .form-row {
    margin-bottom: var(--wcb-space-xl);
    position: relative;
}

.woocommerce form .form-row label {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-600);
    margin-bottom: 6px;
    display: block;
    transition: all var(--wcb-duration);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    width: 100%;
    background: var(--wcb-gray-50);
    border: 1px solid var(--wcb-gray-200);
    border-radius: var(--wcb-radius-md);
    padding: 1rem 1.2rem;
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-900);
    transition: all var(--wcb-duration);
}

.select2-container--default .select2-selection--single {
    height: auto;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    background: var(--wcb-white);
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 4px rgba(21, 93, 253, 0.15);
    outline: none;
}

/* Checkout — coluna campos + resumo (substitui grid inline no form-checkout.php) */
form.checkout.woocommerce-checkout.wcb-checkout-layout {
    display: grid;
    grid-template-columns: 1fr min(450px, 100%);
    gap: var(--wcb-space-2xl);
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 960px) {
    form.checkout.woocommerce-checkout.wcb-checkout-layout {
        grid-template-columns: 1fr;
    }
}

/* Checkout — títulos de secção (mesma linguagem do #order_review_heading) */
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-billing-fields > h3,
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .wcb-checkout-fields .woocommerce-additional-fields > h3 {
    margin-top: 0;
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    letter-spacing: -0.02em;
    border-bottom: 1px solid var(--wcb-gray-200);
    padding-bottom: var(--wcb-space-sm);
    margin-bottom: var(--wcb-space-md);
}

/* Checkout — billing | shipping (duas colunas) */
body.woocommerce-checkout .wcb-checkout-fields #customer_details.col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-2xl);
    align-items: start;
    width: 100%;
    float: none;
}

body.woocommerce-checkout .wcb-checkout-fields #customer_details .col-1,
body.woocommerce-checkout .wcb-checkout-fields #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout .wcb-checkout-fields #customer_details.col2-set {
        grid-template-columns: 1fr;
    }
}

/* Checkout — grelha 2 colunas nos campos (nome/sobrenome, etc.) */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-xl) 1.25rem;
    align-items: start;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .clear,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .clear,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper > .clear {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
    margin-bottom: 0 !important;
    float: none !important;
    width: 100% !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1;
}

/* Payment Gateway Box */
#payment {
    background: var(--wcb-gray-50) !important;
    border-radius: var(--wcb-radius-lg) !important;
    padding: var(--wcb-space-lg) !important;
    border: 1px solid var(--wcb-gray-200) !important;
    margin-top: var(--wcb-space-xl) !important;
}

#payment ul.payment_methods {
    border-bottom: 1px solid var(--wcb-gray-200) !important;
    padding-bottom: var(--wcb-space-md) !important;
    margin-bottom: var(--wcb-space-md) !important;
}

#payment div.payment_box {
    background: var(--wcb-white) !important;
    border-radius: var(--wcb-radius-md) !important;
    box-shadow: var(--wcb-shadow-sm) !important;
    color: var(--wcb-gray-600) !important;
    font-size: var(--wcb-font-size-sm) !important;
}

#payment div.payment_box::before {
    border-bottom-color: var(--wcb-white) !important;
}

@media(max-width: 900px) {
    .woocommerce-cart .wcb-container {
        grid-template-columns: 1fr;
    }

    .wcb-cart-item {
        flex-direction: column;
        align-items: stretch;
    }

    .wcb-cart-item__controls {
        justify-content: space-between;
    }
}

/* Quantity Button Styling */
.wcb-qty-btn {
    background: var(--wcb-white);
    border: none;
    color: var(--wcb-gray-600);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--wcb-duration);
    padding: 0;
    border-radius: 50%;
}

.wcb-qty-btn:hover {
    background: var(--wcb-gray-100);
    color: var(--wcb-blue);
}

.wcb-qty-btn svg {
    width: 16px;
    height: 16px;
}

/* Ensure the quantity input field doesn't have borders/background inside our pill container */
.wcb-cart-item__quantity .quantity input.qty {
    width: 50px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: var(--wcb-font-size-base);
    font-weight: 700;
    color: var(--wcb-gray-900);
    outline: none;
    padding: 0;
}

/* Mobile Quantity adjustments */
@media (max-width: 480px) {
    .wcb-cart-item__controls {
        flex-direction: column;
        align-items: flex-end;
        gap: var(--wcb-space-md);
    }

    .wcb-cart-item__quantity .quantity {
        transform: scale(0.9);
    }
}

/* ---------- MY ACCOUNT ----------
   All styles moved to inc/myaccount.css
   ---------------------------------- */

/* ============================================================
   WOOCOMMERCE — SINGLE PRODUCT (PREMIUM)
   ============================================================ */

.wcb-single-product {
    padding: var(--wcb-space-xl) 0 var(--wcb-space-3xl);
    background: var(--wcb-gray-100);
}

/* Breadcrumb */
.wcb-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    margin-bottom: var(--wcb-space-xl);
    flex-wrap: wrap;
}

.wcb-breadcrumb a {
    color: var(--wcb-gray-500);
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-breadcrumb a:hover {
    color: var(--wcb-blue);
}

.wcb-breadcrumb span:last-child {
    color: var(--wcb-gray-900);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Two-column layout */
.wcb-single-product__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wcb-space-3xl);
    align-items: flex-start;
    margin-bottom: var(--wcb-space-2xl);
}

/* ── GALLERY ── */
.wcb-single-product__gallery {
    position: relative;
    position: sticky;
    top: calc(var(--wcb-header-h) + var(--wcb-space-xl));
}

.wcb-single-product__sale-badge {
    position: absolute;
    top: var(--wcb-space-md);
    left: var(--wcb-space-md);
    background: var(--wcb-red);
    color: #fff;
    font-size: var(--wcb-font-size-sm);
    font-weight: 800;
    padding: 0.3rem 0.8rem;
    border-radius: var(--wcb-radius-full);
    z-index: 10;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.wcb-gallery__main {
    position: relative;
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    overflow: hidden;
    box-shadow: var(--wcb-shadow-lg);
    border: 1px solid var(--wcb-gray-200);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-in;
    margin-bottom: var(--wcb-space-md);
}

.wcb-gallery__main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2rem;
    transition: transform 0.5s var(--wcb-ease);
}

.wcb-gallery__main:hover .wcb-gallery__main-img {
    transform: scale(1.06);
}

.wcb-gallery__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wcb-gray-100);
    color: var(--wcb-gray-300);
    min-height: 400px;
}

.wcb-gallery__zoom-hint {
    position: absolute;
    bottom: var(--wcb-space-md);
    right: var(--wcb-space-md);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.3rem 0.7rem;
    border-radius: var(--wcb-radius-full);
    letter-spacing: 0.04em;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}

.wcb-gallery__main:hover .wcb-gallery__zoom-hint {
    opacity: 1;
}

/* Thumbnails */
.wcb-gallery__thumbs {
    display: flex;
    gap: var(--wcb-space-sm);
    flex-wrap: wrap;
}

.wcb-gallery__thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    border: 2px solid var(--wcb-gray-200);
    background: var(--wcb-white);
    cursor: pointer;
    padding: 0;
    transition: border-color var(--wcb-duration), box-shadow var(--wcb-duration);
    flex-shrink: 0;
}

.wcb-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.wcb-gallery__thumb.active,
.wcb-gallery__thumb:hover {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 2px rgba(21, 93, 253, 0.2);
}

/* ── SUMMARY ── */
.wcb-single-product__summary {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
}

.wcb-single-product__cat {
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    color: var(--wcb-blue);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-single-product__cat:hover {
    color: var(--wcb-blue-dark);
}

.wcb-single-product__title {
    font-size: 1.9rem;
    font-weight: 900;
    color: var(--wcb-gray-900);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0;
}

/* Rating */
.wcb-single-product__rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wcb-rating__stars {
    display: flex;
    gap: 2px;
    color: var(--wcb-yellow);
}

.wcb-single-product__rating-score {
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    color: var(--wcb-gray-800);
}

.wcb-single-product__rating-count {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-400);
    text-decoration: none;
    transition: color var(--wcb-duration);
}

.wcb-single-product__rating-count:hover {
    color: var(--wcb-blue);
}

.wcb-single-product__divider {
    border: none;
    border-top: 1px solid var(--wcb-gray-200);
    margin: 0;
}

/* Price block */
.wcb-single-product__price-block {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wcb-single-product__price-old {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-400);
    text-decoration: line-through;
}

.wcb-single-product__price-main {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    flex-wrap: wrap;
}

.wcb-single-product__price-current {
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--wcb-gray-900);
    letter-spacing: -0.03em;
    line-height: 1;
}

.wcb-single-product__discount-tag {
    background: var(--wcb-red);
    color: #fff;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    padding: 0.25rem 0.65rem;
    border-radius: var(--wcb-radius-full);
    letter-spacing: 0.04em;
}

/* PIX price */
.wcb-single-product__pix {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-sm);
    background: var(--wcb-green-bg);
    border: 1px solid rgba(0, 192, 127, 0.25);
    border-radius: var(--wcb-radius-md);
    padding: 0.65rem 1rem;
    width: fit-content;
}

.wcb-single-product__pix svg {
    flex-shrink: 0;
}

.wcb-single-product__pix strong {
    display: block;
    font-size: var(--wcb-font-size-lg);
    font-weight: 800;
    color: var(--wcb-green-dark);
    line-height: 1.2;
}

.wcb-single-product__pix span {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-green-dark);
    opacity: 0.75;
}

/* Scarcity signals */
.wcb-single-product__scarcity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--wcb-font-size-sm);
    padding: 0.55rem 1rem;
    border-radius: var(--wcb-radius-md);
    font-weight: 600;
    width: fit-content;
}

.wcb-single-product__scarcity--low {
    background: #FFF7ED;
    color: #C2410C;
    border: 1px solid #FED7AA;
    animation: wcbScarcityPulse 2s ease-in-out infinite;
}

@keyframes wcbScarcityPulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(194, 65, 12, 0);
    }

    50% {
        box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.08);
    }
}

.wcb-single-product__scarcity--low strong {
    color: #9A3412;
}

.wcb-single-product__scarcity--ok {
    background: var(--wcb-green-bg);
    color: var(--wcb-green-dark);
    border: 1px solid rgba(0, 192, 127, 0.25);
}

.wcb-single-product__scarcity--out {
    background: var(--wcb-red-bg);
    color: var(--wcb-red);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Short description */
.wcb-single-product__short-desc {
    font-size: var(--wcb-font-size-base);
    color: var(--wcb-gray-600);
    line-height: 1.7;
}

.wcb-single-product__short-desc p {
    margin: 0;
}

/* WooCommerce Add to Cart area override */
.wcb-single-product__buy-area .quantity {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--wcb-gray-100);
    border-radius: var(--wcb-radius-full);
    border: 1px solid var(--wcb-gray-200);
    overflow: hidden;
    width: fit-content;
}

.wcb-single-product__buy-area .qty {
    width: 52px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: var(--wcb-font-size-lg);
    font-weight: 700;
    color: var(--wcb-gray-900);
    padding: 0.6rem 0;
    -moz-appearance: textfield;
}

.wcb-single-product__buy-area .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.wcb-single-product__buy-area .single_add_to_cart_button.button,
.wcb-single-product__buy-area button[name="add-to-cart"] {
    width: 100% !important;
    margin-top: var(--wcb-space-md) !important;
    background: var(--wcb-gradient-green) !important;
    color: #fff !important;
    font-size: var(--wcb-font-size-lg) !important;
    font-weight: 800 !important;
    padding: 1.1rem 2.5rem !important;
    border-radius: var(--wcb-radius-full) !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 6px 24px rgba(0, 192, 127, 0.35) !important;
    transition: all 0.25s var(--wcb-ease) !important;
    display: block !important;
    text-align: center !important;
    text-transform: none !important;
}

.wcb-single-product__buy-area .single_add_to_cart_button.button:hover,
.wcb-single-product__buy-area button[name="add-to-cart"]:hover {
    background: linear-gradient(90deg, #00A06A 0%, #009060 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 160, 106, 0.45) !important;
}

.wcb-single-product__buy-area form.cart {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-sm);
}

.wcb-single-product__buy-area .woocommerce-variation-price .price {
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
}

/* Trust badges */
.wcb-single-product__trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wcb-space-sm);
    border-top: 1px solid var(--wcb-gray-200);
    padding-top: var(--wcb-space-md);
}

.wcb-trust-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.4rem;
    padding: var(--wcb-space-md) var(--wcb-space-sm);
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-lg);
    border: 1px solid var(--wcb-gray-200);
    transition: all var(--wcb-duration);
}

.wcb-trust-badge:hover {
    border-color: var(--wcb-blue);
    box-shadow: var(--wcb-shadow-md);
    transform: translateY(-2px);
}

.wcb-trust-badge__icon {
    width: 44px;
    height: 44px;
    border-radius: var(--wcb-radius-md);
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wcb-trust-badge__text strong {
    display: block;
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    color: var(--wcb-gray-800);
    line-height: 1.3;
}

.wcb-trust-badge__text span {
    font-size: 0.6rem;
    color: var(--wcb-gray-400);
    line-height: 1.3;
}

.wcb-single-product__meta {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-400);
    margin: 0;
}

/* ── PRODUCT BENEFITS STRIP ── */
.wcb-product-benefits-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--wcb-space-md);
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    padding: var(--wcb-space-xl) var(--wcb-space-2xl);
    box-shadow: var(--wcb-shadow-md);
    margin-bottom: var(--wcb-space-2xl);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-product-benefits-strip__item {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    color: var(--wcb-gray-700);
}

.wcb-product-benefits-strip__item svg {
    color: var(--wcb-blue);
    flex-shrink: 0;
}

.wcb-product-benefits-strip__item span {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-600);
    line-height: 1.3;
}

.wcb-product-benefits-strip__item strong {
    color: var(--wcb-gray-900);
}

/* ── PRODUCT TABS ── */
.wcb-single-product__tabs {
    background: var(--wcb-white);
    border-radius: var(--wcb-radius-xl);
    box-shadow: var(--wcb-shadow-md);
    overflow: hidden;
    margin-bottom: var(--wcb-space-2xl);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-tabs__nav {
    display: flex;
    border-bottom: 1px solid var(--wcb-gray-200);
    background: var(--wcb-gray-50);
}

.wcb-tab-btn {
    padding: 1rem 1.8rem;
    font-size: var(--wcb-font-size-base);
    font-weight: 600;
    color: var(--wcb-gray-500);
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all var(--wcb-duration);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    font-family: var(--wcb-font);
    margin-bottom: -1px;
}

.wcb-tab-btn:hover {
    color: var(--wcb-blue);
}

.wcb-tab-btn.active {
    color: var(--wcb-blue);
    border-bottom-color: var(--wcb-blue);
    background: var(--wcb-white);
}

.wcb-tab-btn__badge {
    background: var(--wcb-blue);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.1rem 0.4rem;
    border-radius: var(--wcb-radius-full);
}

.wcb-tabs__content {
    padding: var(--wcb-space-2xl);
}

.wcb-tab-panel {
    display: none;
}

.wcb-tab-panel.active {
    display: block;
}

.wcb-product-desc {
    font-size: var(--wcb-font-size-md);
    color: var(--wcb-gray-700);
    line-height: 1.8;
    max-width: 800px;
}

.wcb-product-desc p {
    margin-bottom: var(--wcb-space-md);
}

.wcb-product-desc h3,
.wcb-product-desc h4 {
    font-weight: 700;
    color: var(--wcb-gray-900);
    margin: var(--wcb-space-lg) 0 var(--wcb-space-sm);
}

.wcb-no-reviews {
    color: var(--wcb-gray-500);
    text-align: center;
    padding: var(--wcb-space-xl) 0;
    font-size: var(--wcb-font-size-md);
}

/* Related products section */
.wcb-single-product__related {
    margin-top: var(--wcb-space-md);
}

/* ── STICKY ADD TO CART BAR ── */
.wcb-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--wcb-white);
    border-top: 1px solid var(--wcb-gray-200);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
    z-index: 1500;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: var(--wcb-space-md) var(--wcb-space-xl);
    gap: var(--wcb-space-xl);
    transform: translateY(100%);
    transition: transform 0.35s var(--wcb-ease);
}

.wcb-sticky-atc.visible {
    transform: translateY(0);
    display: flex;
}

.wcb-sticky-atc__info {
    display: flex;
    align-items: center;
    gap: var(--wcb-space-md);
    min-width: 0;
    flex: 1;
}

.wcb-sticky-atc__thumb {
    width: 50px;
    height: 50px;
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    background: var(--wcb-gray-100);
    flex-shrink: 0;
}

.wcb-sticky-atc__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.wcb-sticky-atc__details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wcb-sticky-atc__name {
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    color: var(--wcb-gray-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wcb-sticky-atc__price {
    font-size: var(--wcb-font-size-lg);
    font-weight: 900;
    color: var(--wcb-blue);
}

.wcb-sticky-atc__btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--wcb-gradient-green);
    color: #fff;
    font-weight: 800;
    font-size: var(--wcb-font-size-base);
    padding: 0.85rem 2rem;
    border-radius: var(--wcb-radius-full);
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 192, 127, 0.35);
    transition: all var(--wcb-duration);
    white-space: nowrap;
    flex-shrink: 0;
}

.wcb-sticky-atc__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0, 192, 127, 0.45);
    color: #fff;
}

.wcb-sticky-atc__unavailable {
    padding: 0.85rem 2rem;
    background: var(--wcb-gray-200);
    color: var(--wcb-gray-500);
    border-radius: var(--wcb-radius-full);
    font-weight: 700;
    font-size: var(--wcb-font-size-base);
}

/* ── FLOATING MOBILE CART BUTTON ── */
.wcb-fab-cart {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 20px;
    z-index: 1400;
    background: var(--wcb-blue);
    color: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(21, 93, 253, 0.45);
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.25s var(--wcb-ease);
}

.wcb-fab-cart:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 32px rgba(21, 93, 253, 0.55);
    color: #fff;
}

.wcb-fab-cart svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.wcb-fab-cart__count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--wcb-red);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

/* Product card: scarcity label & rating */
.wcb-product-card__stock {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    color: #C2410C;
    background: #FFF7ED;
    border: 1px solid #FED7AA;
    padding: 0.15rem 0.45rem;
    border-radius: var(--wcb-radius-sm);
    margin-bottom: 0.3rem;
    width: fit-content;
}

.wcb-product-card__stars {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--wcb-yellow);
    margin-bottom: 0.25rem;
}

.wcb-product-card__stars span {
    font-size: 0.6rem;
    color: var(--wcb-gray-400, #9ca3af);
    font-weight: 600;
    margin-left: 2px;
}

/* ── RESPONSIVE: SINGLE PRODUCT ── */
@media (max-width: 1024px) {
    .wcb-single-product__layout {
        gap: var(--wcb-space-xl);
    }

    .wcb-product-benefits-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-single-product__trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .wcb-single-product__layout {
        grid-template-columns: 1fr;
        gap: var(--wcb-space-xl);
    }

    .wcb-single-product__gallery {
        position: relative;
        top: auto;
    }

    .wcb-single-product__title {
        font-size: 1.5rem;
    }

    .wcb-single-product__price-current {
        font-size: 2rem;
    }

    .wcb-single-product__trust {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-product-benefits-strip {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--wcb-space-lg);
    }

    .wcb-testimonials__grid {
        grid-template-columns: 1fr;
    }

    .wcb-lifestyle__title {
        font-size: 2.5rem;
    }

    /* Show FAB cart on mobile */
    .wcb-fab-cart {
        display: flex;
    }

    /* Sticky ATC auto-show on single product mobile */
    .single-product .wcb-sticky-atc {
        display: flex;
        transform: translateY(100%);
    }

    .single-product .wcb-sticky-atc.visible {
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .wcb-single-product__trust {
        grid-template-columns: 1fr;
        gap: var(--wcb-space-sm);
    }

    .wcb-trust-badge {
        flex-direction: row;
        text-align: left;
        gap: var(--wcb-space-md);
    }

    .wcb-trust-badge__icon {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
    }

    .wcb-product-benefits-strip {
        grid-template-columns: 1fr;
    }

    .wcb-tabs__nav {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wcb-sticky-atc {
        padding: var(--wcb-space-sm) var(--wcb-space-md);
        gap: var(--wcb-space-md);
    }

    .wcb-sticky-atc__info {
        gap: var(--wcb-space-sm);
    }


    .wcb-sticky-atc__btn {
        padding: 0.8rem 1.2rem;
        font-size: var(--wcb-font-size-sm);
    }

}

/* end @media */

/* ================================================================
   PREMIUM MEGA MENU — White Cloud Brasil
   ================================================================ */
/* ══════════════════════════════════════════════════════════════
   NAV BAR — Premium Redesign
   ══════════════════════════════════════════════════════════════ */

/* ── Bar container ──────────────────────────────────────────── */
.wcb-nav {
    background: #fff !important;
    position: relative;
    z-index: 900;
    overflow: visible;
    box-shadow: none;
    border: none !important;
    border-bottom: none !important;
}

.wcb-nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e2e8f0;
}

.wcb-nav__inner {
    display: flex;
    align-items: center;
    min-height: 48px;
}

.wcb-nav__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    height: 100%;
}

.wcb-nav__item {
    position: static;
    /* mega menu se posiciona relativo ao .wcb-nav (full width) */
    display: flex;
    align-items: center;
    height: 100%;
}

/* ── Regular links ──────────────────────────────────────────── */
.wcb-nav__link {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #374151 !important;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    border-bottom: 2px solid transparent;
    transition: color 0.18s, border-color 0.18s, background 0.18s;
    min-height: 48px;
    line-height: 1;
    box-sizing: border-box;
}

.wcb-nav__link:hover {
    color: #2563eb !important;
    border-bottom-color: #2563eb;
    background: rgba(37, 99, 235, 0.04);
}

/* chevron */
.wcb-nav__icon {
    font-size: 1rem;
    line-height: 1;
}

.wcb-nav__chevron {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    opacity: 0.45;
    color: #374151;
    transition: transform 0.22s ease, opacity 0.2s, color 0.18s;
    margin-left: 0.1rem;
}

.wcb-nav__link:hover .wcb-nav__chevron {
    opacity: 1;
    color: #2563eb;
}

.wcb-nav__item--mega:hover .wcb-nav__chevron,
.wcb-nav__item--mega.is-open .wcb-nav__chevron {
    transform: rotate(180deg);
    color: #2563eb;
    opacity: 1;
}

/* ── "Promoção" — bloco azul full-height ────────────────────── */
/* ── "Ofertas / Promoção" — CRO-optimized pill ─────────────────── */
.wcb-nav__link--promo {
    background: linear-gradient(135deg, #dc2626 0%, #ea580c 50%, #f97316 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 800;
    font-size: 0.73rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background-size: 200% 100%;
    border-radius: 7px;
    padding: 0 1.25rem;
    margin: 0 0.9rem 0 0;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    height: 32px;
    min-height: unset;
    align-self: center;
    position: relative;
    overflow: visible;
    transition: box-shadow 0.22s, transform 0.18s, border-color 0.22s;
    box-shadow: none;
    animation: wcb-promo-breathe 3s ease-in-out infinite;
}


/* Badge "HOT" posicionado no canto superior-direito */
.wcb-nav__link--promo .wcb-promo-badge {
    position: absolute;
    top: -7px;
    right: -8px;
    background: #fff;
    color: #dc2626;
    font-size: 0.5rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 1px 5px;
    border-radius: 3px;
    line-height: 1.5;
    border: 1.5px solid #dc2626;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    pointer-events: none;
}

.wcb-nav__link--promo:hover {
    transform: translateY(-1px);
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    box-shadow: none;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(135deg, #dc2626 0%, #ea580c 50%, #f97316 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Ícone SVG do botão PROMOÇÕES — fill laranja explícito */
.wcb-nav__link--promo .wcb-nav__icon {
    fill: url(#promo-grad) #ea580c;
    color: #ea580c;
}

/* ── "Dia da Mulher" — fundo branco, texto rosa ─────────────── */
.wcb-nav__link--special {
    color: #be185d !important;
    font-weight: 700;
    font-size: 0.875rem;
    background: #fff;
    border-radius: 0;
    padding: 0 1.2rem;
    margin: 0;
    border-bottom: none !important;
    border-top: none !important;
    min-height: 50px;
    transition: background 0.18s, color 0.18s;
    letter-spacing: 0.01em;
}

.wcb-nav__link--special:hover {
    background: #fdf2f8;
    color: #9d174d !important;
    border-bottom: none !important;
}

/* ── Separator between highlights and regular items ─────────── */
.wcb-nav__item--sep {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
    pointer-events: none;
}

.wcb-nav__item--sep::before {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: #e2e8f0;
    border-radius: 1px;
}

/* ============================================================
   MEGA MENU — Premium UX/UI
   ============================================================ */

/* ── Dropdown container ── */
/* -- Dropdown container -- */
/* NOTA: Estilos de largura sobrescritos pelo PATCH FIGMA desktop */
.wcb-mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 0;
    background: #fff;
    border: none;
    border-top: 1px solid #eef0f7;
    border-radius: 0;
    box-shadow: 0 20px 38px rgba(16, 24, 40, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition:
        opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.22s;
    pointer-events: none;
    z-index: 9000;
    overflow: visible;
}

.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* ── Inner layout ── */
/* Inner layout — defined in CSS Columns section below */

/* ── Left: columns area ── */
.wcb-mega__cols {
    display: flex;
    flex: 1;
    padding: 1.6rem 1.5rem 1.6rem 1.75rem;
    border-right: 1px solid #f1f3f8;
    gap: 0;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 1rem;
    border-right: 1px solid #f1f3f8;
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

/* Column header */
.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #f0f2f8;
    position: relative;
}

.wcb-mega__col-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 24px;
    height: 2px;
    background: var(--wcb-blue);
    border-radius: 2px;
}

.wcb-mega__col-icon {
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

.wcb-mega__col-title {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #334155;
    margin: 0;
}

/* Links */
.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-mega__links li a {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.38rem 0.5rem;
    font-size: 0.84rem;
    font-weight: 500;
    color: #475569;
    text-decoration: none;
    border-radius: 7px;
    transition: background 0.14s, color 0.14s, padding-left 0.14s;
    position: relative;
    overflow: hidden;
}

.wcb-mega__links li a::before {
    content: '›';
    position: absolute;
    left: 0.5rem;
    font-size: 1rem;
    color: var(--wcb-blue);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.14s, transform 0.14s;
}

.wcb-mega__links li a:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
    padding-left: 1.4rem;
    font-weight: 600;
}

.wcb-mega__links li a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* ── Right: side panel ── */
.wcb-mega__side {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.6rem 1.5rem 1.6rem 1.4rem;
    background: #f8faff;
}

/* Bestsellers */
.wcb-mega__side-label {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    margin: 0 0 0.6rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    counter-reset: bestseller;
}

.wcb-mega__best-list li {
    counter-increment: bestseller;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.4rem 0.5rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    border-radius: 7px;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__best-list li a::before {
    content: counter(bestseller);
    min-width: 20px;
    height: 20px;
    background: #e0e7ff;
    color: var(--wcb-blue);
    font-size: 0.68rem;
    font-weight: 800;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__best-list li:first-child a::before {
    background: #fbbf24;
    color: #78350f;
}

.wcb-mega__best-list li a:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    background: var(--wcb-blue);
    color: #fff;
}

/* ── Promo banner ── */
.wcb-mega__banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    position: relative;
}

.wcb-mega__banner::before {
    content: '✦';
    position: absolute;
    right: -8px;
    bottom: -12px;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.04);
    pointer-events: none;
    line-height: 1;
}

.wcb-mega__banner-body {
    padding: 1.1rem;
    position: relative;
    z-index: 1;
}

.wcb-mega__banner-tag {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #93c5fd;
    margin: 0 0 0.3rem;
}

.wcb-mega__banner-title {
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.35rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.wcb-mega__banner-text {
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.85rem;
    line-height: 1.45;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 1rem;
    background: #fff;
    color: #1e40af;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 999px;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.wcb-mega__banner-btn:hover {
    background: #eff6ff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4);
}

/* ── Footer ── */
.wcb-mega__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f1f3f8;
    padding: 0.7rem 1.75rem;
    background: #fafbfe;
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s, color 0.15s;
}

.wcb-mega__footer-link:hover {
    gap: 0.75rem;
    color: #1a56db;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ============================================================
   MEGA MENU — CSS Columns com hierarquia pai → filhos
   Estrutura HTML: .wcb-mega__simple > li > a.wcb-mega__link
   Grupos:    li.menu-item-has-children > a.--has-sub + ul.wcb-mega__sub
   Standalone: li > a.wcb-mega__link (sem filhos)
   ============================================================ */

/* Wrapper interno — centralizado no container do site */
.wcb-mega__inner {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding-left: var(--wcb-space-lg);
    padding-right: var(--wcb-space-lg);
}

/* ── Header row injetado via JS ── */
.wcb-mega__header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem 0.6rem;
}

.wcb-mega__title {
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wcb-mega__count {
    font-size: 0.72rem;
    font-weight: 500;
    color: #94a3b8;
}

.wcb-mega__view-all-top {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.wcb-mega__view-all-top:hover {
    text-decoration: underline;
}

/* ── CTA "Ver Todos" por coluna ── */
.wcb-mega__ver-todos {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wcb-blue);
    text-decoration: none;
    margin-top: 0.35rem;
    padding: 0.25rem 0.5rem 0.25rem 0.85rem;
    border-radius: 5px;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__ver-todos:hover {
    background: #eef3ff;
}

.wcb-mega__ver-todos::after {
    content: '\2192';
    font-size: 0.8rem;
}

/* ── Drill-down: Back button ── */
.wcb-mega__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem 0.35rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wcb-blue);
    background: var(--wcb-blue-bg, #eef3ff);
    border: 1px solid rgba(21, 93, 253, 0.15);
    border-radius: var(--wcb-radius-full, 9999px);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
    line-height: 1;
    margin-right: 0.75rem;
}

.wcb-mega__back:hover {
    background: var(--wcb-blue);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21, 93, 253, 0.2);
}

.wcb-mega__back:hover svg {
    stroke: #fff;
}

.wcb-mega__back svg {
    flex-shrink: 0;
    transition: stroke 0.15s;
}

/* ── Drill-down: Animated column transitions ── */
.wcb-mega__simple>li {
    transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.3s ease;
}

.wcb-mega__simple>li.wcb-mega__col--hidden {
    opacity: 0;
    transform: translateY(-8px);
    max-height: 0;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

/* ── Drill-down: Expanded column ── */
.wcb-mega__col--drilled {
    width: 100% !important;
    padding: 0 !important;
}

/* When drilled, the sub-list becomes a grid */
.wcb-mega__col--drilled>.wcb-mega__sub {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.25rem 1.5rem;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0.5rem;
}

/* Hide the heading link bar in drilled mode (already shown in header) */
.wcb-mega__col--drilled>.wcb-mega__link--has-sub {
    display: none;
}

/* ── Drill-down: Header transition ── */
.wcb-mega--drilled .wcb-mega__header {
    border-bottom: 1px solid #eef0f7;
    padding-bottom: 0.75rem;
    margin-bottom: 0.25rem;
}

/* ── Drill-down: Simple list becomes single column layout ── */
.wcb-mega--drilled .wcb-mega__simple {
    columns: 1 !important;
    column-rule: none;
}

/* ── Lista raiz: CSS Columns (auto-balance) ── */
.wcb-mega__simple {
    columns: 3 220px;
    column-gap: 0;
    column-rule: 1px solid #eef0f7;
    list-style: none;
    margin: 0;
    padding: 1.5rem 1.75rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
}

/* Cada li = um bloco que nunca quebra entre colunas */
.wcb-mega__simple>li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding: 0 1.25rem;
    margin-bottom: 0.5rem;
}

.wcb-mega__simple>li:last-child {
    margin-bottom: 0;
}

/* ── Categoria pai com filhos */
.wcb-mega__link--has-sub {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0f172a;
    text-decoration: none;
    padding: 0.3rem 0.5rem 0.4rem 0.85rem;
    margin-bottom: 0.3rem;
    border-radius: 6px;
    position: relative;
    transition: color 0.15s, background 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.wcb-mega__link--has-sub::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: var(--wcb-blue);
    border-radius: 2px;
    transition: height 0.18s ease;
}

.wcb-mega__link--has-sub:hover {
    color: var(--wcb-blue);
    background: #f0f4ff;
}

.wcb-mega__link--has-sub:hover::before {
    height: 18px;
}

/* ── Categoria standalone (sem filhos) — tile clicável */
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem 0.5rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #e8edf5;
    background: #f8faff;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
    content: '›';
    font-size: 1.1rem;
    color: #94a3b8;
    line-height: 1;
    transition: transform 0.15s, color 0.15s;
    flex-shrink: 0;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
    background: #eef3ff;
    border-color: var(--wcb-blue);
    color: var(--wcb-blue);
    box-shadow: 0 2px 8px rgba(21, 93, 253, 0.1);
}

.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover::after {
    transform: translateX(3px);
    color: var(--wcb-blue);
}

/* ── Sublista de filhos */
.wcb-mega__sub {
    list-style: none;
    margin: 0 0 0 0.6rem;
    padding: 0 0 0.2rem 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-left: 2px solid #e8edf5;
}

.wcb-mega__sub>li>a,
.wcb-mega__sub>li>.wcb-mega__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.32rem 0.5rem;
    font-size: 0.81rem;
    font-weight: 500;
    color: #64748b;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.12s, color 0.12s, padding-left 0.12s;
    position: relative;
}

.wcb-mega__sub>li>a::before,
.wcb-mega__sub>li>.wcb-mega__link::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
    transition: background 0.12s, transform 0.12s;
}

.wcb-mega__sub>li>a:hover,
.wcb-mega__sub>li>.wcb-mega__link:hover {
    background: #eef3ff;
    color: var(--wcb-blue);
    padding-left: 0.75rem;
    font-weight: 600;
}

.wcb-mega__sub>li>a:hover::before,
.wcb-mega__sub>li>.wcb-mega__link:hover::before {
    background: var(--wcb-blue);
    transform: scale(1.25);
}

/* ── Footer */
.wcb-mega__simple-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f1f3f8;
    padding: 0.6rem 1.75rem;
    background: #fafbfe;
}


/* ── Mobile ── */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
    }

    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        width: 100%;
        box-shadow: none;
        border: none;
        border-top: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding: 1rem;
        gap: 0.5rem;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__side {
        width: 100%;
        padding: 1rem;
        background: #f8faff;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}



.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.wcb-mega__inner {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding-left: var(--wcb-space-lg);
    padding-right: var(--wcb-space-lg);
    box-sizing: border-box;
}

/* Columns */
.wcb-mega__cols {
    display: flex;
    flex: 1;
    border-right: 1px solid var(--wcb-gray-100);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 0.9rem;
    border-right: 1px solid var(--wcb-gray-50);
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .65rem;
    padding-bottom: .5rem;
    border-bottom: 1.5px solid var(--wcb-gray-100);
}

.wcb-mega__col-icon {
    font-size: 1.1rem;
}

.wcb-mega__col-title {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wcb-gray-500);
    margin: 0;
}

.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wcb-mega__links li a {
    display: block;
    padding: .34rem .45rem;
    font-size: .83rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background .12s, color .12s, padding-left .12s;
}

.wcb-mega__links li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    padding-left: .7rem;
}

/* Side panel */
.wcb-mega__side {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.wcb-mega__side-label {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wcb-gray-500);
    margin: 0 0 .5rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .3rem .45rem;
    font-size: .82rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background .12s, color .12s;
}

.wcb-mega__best-list li a::before {
    content: '→';
    font-size: .75rem;
    color: var(--wcb-gray-400);
    flex-shrink: 0;
    transition: color .12s;
}

.wcb-mega__best-list li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    color: var(--wcb-blue);
}

/* Promo banner */
.wcb-mega__banner {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    flex: 1;
}

.wcb-mega__banner-body {
    padding: 1rem;
}

.wcb-mega__banner-tag {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .7);
    margin: 0 0 .35rem;
}

.wcb-mega__banner-title {
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 .35rem;
    line-height: 1.25;
}

.wcb-mega__banner-text {
    font-size: .75rem;
    color: rgba(255, 255, 255, .78);
    margin: 0 0 .8rem;
    line-height: 1.4;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .42rem .9rem;
    background: #fff;
    color: var(--wcb-blue);
    font-size: .75rem;
    font-weight: 700;
    border-radius: 20px;
    text-decoration: none;
    transition: background .15s, transform .15s;
}

.wcb-mega__banner-btn:hover {
    background: #e0e7ff;
    transform: translateX(2px);
}

/* Footer */
.wcb-mega__footer {
    border-top: 1px solid var(--wcb-gray-100);
    padding: .65rem 1.75rem;
    background: var(--wcb-gray-50);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap .15s;
}

.wcb-mega__footer-link:hover {
    gap: .65rem;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
}

/* ── Mobile ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
    }

    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        box-shadow: none;
        border: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
        padding: .75rem 1rem;
        gap: .5rem;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__side {
        width: 100%;
        flex-direction: row;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}


/* ── Nav bar ──────────────────────────────────────────────────── */
.wcb-nav {
    background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 100%);
    border-bottom: none;
    position: relative;
    z-index: 900;
    overflow: visible;
    box-shadow: none;
}

.wcb-nav__inner {
    display: flex;
    align-items: center;
    min-height: 48px;
}

.wcb-nav__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.wcb-nav__item {
    position: static;
    /* mega menu se posiciona relativo ao .wcb-nav */
    display: flex;
    align-items: center;
}

.wcb-nav__link {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 1.1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    min-height: 46px;
    line-height: 1;
}

.wcb-nav__link:hover {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.08);
}

.wcb-nav__icon {
    font-size: 1rem;
    line-height: 1;
}

.wcb-nav__chevron {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    margin-left: 0.1rem;
}

/* Rotate chevron when open */
.wcb-nav__item--mega:hover .wcb-nav__chevron,
.wcb-nav__item--mega.is-open .wcb-nav__chevron {
    transform: rotate(180deg);
}

/* Ofertas — accent colour */
.wcb-nav__link--ofertas {
    color: #fbbf24;
    font-weight: 700;
}

.wcb-nav__link--ofertas:hover {
    color: #fde68a;
    border-bottom-color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
}

/* ── Mega dropdown ────────────────────────────────────────────── */
.wcb-mega {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 860px;
    background: #fff;
    border: 1px solid var(--wcb-gray-100);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10), 0 4px 16px rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(8px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
    pointer-events: none;
    z-index: 9000;
}

/* Keep the link area in the hover chain */
.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.is-open .wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

.wcb-mega__inner {
    display: flex;
    gap: 0;
    padding: 1.5rem 1.75rem;
}

/* ── Columns section ──────────────────────────────────────────── */
.wcb-mega__cols {
    display: flex;
    gap: 0;
    flex: 1;
    border-right: 1px solid var(--wcb-gray-100);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 0.9rem;
    border-right: 1px solid var(--wcb-gray-50);
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    padding-right: 0;
    border-right: none;
}

.wcb-mega__col-header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 1.5px solid var(--wcb-gray-100);
}

.wcb-mega__col-icon {
    font-size: 1.1rem;
}

.wcb-mega__col-title {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--wcb-gray-500);
    margin: 0;
}

.wcb-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wcb-mega__links li a {
    display: block;
    padding: 0.34rem 0.45rem;
    font-size: 0.83rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__links li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
    padding-left: 0.7rem;
}

/* ── Right side panel ─────────────────────────────────────────── */
.wcb-mega__side {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

/* Mais Vendidos */
.wcb-mega__side-label {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--wcb-gray-500);
    margin: 0 0 0.5rem;
}

.wcb-mega__best-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wcb-mega__best-list li a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.45rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--wcb-gray-700);
    text-decoration: none;
    border-radius: var(--wcb-radius-xs);
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__best-list li a::before {
    content: '→';
    font-size: 0.75rem;
    color: var(--wcb-gray-400);
    flex-shrink: 0;
    transition: color 0.12s;
}

.wcb-mega__best-list li a:hover {
    background: var(--wcb-blue-bg);
    color: var(--wcb-blue);
}

.wcb-mega__best-list li a:hover::before {
    color: var(--wcb-blue);
}

/* Promo Banner */
.wcb-mega__banner {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
    flex: 1;
}

.wcb-mega__banner-body {
    padding: 1rem;
}

.wcb-mega__banner-tag {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 0.35rem;
}

.wcb-mega__banner-title {
    font-size: 0.9rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.35rem;
    line-height: 1.25;
}

.wcb-mega__banner-text {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.78);
    margin: 0 0 0.8rem;
    line-height: 1.4;
}

.wcb-mega__banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.42rem 0.9rem;
    background: #fff;
    color: var(--wcb-blue);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s;
}

.wcb-mega__banner-btn:hover {
    background: #e0e7ff;
    transform: translateX(2px);
}

/* ── Mega footer ──────────────────────────────────────────────── */
.wcb-mega__footer {
    border-top: 1px solid var(--wcb-gray-100);
    padding: 0.65rem 1.75rem;
    background: var(--wcb-gray-50);
    border-radius: 0 0 var(--wcb-radius-lg) var(--wcb-radius-lg);
}

.wcb-mega__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wcb-blue);
    text-decoration: none;
    transition: gap 0.15s;
}

.wcb-mega__footer-link:hover {
    gap: 0.65rem;
}

.wcb-mega__footer-link svg {
    width: 14px;
    height: 14px;
}

/* ================================================================
   MOBILE — Accordion
   ================================================================ */
@media (max-width: 768px) {
    .wcb-nav__list {
        display: none;
        /* hidden — mobile uses the slide-in menu */
    }

    /* Mobile accordion items for Acessórios */
    .wcb-mega {
        position: static;
        transform: none;
        min-width: 0;
        box-shadow: none;
        border: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: none;
        padding: 0;
    }

    .wcb-nav__item--mega.is-open .wcb-mega {
        display: block;
    }

    .wcb-mega__inner {
        flex-direction: column;
        padding: 0.75rem 1rem;
        gap: 0.5rem;
    }

    .wcb-mega__cols {
        flex-direction: column;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        gap: 0.25rem;
    }

    .wcb-mega__col {
        padding: 0;
        border-right: none;
    }

    .wcb-mega__col-header {
        cursor: pointer;
    }

    .wcb-mega__side {
        width: 100%;
        flex-direction: row;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

    .wcb-mega__banner {
        flex: 1;
        min-width: 200px;
    }
}


/* ============================================================
   PRODUCT REVIEWS — Premium Inspired Design
   ============================================================ */

/* Outer wrapper */
.wcb-reviews {
    padding: 0 0 3rem;
}

/* ── Hero score panel ── */
.wcb-reviews__hero {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    border-radius: 16px;
    padding: 2.5rem 3rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.wcb-reviews__hero::before {
    content: '★';
    position: absolute;
    right: -20px;
    top: -30px;
    font-size: 200px;
    color: rgba(255, 255, 255, 0.03);
    line-height: 1;
    pointer-events: none;
}

/* Big score number */
.wcb-reviews__score-block {
    text-align: center;
    flex-shrink: 0;
}

.wcb-reviews__score-num {
    font-size: 5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.04em;
}

.wcb-reviews__stars-big {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin: 10px 0 6px;
}

.wcb-reviews__total {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

/* Star distribution bars */
.wcb-reviews__bars {
    flex: 1;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wcb-reviews__bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wcb-reviews__bar-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    width: 28px;
    flex-shrink: 0;
    text-align: right;
}

.wcb-reviews__bar-track {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    overflow: hidden;
}

.wcb-reviews__bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    border-radius: 999px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.wcb-reviews__bar-pct {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.4);
    width: 30px;
}

/* CTA in hero */
.wcb-reviews__hero-cta {
    flex-shrink: 0;
    text-align: center;
}

.wcb-reviews__hero-msg {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.88rem;
    margin: 0 0 14px;
    line-height: 1.5;
}

.wcb-reviews__toggle-btn {
    background: #1c64f2;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    letter-spacing: 0.01em;
}

.wcb-reviews__toggle-btn:hover {
    background: #1a56db;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(28, 100, 242, 0.4);
}

/* ── Reviews list title ── */
.wcb-reviews__list-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e5e7eb;
    letter-spacing: -0.01em;
}

/* ── Individual review cards (WooCommerce overrides) ── */
.wcb-reviews__list .commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wcb-reviews__list .commentlist .comment,
.wcb-reviews__list .commentlist .review {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.2s, transform 0.2s;
}

.wcb-reviews__list .commentlist .comment:hover,
.wcb-reviews__list .commentlist .review:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.09);
    transform: translateY(-2px);
}

/* Avatar area */
.wcb-reviews__list .comment-text {
    margin: 0;
}

.wcb-reviews__list .woocommerce-review__author {
    font-weight: 700;
    color: #0f172a;
    font-size: 0.95rem;
}

.wcb-reviews__list .woocommerce-review__dash,
.wcb-reviews__list .woocommerce-review__published-date {
    color: #9ca3af;
    font-size: 0.78rem;
}

.wcb-reviews__list .star-rating {
    color: #f59e0b;
    margin: 8px 0;
}

.wcb-reviews__list .description p {
    color: #374151;
    font-size: 0.92rem;
    line-height: 1.65;
    margin: 0.5rem 0 0;
}

/* Verified badge */
.wcb-reviews__list .woocommerce-review__verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #059669;
    background: #d1fae5;
    padding: 2px 10px;
    border-radius: 999px;
    margin-top: 8px;
}

/* ── Empty state ── */
.wcb-reviews__empty {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border: 2px dashed #e2e8f0;
    border-radius: 16px;
    margin-bottom: 2rem;
}

.wcb-reviews__empty-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    line-height: 1;
}

.wcb-reviews__empty h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px;
}

.wcb-reviews__empty p {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0;
}

/* ── Review Form wrapper (hidden by default, toggle via JS) ── */
.wcb-reviews__form-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.07);
    margin-top: 2.5rem;
    display: none;
    /* toggled by JS */
}

.wcb-reviews__form-wrap.open {
    display: block;
    animation: reviewFormIn 0.3s ease;
}

@keyframes reviewFormIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wcb-reviews__form-header {
    margin-bottom: 1.5rem;
}

.wcb-reviews__form-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

/* Input fields */
.wcb-reviews__form-wrap #commentform input[type="text"],
.wcb-reviews__form-wrap #commentform input[type="email"],
.wcb-reviews__form-wrap #commentform textarea {
    width: 100%;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 0.9rem;
    color: #1e293b;
    background: #f8fafc;
    transition: border-color 0.18s, box-shadow 0.18s;
    outline: none;
    resize: vertical;
    margin-bottom: 1rem;
    box-sizing: border-box;
    font-family: inherit;
}

.wcb-reviews__form-wrap #commentform input:focus,
.wcb-reviews__form-wrap #commentform textarea:focus {
    border-color: #1c64f2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(28, 100, 242, 0.1);
}

.wcb-reviews__form-wrap #commentform label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 5px;
    letter-spacing: 0.02em;
}

/* Star rating selector */
.wcb-reviews__form-wrap .stars {
    display: flex;
    gap: 6px;
    margin-bottom: 1.25rem;
}

.wcb-reviews__form-wrap .stars a {
    font-size: 1.6rem;
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.15s, transform 0.1s;
    line-height: 1;
}

.wcb-reviews__form-wrap .stars a:hover,
.wcb-reviews__form-wrap .stars a.active,
.wcb-reviews__form-wrap .stars:hover a {
    color: #f59e0b;
    transform: scale(1.15);
}

.wcb-reviews__form-wrap .stars a:hover~a {
    color: #cbd5e1;
    transform: none;
}

/* Comment field */
.wcb-reviews__form-wrap #comment {
    min-height: 130px;
}

/* Submit area */
.wcb-reviews__form-submit {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Submit button */
.wcb-reviews__submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f172a;
    color: #fff;
    padding: 13px 32px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    letter-spacing: 0.01em;
}

.wcb-reviews__submit:hover {
    background: #1c64f2;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(28, 100, 242, 0.3);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .wcb-reviews__hero {
        padding: 1.5rem;
        gap: 1.5rem;
    }

    .wcb-reviews__score-num {
        font-size: 3.5rem;
    }

    .wcb-reviews__form-wrap {
        padding: 1.5rem;
    }

    .wcb-reviews__bar-row {
        gap: 6px;
    }
}


/* ============================================================
   PROMO BANNER CARDS
   ============================================================ */
.wcb-promo-banners {
    padding: 0 0 2.5rem;
}

.wcb-promo-banners__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* ── Card container ───────────────────────────── */
.wcb-promo-banner-card {
    position: relative;
    display: block;
    min-height: 360px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #0f172a;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

/* Moldura interior (igual .wcb-vendidos-banner-card::after) */
.wcb-promo-banner-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 4;
    pointer-events: none;
}

/* Foto de fundo + zoom no hover (igual .wcb-vendidos-banner-card__img) */
.wcb-promo-banner-card__img {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
    pointer-events: none;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__img {
    transform: scale(1.1) !important;
    filter: brightness(1.05) !important;
}

.wcb-promo-banner-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

@media (prefers-reduced-motion: reduce) {
    .wcb-promo-banner-card {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .wcb-promo-banner-card:hover {
        transform: none;
    }
}

/* ── Glow radial por card ─────────────────────── */
.wcb-promo-banner-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .15;
    transition: opacity .3s;
    z-index: 1;
}

.wcb-promo-banner-card:hover::before {
    opacity: .25;
}

.wcb-promo-banner-card:nth-child(1)::before {
    background: radial-gradient(circle at 70% 30%,
            rgba(26, 86, 219, 1),
            transparent 60%);
}

.wcb-promo-banner-card:nth-child(2)::before {
    background: radial-gradient(circle at 30% 30%,
            rgba(5, 150, 105, 1),
            transparent 60%);
}

/* ── Overlay escuro ───────────────────────────── */
.wcb-promo-banner-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(7, 12, 26, .9),
            rgba(7, 12, 26, .55),
            rgba(7, 12, 26, .2));
    z-index: 2;
    pointer-events: none;
}

/* ── Body: conteúdo no rodapé ─────────────────── */
.wcb-promo-banner-card__body {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    z-index: 3;
}

/* ── Badge pill ────────────────────────────────── */
.wcb-promo-banner-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    margin-bottom: 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    width: fit-content;
}

/* ── Título ────────────────────────────────────── */
.wcb-promo-banner-card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 4px;
    letter-spacing: -0.01em;
}

/* ── Subtítulo ─────────────────────────────────── */
.wcb-promo-banner-card__sub {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .5);
    margin: 0;
}

/* ── CTA (igual .wcb-vendidos-banner-card__btn) ── */
.wcb-promo-banner-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    margin-top: 16px;
    transition: background 0.18s ease;
    width: fit-content;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__cta {
    background: #f3f4f6;
}

.wcb-promo-banner-card__cta svg {
    flex-shrink: 0;
    color: #111827;
    stroke: currentColor;
    transition: transform 0.2s ease;
}

.wcb-promo-banner-card:hover .wcb-promo-banner-card__cta svg {
    transform: translateX(2px);
}



/* ── Desktop: padding maior ────────────────────── */
@media (min-width: 769px) {
    .wcb-promo-banner-card__body {
        padding: 32px;
    }
}

/* ── Mobile ─────────────────────────────────────── */
@media (max-width: 768px) {
    .wcb-promo-banners__grid {
        grid-template-columns: 1fr;
    }

    .wcb-promo-banner-card {
        min-height: 260px;
    }

    .wcb-promo-banner-card__body {
        padding: 24px;
    }

    /* CTA sempre visível no mobile */
    .wcb-promo-banner-card:nth-child(1) .wcb-promo-banner-card__cta {
        display: inline-flex;
    }
}



















/* ── Responsive ── */



/* ============================================================
   TRUST BAR
   ============================================================ */
.wcb-trust {
    padding: 1rem 0;
    border-bottom: 1px solid #f0f2f8;
    background: #fff;
}

.wcb-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.wcb-trust__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border-right: 1px solid #f1f3f8;
    transition: background 0.18s;
    border-radius: 10px;
}

.wcb-trust__item:last-child {
    border-right: none;
}

.wcb-trust__item:hover {
    background: #f8faff;
}

.wcb-trust__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #eef3ff;
    color: var(--wcb-blue);
    flex-shrink: 0;
    transition: background 0.18s, transform 0.18s;
}

.wcb-trust__item:hover .wcb-trust__icon {
    background: var(--wcb-blue);
    color: #fff;
    transform: scale(1.06);
}

.wcb-trust__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-trust__text strong {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.wcb-trust__text span {
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .wcb-trust__grid {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .wcb-trust__item {
        flex: 1 1 calc(50% - 0.5rem);
        border-right: none;
        border: 1px solid #f1f3f8;
    }
}


/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.wcb-announce {
    position: relative;
    background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 50%, #2563eb 100%);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 500;
    text-align: center;
    padding: 9px 48px;
    overflow: hidden;
    z-index: 9999;
}

.wcb-announce__track {
    position: relative;
    height: 1.2em;
    overflow: hidden;
}

.wcb-announce__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
}

.wcb-announce__slide.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.wcb-announce__slide span {
    margin-right: 6px;
}

.wcb-announce__slide a {
    color: #93c5fd;
    text-decoration: underline;
}

.wcb-announce__slide a:hover {
    color: #bfdbfe;
}

.wcb-announce__close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    line-height: 1;
}

.wcb-announce__close:hover {
    background: rgba(255, 255, 255, 0.28);
}

/* ============================================================
   PREMIUM SECTION HEADERS
   ============================================================ */
.wcb-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f1f3f8;
    position: relative;
}

.wcb-section__header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #1d4ed8, #60a5fa);
    border-radius: 2px;
}

.wcb-section__title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.wcb-section__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--wcb-blue);
    background: transparent;
    border: 1.5px solid color-mix(in srgb, var(--wcb-blue) 45%, transparent);
    padding: 0.5rem 1.25rem;
    border-radius: var(--wcb-radius-full);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        gap 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.2s ease;
}

.wcb-section__link:hover {
    background: var(--wcb-blue-hover);
    color: var(--wcb-white);
    border-color: var(--wcb-blue-hover);
    gap: 0.7rem;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--wcb-blue) 35%, transparent);
    transform: translateY(-2px);
}

/* ============================================================
   SCROLL FADE-IN ANIMATIONS
   ============================================================ */
.wcb-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.wcb-section.wcb-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger child cards */
.wcb-section.wcb-visible .wcb-product-card {
    animation: wcbCardIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(1) {
    animation-delay: 0.05s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(2) {
    animation-delay: 0.10s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(3) {
    animation-delay: 0.15s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(4) {
    animation-delay: 0.20s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(5) {
    animation-delay: 0.25s;
}

.wcb-section.wcb-visible .wcb-product-card:nth-child(n+6) {
    animation-delay: 0.30s;
}

@keyframes wcbCardIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================
   ENHANCED PRODUCT CARD HOVER
   ============================================================ */
.wcb-product-card {
    transition: transform 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wcb-product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1),
        0 2px 8px rgba(15, 23, 42, 0.05);
}

/* ============================================================
   PROMO BANNERS FADE-IN
   ============================================================ */
.wcb-promo-banners {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.wcb-promo-banners.wcb-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {

    .wcb-section,
    .wcb-promo-banners {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .wcb-section.wcb-visible .wcb-product-card {
        animation: none;
    }
}

/* ============================================================
   PREMIUM TESTIMONIALS — Senior UX/UI Design v2
   ============================================================ */

.wcb-testimonials {
    background: #f0f4ff;
    padding: 5rem 0 4rem;
    overflow: hidden;
}

.wcb-testimonials__header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.wcb-testimonials__stars-row {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-bottom: 0.85rem;
}

.wcb-testimonials__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1.5px solid #bfdbfe;
    border-radius: 999px;
    padding: 0.4rem 1.15rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #1d4ed8;
    text-transform: uppercase;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.wcb-testimonials__badge-dot {
    width: 7px;
    height: 7px;
    background: #2563eb;
    border-radius: 50%;
    display: inline-block;
    animation: wcb-pulse 2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(37, 99, 235, 0.5);
}

@keyframes wcb-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 6px rgba(37, 99, 235, 0.5);
    }

    50% {
        opacity: 0.6;
        transform: scale(0.85);
        box-shadow: 0 0 2px rgba(37, 99, 235, 0.2);
    }
}

.wcb-testimonials__title {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.03em;
    margin-bottom: 0.6rem;
}

.wcb-testimonials__subtitle {
    font-size: 0.95rem;
    color: #64748b;
    max-width: 460px;
    margin: 0 auto;
    line-height: 1.65;
}

.wcb-testimonials__subtitle strong {
    color: #1e293b;
    font-weight: 700;
}

.wcb-testimonials__carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
}

.wcb-testimonials__track-container {
    flex: 1;
    overflow: hidden;
    padding: 2rem 0;
}

.wcb-testimonials__track {
    display: flex;
    gap: 1.5rem;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    align-items: center;
}

.wcb-testimonials__nav {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #475569;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.18s, border-color 0.18s, color 0.18s, box-shadow 0.18s;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.wcb-testimonials__nav:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
}

.wcb-testimonials__nav--prev {
    margin-right: 1rem;
}

.wcb-testimonials__nav--next {
    margin-left: 1rem;
}

.wcb-tcard {
    background: #fff;
    border-radius: 20px;
    padding: 2rem 1.75rem 1.5rem;
    flex-shrink: 0;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
    border: 1px solid #e8edf5;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s, opacity 0.5s, border-color 0.5s;
    opacity: 0.55;
    transform: scale(0.92);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-sizing: border-box;
}

.wcb-tcard.wcb-tcard--active {
    background: linear-gradient(135deg, #f8faff, #ffffff);
    border-color: #2563eb;
    border-width: 2px;
    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.08),
        0 20px 50px rgba(15, 23, 42, 0.12);
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.wcb-tcard--active .wcb-tcard__text {
    color: #1e293b;
}

.wcb-tcard--active .wcb-tcard__quote {
    color: #c7d2fe;
}

.wcb-tcard--active .wcb-tcard__info strong {
    color: #0f172a;
}

.wcb-tcard--active .wcb-tcard__info span {
    color: #64748b;
}

.wcb-tcard--active .wcb-tcard__badge {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1d4ed8;
    border-color: #93c5fd;
}

.wcb-tcard__quote {
    font-size: 5rem;
    line-height: 0.65;
    font-family: Georgia, serif;
    color: #bfdbfe;
    font-weight: 700;
    display: block;
}

.wcb-tcard__stars {
    display: flex;
    gap: 2px;
}

.wcb-tcard__text {
    font-size: 0.93rem;
    color: #334155;
    line-height: 1.72;
    flex: 1;
    font-style: italic;
}

.wcb-tcard__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.wcb-tcard__user {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.wcb-tcard__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
}

.wcb-tcard__avatar--blue {
    background: linear-gradient(135deg, #2563eb, #60a5fa);
}

.wcb-tcard__avatar--pink {
    background: linear-gradient(135deg, #ec4899, #f472b6);
}

.wcb-tcard__avatar--green {
    background: linear-gradient(135deg, #059669, #34d399);
}

.wcb-tcard__avatar--purple {
    background: linear-gradient(135deg, #7c3aed, #a78bfa);
}

.wcb-tcard__avatar--orange {
    background: linear-gradient(135deg, #ea580c, #fb923c);
}

.wcb-tcard__avatar--teal {
    background: linear-gradient(135deg, #0891b2, #22d3ee);
}

.wcb-tcard__info strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.wcb-tcard__info span {
    font-size: 0.75rem;
    color: #94a3b8;
}

.wcb-tcard__badge {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.wcb-testimonials__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2rem;
}

.wcb-testimonials__dots {
    display: flex;
    gap: 6px;
}

.wcb-testimonials__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
    border: none;
    cursor: pointer;
    transition: background 0.2s, width 0.25s;
    padding: 0;
}

.wcb-testimonials__dot.active {
    background: #2563eb;
    width: 22px;
    border-radius: 999px;
}

.wcb-testimonials__counter {
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
}

@media (max-width: 768px) {
    .wcb-tcard {
        min-width: 260px;
        max-width: 280px;
        padding: 1.5rem 1.25rem 1.25rem;
    }

    .wcb-testimonials__nav {
        width: 36px;
        height: 36px;
    }

    .wcb-testimonials__nav--prev {
        margin-right: 0.5rem;
    }

    .wcb-testimonials__nav--next {
        margin-left: 0.5rem;
    }
}

/* ============================================================
   MEGA MENU — Redesign Premium UX/UI
   ✔ Viewport-safe: nunca sai da tela (right:0 para últimos itens)
   ✔ Hierarquia correta: CATEGORIA PAI em cima, filhos abaixo
   ✔ Flex layout por coluna (sem CSS columns que quebra grupos)
   ✔ Hover delay + animacao suave + area de tolerancia
   ✔ Escaneabilidade maxima
   ============================================================ */

/* ── Posicionador pai ── */
.wcb-nav__item--mega {
    position: relative;
}

/* ── Container do dropdown ── */
.wcb-nav__item--mega>.wcb-mega {
    position: absolute;
    top: 100%;
    left: 0;
    width: min(880px, calc(100vw - 16px));
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid var(--wcb-blue);
    border-radius: 0 0 12px 12px;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.12),
        0 4px 16px rgba(15, 23, 42, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    /* Delay de abertura ~150ms para evitar acionar ao passar o mouse */
    transition:
        opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        visibility 0s linear 0.3s;
    pointer-events: none;
    z-index: 9000;
    overflow: hidden;
    /* Mantém área de tolerância — não fecha ao mover mouse para o dropdown */
    margin-top: 0;
}

/* Abertura: sem delay no fechamento */
.wcb-nav__item--mega:hover>.wcb-mega,
.wcb-nav__item--mega.is-open>.wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition:
        opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
        visibility 0s linear 0s;
}

/* ── VIEWPORT SAFETY: itens nos últimos 4 da nav alinham à direita ── */
.wcb-nav__list>.wcb-nav__item--mega:nth-last-child(-n+4)>.wcb-mega {
    left: auto;
    right: 0;
}

/* ── Inner wrapper ── */
.wcb-mega__inner {
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* ============================================================
   .wcb-mega__simple — LISTA HIERÁRQUICA GERADA PELO nav-walker.php
   Estrutura: ul.wcb-mega__simple > li > a (pai) + ul.wcb-mega__sub > li > a (filhos)
   SOLUÇÃO: flex-row onde cada LI é UMA COLUNA contendo pai + filhos verticalmente
   ============================================================ */

/* Lista raiz: FLEX ROW de colunas */
.wcb-mega__simple {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    /* colunas esticam para a mesma altura */
    align-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 1.4rem 0.75rem 0.75rem;
    width: 100%;
    box-sizing: border-box;
    gap: 0;
}

/* Cada LI = uma COLUNA: pai em cima, filhos abaixo — SEMPRE */
.wcb-mega__simple>li {
    flex: 1 1 170px;
    /* min 170px, cresce igualmente */
    max-width: 250px;
    /* expandido levemente para respiro */
    min-width: 0;
    display: flex;
    flex-direction: column;
    /* pai em cima → filhos abaixo */
    align-items: stretch;
    justify-content: space-between;
    /* empurra ver-todos para o fundo */
    padding: 0 1.25rem;
    border-right: none;
    /* REMOVIDO: visual clean e moderno sem grids rígidos */
    margin-bottom: 0.5rem;
}

.wcb-mega__simple>li:first-child {
    padding-left: 0.5rem;
}

.wcb-mega__simple>li:last-child {
    border-right: none;
}

/* ── CATEGORIA PAI com filhos — cabeçalho de seção ── */
.wcb-mega__link--has-sub,
.wcb-mega__simple>li.menu-item-has-children>a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #334155;
    /* Cor moderna e profunda */
    text-decoration: none;
    padding: 0 0 0.4rem 0;
    /* Sem padding lateral, padding inferior para base visual */
    margin-bottom: 0.85rem;
    /* Respiro para os filhos */
    border-bottom: 1px solid #f1f5f9;
    /* Traço separador base, clássico de app sênior */
    border-radius: 0;
    position: relative;
    transition: color 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
}

/* Remover pseudo-elementos antigos laterais (estavam poluindo o visual) */
.wcb-mega__link--has-sub::before,
.wcb-mega__simple>li.menu-item-has-children>a::before {
    display: none;
}

/* Hover moderno do Grupo */
.wcb-mega__link--has-sub:hover,
.wcb-mega__simple>li.menu-item-has-children>a:hover {
    color: var(--wcb-blue);
    border-bottom-color: var(--wcb-blue);
    background: transparent;
}

/* ── CATEGORIA STANDALONE (sem filhos) — tile clicável moderno ── */
.wcb-mega__simple>li:not(.menu-item-has-children)>a,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.8rem;
    font-size: 0.8125rem;
    /* 13px */
    font-weight: 500;
    color: #334155;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    /* Quase invisível, apenas para delinear */
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    /* Sombra inicial premium */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    /* Curva suave (material/apple) */
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.35;
}

.wcb-mega__simple>li:not(.menu-item-has-children)>a::after,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
    content: '›';
    font-size: 1.25rem;
    color: #cbd5e1;
    transition: transform 0.25s ease, color 0.25s ease;
    flex-shrink: 0;
}

/* Hover Standalone - Efeito "Lift off" (elevação) */
.wcb-mega__simple>li:not(.menu-item-has-children)>a:hover,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
    background: #ffffff;
    border-color: rgba(21, 93, 253, 0.15);
    /* Azul muito sutil na borda */
    color: var(--wcb-blue);
    box-shadow: 0 6px 12px rgba(21, 93, 253, 0.08);
    /* Sombra azulada elegante */
    transform: translateY(-2px);
    /* Elevação física */
}

.wcb-mega__simple>li:not(.menu-item-has-children)>a:hover::after,
.wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover::after {
    transform: translateX(4px);
    color: var(--wcb-blue);
}

/* ── SUBLISTA DE FILHOS — sempre ABAIXO do pai (flex column da li) ── */
.wcb-mega__sub,
.wcb-mega__simple>li>ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0.5rem 0;
    /* Removido o padding-left agressivo e a borda lateral */
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    /* Pequeno respiro entre os links */
    border-left: none;
    /* Clean sem as linhas divisórias "árvore" antigas */
    flex: 1 1 auto !important;
    /* FORÇA crescimento para empurrar botão */
}

.wcb-mega__sub>li>a,
.wcb-mega__simple>li>ul>li>a {
    display: flex;
    align-items: center;
    padding: 0.35rem 0;
    /* Maior área de clique vertical */
    font-size: 0.8125rem;
    /* 13px */
    font-weight: 400;
    /* Leve para contrastar com o título pai pesado */
    color: #64748b;
    text-decoration: none;
    border-radius: 0;
    transition: all 0.2s ease;
    /* Transições suaves */
    white-space: normal;
    line-height: 1.4;
}

/* Hover do Link Filho — Efeito de Deslizamento "Apple-style" sem ::before dots */
.wcb-mega__sub>li>a:hover,
.wcb-mega__simple>li>ul>li>a:hover {
    background: transparent;
    /* Sem fundos pesados e azuis engessados */
    color: var(--wcb-blue);
    /* Muda a cor inteira suavemente */
    transform: translateX(4px);
    /* Puxa o texto sensualmente para a direita */
    font-weight: 500;
    /* Leve engrossada visual para foco */
}

/* ── Footer do mega menu simple ── */
.wcb-mega__simple-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f0f2f8;
    padding: 0.6rem 1.75rem;
    background: #fafbfe;
}

/* ── Botão "Ver todos" — injetado via JS após .wcb-mega__sub ── */
.wcb-mega__ver-todos {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: auto !important;
    /* FORÇA empurrar para o fundo */
    padding: 0.5rem 0 0.1rem 0;
    /* só padding vertical, sem laterais */
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    /* cor neutra por padrão */
    text-decoration: none;
    border: none;
    border-top: 1px solid #f0f2f8;
    /* linha separadora sutil */
    background: transparent;
    transition: color 0.14s, gap 0.14s;
    align-self: auto;
    /* estica para a largura da coluna */
    width: 100%;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
}

.wcb-mega__ver-todos::after {
    content: '→';
    font-size: 0.72rem;
    transition: transform 0.14s;
    display: inline-block;
    opacity: 0.6;
}

.wcb-mega__ver-todos:hover {
    color: var(--wcb-blue);
    gap: 0.55rem;
}

.wcb-mega__ver-todos:hover::after {
    transform: translateX(3px);
    opacity: 1;
}

/* ── Mobile: accordion ── */
@media (max-width: 768px) {
    .wcb-nav__item--mega>.wcb-mega {
        position: static;
        width: 100%;
        transform: none;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, visibility 0s linear 0.3s;
        box-shadow: none;
        border-radius: 0;
        border: none;
        border-top: 2px solid var(--wcb-blue);
    }

    .wcb-nav__item--mega.is-open>.wcb-mega {
        visibility: visible;
        max-height: 600px;
        transition: max-height 0.3s ease, visibility 0s linear 0s;
    }

    .wcb-mega__simple {
        flex-direction: column;
        padding: 0.75rem 1rem;
    }

    .wcb-mega__simple>li {
        max-width: 100%;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #f0f2f8;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
}



/* =========================================================
   PATCH SUBMENU DESKTOP — VISUAL FIGMA ADAPTADO
   Escopo: apenas submenu / mega menu atual do projeto
   ========================================================= */

@media (min-width: 1024px) {

    /* -----------------------------------------
     1. ROOT DO ITEM COM MEGA
     ----------------------------------------- */
    .wcb-nav__item.wcb-nav__item--mega {
        position: static;
    }

    .wcb-nav__item.wcb-nav__item--mega>.wcb-mega {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100vw;
        z-index: 90;

        background: #fff;
        border-top: 1px solid #f2f4f7;
        border-bottom: 1px solid #eaecf0;
        box-shadow: 0 20px 38px rgba(16, 24, 40, 0.08);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);

        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease;
    }

    .wcb-nav__item.wcb-nav__item--mega:hover>.wcb-mega,
    .wcb-nav__item.wcb-nav__item--mega:focus-within>.wcb-mega,
    .wcb-nav__item.wcb-nav__item--mega.is-open>.wcb-mega {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* -----------------------------------------
     2. INNER
     ----------------------------------------- */
    .wcb-mega__inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 24px 48px 26px;
    }

    /* -----------------------------------------
     3. HEADER DO SUBMENU (injetado via JS)
     ----------------------------------------- */
    .wcb-mega__header {
        display: flex;
        align-items: center;
        gap: 8px;
        padding-bottom: 18px;
        margin-bottom: 20px;
        border-bottom: 1px solid #eef2f6;
    }

    .wcb-mega__title {
        margin: 0;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 600;
        letter-spacing: -0.01em;
        color: #101828;
    }

    .wcb-mega__count {
        font-size: 12px;
        line-height: 1.2;
        color: #98a2b3;
        font-weight: 400;
        white-space: nowrap;
    }

    .wcb-mega__view-all-top {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 500;
        color: #1d4ed8;
        white-space: nowrap;
        transition: color 0.15s ease;
    }

    .wcb-mega__view-all-top:hover {
        color: #1e40af;
    }

    .wcb-mega__view-all-top::after {
        content: "\203a";
        font-size: 16px;
        line-height: 1;
        transform: translateY(-1px);
    }

    /* -----------------------------------------
     4. GRID PRINCIPAL DAS COLUNAS
     ----------------------------------------- */
    .wcb-mega__simple {
        list-style: none;
        margin: 0;
        padding: 0;

        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        align-items: stretch;
    }

    .wcb-mega__simple>li {
        position: relative;
        min-width: 0;
        min-height: 120px;

        display: flex;
        flex-direction: column;

        padding: 0 24px 0 0;
        margin-right: 24px;
        border-radius: 6px;

        /* Stagger animation */
        opacity: 0;
        transform: translateY(6px);
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    /* Stagger: colunas aparecem quando mega está visível */
    .wcb-nav__item.wcb-nav__item--mega:hover .wcb-mega__simple>li,
    .wcb-nav__item.wcb-nav__item--mega:focus-within .wcb-mega__simple>li,
    .wcb-nav__item.wcb-nav__item--mega.is-open .wcb-mega__simple>li {
        opacity: 1;
        transform: translateY(0);
    }

    /* Hover sutil na coluna inteira */
    .wcb-mega__simple>li:hover {
        background: rgba(37, 99, 235, 0.02);
    }

    .wcb-mega__simple>li:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #e2e5ea;
    }

    .wcb-mega__simple>li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    /* -----------------------------------------
     5. COLUNAS COM FILHOS
     ----------------------------------------- */
    .wcb-mega__simple>li.menu-item-has-children {
        display: flex;
        flex-direction: column;
    }

    .wcb-mega__link.wcb-mega__link--has-sub {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0 0 14px;
        padding: 0;

        text-decoration: none;
        color: #101828;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;

        transition: color 0.15s ease;
    }

    .wcb-mega__link.wcb-mega__link--has-sub:hover {
        color: #1d4ed8;
    }

    .wcb-mega__sub {
        list-style: none;
        margin: 0;
        padding: 0;

        display: flex;
        flex-direction: column;
        gap: 2px;
        flex: 1;
    }

    .wcb-mega__sub>li {
        margin: 0;
        padding: 0;
    }

    .wcb-mega__sub .wcb-mega__link {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 30px;
        padding: 2px 0;
        position: relative;

        color: #667085;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;

        transition: color 0.15s ease;
    }

    .wcb-mega__sub .wcb-mega__link::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #d0d5dd;
        flex: 0 0 5px;
        transition: transform 0.15s ease, background 0.15s ease;
    }

    .wcb-mega__sub .wcb-mega__link:hover {
        color: #1d4ed8;
    }

    .wcb-mega__sub .wcb-mega__link:hover::before {
        background: #2563eb;
        transform: scale(1.15);
    }

    /* Focus-visible para acessibilidade via teclado */
    .wcb-mega__sub .wcb-mega__link:focus-visible,
    .wcb-mega__link.wcb-mega__link--has-sub:focus-visible,
    .wcb-mega__ver-todos:focus-visible,
    .wcb-mega__view-all-top:focus-visible {
        outline: 2px solid rgba(37, 99, 235, 0.4);
        outline-offset: 2px;
        border-radius: 3px;
    }

    /* -----------------------------------------
     6. CTA "VER TODOS" NO FUNDO
     ----------------------------------------- */
    .wcb-mega__ver-todos {
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding-top: 16px;

        text-decoration: none;
        color: #101828;
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;

        transition: color 0.15s ease;
    }

    .wcb-mega__ver-todos::after {
        content: "\2192";
        font-size: 14px;
        line-height: 1;
        transition: transform 0.18s ease;
    }

    .wcb-mega__ver-todos:hover {
        color: #1d4ed8;
    }

    .wcb-mega__ver-todos:hover::after {
        transform: translateX(2px);
    }

    /* -----------------------------------------
     7. LINKS SOLTOS (SEM FILHOS)
     ----------------------------------------- */
    .wcb-mega__simple>li:not(.menu-item-has-children) {
        justify-content: space-between;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        margin: 0;
        padding: 0;

        color: #101828;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;

        transition: color 0.15s ease;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link:hover {
        color: #1d4ed8;
    }

    .wcb-mega__simple>li:not(.menu-item-has-children)>.wcb-mega__link::after {
        content: "\203a";
        margin-left: 8px;
        font-size: 16px;
        line-height: 1;
        transform: translateY(-1px);
    }

    /* -----------------------------------------
     GRID DINAMICO POR QUANTIDADE DE COLUNAS
     ----------------------------------------- */
    .wcb-mega__simple.wcb-mega__simple--cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .wcb-mega__simple.wcb-mega__simple--cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

/* ============================================================
   UNIFIED CART — Ocultar mini-cart do tema e Modern Cart
   (Xoo Side Cart e o carrinho CARRINHO do header sao os ativos)
   ============================================================ */

/* Ocultar o mini-cart flyout do tema e seu overlay */
.wcb-mini-cart,
.wcb-mini-cart-overlay {
    display: none !important;
}

/* Botão do carrinho visível no header */

/* Ocultar o Modern Cart plugin (slide-out duplicado) */
#moderncart-slide-out,
.moderncart-slide-out,
.moderncart-overlay {
    display: none !important;
}


/* ============================================================
   SHOP PAGE — Design System WCB (Refinado)
   ============================================================ */

/* ── Suprimir elementos duplicados do WooCommerce ──────────── */

/* Título "Loja" gerado automaticamente pelo WooCommerce — já temos o nosso no context strip */
.woocommerce-products-header,
.woocommerce-products-header__title {
    display: none !important;
}

/* Breadcrumb nativo do WP que fica acima do nosso context strip */
.woocommerce-breadcrumb:first-of-type {
    display: none !important;
}

/* "Sem categoria" — não deve aparecer como filtro utilizável */
.wcb-shop__filter-wrap li:has(a[href*="sem-categoria"]),
.wcb-shop__filter-wrap a[href*="sem-categoria"] {
    display: none !important;
}

/* ── Shop Hero — RETIRED — now using Unified Toolbar ──── */

/* ══ Unified Toolbar ═══════════════════════════════════════ */
.wcb-shop__toolbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 90;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.wcb-shop__toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* ── Toolbar Left ────────────────────────────────────────── */
.wcb-shop__toolbar-left {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* Breadcrumb */
.wcb-shop__bc {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #94a3b8;
    line-height: 1;
}

.wcb-shop__bc a {
    color: #94a3b8;
    text-decoration: none;
    transition: color .15s;
    display: inline-flex;
    align-items: center;
}

.wcb-shop__bc a:hover {
    color: #2563eb;
}

.wcb-shop__bc-sep {
    color: #cbd5e1;
    display: inline-flex;
    align-items: center;
}

.wcb-shop__bc-current {
    color: #64748b;
    font-weight: 500;
}

/* Title + Count group */
.wcb-shop__toolbar-title-group {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.wcb-shop__page-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -.025em;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
}

.wcb-shop__toolbar-dot {
    font-size: 18px;
    font-weight: 700;
    color: #cbd5e1;
    line-height: 1;
}

.wcb-shop__toolbar-count {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    transition: all .2s;
    background: #f1f5f9;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
}

/* Pulse animation when AJAX updates count */
@keyframes wcbToolbarCountPulse {
    0% {
        color: #64748b;
    }

    50% {
        color: #2563eb;
        transform: scale(1.05);
    }

    100% {
        color: #64748b;
        transform: scale(1);
    }
}

.wcb-shop__toolbar-count--pulse {
    animation: wcbToolbarCountPulse .5s ease;
    display: inline-block;
}

/* ── Toolbar Right ───────────────────────────────────────── */
.wcb-shop__toolbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Botão Filtros mobile */
.wcb-shop__filter-toggle {
    display: none;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all .15s;
}

.wcb-shop__filter-toggle:hover {
    border-color: #2563eb;
    color: #2563eb;
}

.wcb-shop__filter-toggle.has-filters {
    border-color: rgba(37, 99, 235, .3);
    background: rgba(37, 99, 235, .04);
    color: #2563eb;
}

/* Hide WooCommerce default result count (redundant) */
.woocommerce-result-count {
    display: none !important;
}

/* Sort dropdown */
.wcb-shop__ordering {
    display: flex;
    align-items: center;
}

.wcb-shop__ordering select,
.woocommerce-ordering select {
    appearance: none;
    -webkit-appearance: none;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    height: 40px;
    padding: 0 34px 0 14px;
    line-height: 38px;
    cursor: pointer;
    outline: none;
    transition: border-color .15s, background .15s;
    box-shadow: none;
    font-family: inherit;
}

.wcb-shop__ordering select:hover,
.woocommerce-ordering select:hover {
    border-color: #94a3b8;
    background-color: #fff;
}

.wcb-shop__ordering select:focus,
.woocommerce-ordering select:focus {
    border-color: #2563eb;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

/* ══ Pagination ═══════════════════════════════════════════ */
.woocommerce-pagination {
    display: flex;
    justify-content: center;
    padding: 2rem 0 0.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #f1f5f9;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-pagination .page-numbers li {
    display: flex;
}

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    font-family: inherit;
}

.woocommerce-pagination .page-numbers li a:hover {
    border-color: #2563eb;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.04);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.12);
}

.woocommerce-pagination .page-numbers li span.current {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
    cursor: default;
}

.woocommerce-pagination .page-numbers li a.next,
.woocommerce-pagination .page-numbers li a.prev {
    color: #64748b;
    font-size: 16px;
    min-width: 38px;
}

.woocommerce-pagination .page-numbers li a.next:hover,
.woocommerce-pagination .page-numbers li a.prev:hover {
    color: #2563eb;
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.04);
}

/* Pagination info text */
.wcb-pagination-info {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #94a3b8;
    padding: 12px 0 0;
}

.wcb-pagination-info strong {
    color: #475569;
    font-weight: 700;
}

/* ── Container (sync with line ~9451) ─────────────────────── */
.wcb-shop__wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem 1.5rem 3rem;
}

/* ── Body: sidebar + main ──────────────────────────────────── */
.wcb-shop__body {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

/* ── Sidebar ───────────────────────────────────────────────── */
.wcb-shop__sidebar {
    width: 260px;
    flex-shrink: 0;
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .12) transparent;

}

/* Card container da sidebar */
.wcb-shop__filter-wrap {
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 6px;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}

.wcb-shop__sidebar::-webkit-scrollbar {
    width: 4px;
}

.wcb-shop__sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.wcb-shop__sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .12);
    border-radius: 4px;
}

.wcb-shop__sidebar-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #f3f4f6;
}

.wcb-shop__sidebar-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.wcb-shop__sidebar-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: background .15s, color .15s;
}

.wcb-shop__sidebar-close:hover {
    background: #f3f4f6;
    color: #111827;
}

/* Overlay mobile */
.wcb-shop__sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 999;
    opacity: 0;
    transition: opacity .25s;
}

.wcb-shop__sidebar-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

/* ── WBW Product Filter — Integração completa ─────────── */

/* Reset do container do plugin */
.wcb-shop__filter-wrap .wpf-filters-wrap,
.wcb-shop__filter-wrap .wpfMainWrapper {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* Bloco individual de filtro */
.wcb-shop__filter-wrap .wpfFilterWrapper {
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 12px 0 !important;
    margin: 0 !important;
}

.wcb-shop__filter-wrap .wpfFilterWrapper:last-child {
    border-bottom: none !important;
}

/* Título de seção (header clicável com +/-) */
.wcb-shop__filter-wrap .wpf-filter-header,
.wcb-shop__filter-wrap .wpf-filter-title,
.wcb-shop__filter-wrap .wpfFilterTitle,
.wcb-shop__filter-wrap .wpfCollapseBtn {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: #111827 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 6px !important;
}

/* Ícone +/- do accordion */
.wcb-shop__filter-wrap .wpfFilterTitle .wpfCollapseBtn,
.wcb-shop__filter-wrap .wpf-filter-header .dashicons,
.wcb-shop__filter-wrap .wpfCollapseBtn .dashicons {
    color: #6b7280 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Slider de preço */
.wcb-shop__filter-wrap .wpfPriceFilterRange .ui-slider,
.wcb-shop__filter-wrap .ui-slider-horizontal {
    background: #e5e7eb !important;
    height: 4px !important;
    border-radius: 4px !important;
    border: none !important;
    margin: 16px 4px 20px !important;
}

.wcb-shop__filter-wrap .ui-slider-range {
    background: #1a56db !important;
    border-radius: 4px !important;
}

.wcb-shop__filter-wrap .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid #1a56db !important;
    top: -6px !important;
    margin-left: -8px !important;
    cursor: grab !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    transition: box-shadow .15s !important;
}

.wcb-shop__filter-wrap .ui-slider-handle:focus,
.wcb-shop__filter-wrap .ui-slider-handle:active {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, .2) !important;
    cursor: grabbing !important;
}

/* Label de preço (R$8 - R$350) */
.wcb-shop__filter-wrap .wpfPriceText,
.wcb-shop__filter-wrap .wpfPriceFilterText {
    font-size: 12px !important;
    color: #6b7280 !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* Lista de itens (categorias / tags) */
.wcb-shop__filter-wrap ul.wpf-items,
.wcb-shop__filter-wrap .wpf-filter-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

/* Cada item */
.wcb-shop__filter-wrap .wpf-filter-item,
.wcb-shop__filter-wrap li.wpf-check {
    margin: 0 !important;
    padding: 0 !important;
}

/* Link / label de cada opção */
.wcb-shop__filter-wrap .wpf-filter-item a,
.wcb-shop__filter-wrap .wpf-filter-item label,
.wcb-shop__filter-wrap input[type="radio"]+label,
.wcb-shop__filter-wrap input[type="checkbox"]+label {
    font-size: 13px !important;
    color: #4b5563 !important;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background .12s, color .12s !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.wcb-shop__filter-wrap .wpf-filter-item a:hover,
.wcb-shop__filter-wrap .wpf-filter-item label:hover {
    background: #f9fafb !important;
    color: #111827 !important;
}

/* Estado ativo/selecionado */
.wcb-shop__filter-wrap .wpf-filter-item a.selected,
.wcb-shop__filter-wrap .wpf-filter-item.selected a,
.wcb-shop__filter-wrap input[type="radio"]:checked+label,
.wcb-shop__filter-wrap input[type="checkbox"]:checked+label {
    background: rgba(26, 86, 219, .07) !important;
    color: #1a56db !important;
    font-weight: 600 !important;
}

/* Radio button customizado */
.wcb-shop__filter-wrap input[type="radio"] {
    accent-color: #1a56db !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

/* Checkbox customizado */
.wcb-shop__filter-wrap input[type="checkbox"] {
    accent-color: #1a56db !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

/* Botão FILTER */
.wcb-shop__filter-wrap .wpf-btn,
.wcb-shop__filter-wrap .wpfSubmitButton,
.wcb-shop__filter-wrap button[type="submit"] {
    width: 100% !important;
    background: #1a56db !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin-top: 12px !important;
    transition: background .15s, transform .1s !important;
    display: block !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(26, 86, 219, .25) !important;
}

.wcb-shop__filter-wrap .wpf-btn:hover,
.wcb-shop__filter-wrap .wpfSubmitButton:hover {
    background: #1747b8 !important;
    transform: translateY(-1px) !important;
}

.wcb-shop__filter-wrap .wpf-btn:active {
    transform: translateY(0) !important;
}

/* "Sem categoria" — ocultar pelo href */
.wcb-shop__filter-wrap li:has(a[href*="sem-categoria"]),
.wcb-shop__filter-wrap a[href*="sem-categoria"],
.wcb-shop__filter-wrap a[href*="uncategorized"] {
    display: none !important;
}



/* ── Main: grid de produtos ────────────────────────────────── */
.wcb-shop__main {
    flex: 1;
    min-width: 0;
}

/* Grid de produtos WooCommerce */
.wcb-shop__main ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove clearfix pseudo-elements that WooCommerce injects — they become empty grid items */
.wcb-shop__main ul.products::before,
.wcb-shop__main ul.products::after {
    display: none !important;
    content: none !important;
}

.wcb-shop__main ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    display: flex !important;
    /* herda a altura da linha do grid */
}

/* Footer de resultados / paginação — Premium Design */
.wcb-shop__main .woocommerce-pagination,
.wcb-shop__main nav.woocommerce-pagination {
    margin-top: 2.5rem;
    padding: 2rem 0;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.woocommerce-pagination ul,
.woocommerce-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-pagination ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #1e293b;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li .page-numbers.current {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    border-color: #2563eb;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(37, 99, 235, .3);
    cursor: default;
}

.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next {
    font-size: 0;
    min-width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f8fafc;
    border-color: #e2e8f0;
    position: relative;
}

.woocommerce-pagination ul li a.prev::before,
.woocommerce-pagination ul li a.next::before {
    font-size: 18px;
    font-weight: 700;
    color: #475569;
    transition: color .2s;
}

.woocommerce-pagination ul li a.prev::before {
    content: "\2190";
}

.woocommerce-pagination ul li a.next::before {
    content: "\2192";
}

.woocommerce-pagination ul li a.prev:hover,
.woocommerce-pagination ul li a.next:hover {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 2px 8px rgba(37, 99, 235, .25);
}

.woocommerce-pagination ul li a.prev:hover::before,
.woocommerce-pagination ul li a.next:hover::before {
    color: #fff;
}

.woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
    border: none;
    background: none;
    box-shadow: none;
    min-width: 28px;
    color: #94a3b8;
    cursor: default;
    letter-spacing: 2px;
}

/* ── Product Card — Design System ──────────────────────────── */
.wcb-product-card {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #f3f4f6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* ocupa toda a largura do li */
    height: 100%;
    /* ocupa toda a altura do li (que equaliza pelo grid) */
}

/* Image area */
.wcb-product-card__image-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    /* proporção mais adequada para fotos de produto */
    overflow: hidden;
    background: #f9fafb;
    flex-shrink: 0;
    /* não comprime quando o body flex cresce */
}

.wcb-product-card__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
}

.wcb-product-card:hover .wcb-product-card__image-wrap img {
    transform: scale(1.04);
}

/* Badges top-left */
.wcb-product-card__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 2;
}

.wcb-product-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.wcb-product-card__badge--sale {
    background: #ef4444;
    color: #fff;
}

.wcb-product-card__badge--stock {
    background: #f59e0b;
    color: #fff;
}

.wcb-product-card__badge--hot {
    background: #111111;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Favorito top-right */
.wcb-product-card__fav {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s, transform .15s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}

.wcb-product-card__fav:hover,
.wcb-product-card__fav.is-wishlisted {
    background: #fff;
    color: #ef4444;
    transform: scale(1.1);
}

/* Quick view overlay */
.wcb-product-card__quickview {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 14px;
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, .25), transparent 60%);
}

.wcb-product-card:hover .wcb-product-card__quickview {
    opacity: 1;
    pointer-events: auto;
}

.wcb-product-card__quickview-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(4px);
    font-size: 12px;
    font-weight: 600;
    color: #111827;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    transition: background .15s;
}

.wcb-product-card__quickview-btn:hover {
    background: #fff;
}

/* Body */
.wcb-product-card__body {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

/* Categoria (fallback quando não há TEOR) */
.wcb-product-card__cat {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #1a56db;
    display: block;
}

/* TEOR (Nicotina) — badges de mg em estoque */
.wcb-product-card__teor {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 1px;
}

.wcb-product-card__teor-badge {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    background: rgba(26, 86, 219, .08);
    color: #1a56db;
    border: 1px solid rgba(26, 86, 219, .18);
    white-space: nowrap;
    line-height: 1.6;
}

/* Título */
.wcb-product-card__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    min-height: calc(1.05rem * 1.4 * 2);
    /* Sempre reserva 2 linhas de altura */
}

.wcb-product-card__title:hover {
    color: #1a56db;
}

/* Rating */
.wcb-product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.wcb-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
}

.wcb-product-card__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    color: #f59e0b;
    overflow: hidden;
    width: calc(var(--rating, 0) / 5 * 100%);
    white-space: nowrap;
}

.wcb-product-card__stars-empty {
    color: #e5e7eb;
    white-space: nowrap;
}

.wcb-product-card__rating-val {
    font-size: 11px;
    font-weight: 700;
    color: #374151;
}

.wcb-product-card__rating-count {
    font-size: 10px;
    color: #9ca3af;
}

/* Price block */
.wcb-product-card__price-block {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    justify-content: flex-start;
    min-height: 80px;
}

.wcb-product-card__price-old {
    font-size: 11px;
    color: #9ca3af;
    text-decoration: line-through;
    line-height: 1;
}

.wcb-product-card__price-current {
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    line-height: 1.15;
}

/* PIX */
.wcb-product-card__pix {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 11px;
    color: #166534;
    width: fit-content;
    margin-top: 2px;
}

.wcb-product-card__pix strong {
    font-weight: 700;
}

.wcb-product-card__pix span {
    font-weight: 400;
    opacity: .8;
}

/* Parcelas */
.wcb-product-card__installments {
    font-size: 11px;
    color: #6b7280;
    margin-top: 2px;
}

/* Specs */
.wcb-product-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.wcb-product-card__spec {
    font-size: 10px;
    color: #6b7280;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 4px;
    padding: 2px 6px;
}

/* Botão Adicionar */
.wcb-product-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    margin-top: auto;
    padding: 9px 14px;
    border-radius: 6px;
    background: #1a56db;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .15s, transform .15s;
    margin-top: 10px;
}

.wcb-product-card__btn:hover {
    background: #1747b8;
    color: #fff;
    transform: translateY(-1px);
}

.wcb-product-card__btn.loading {
    opacity: .7;
    cursor: wait;
}

/* ── No image placeholder ───────────────────────────────────── */
.wcb-product-card__no-image {
    width: 100%;
    height: 100%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Back to top ────────────────────────────────────────────── */
.wcb-back-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 500;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    color: #374151;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transform: scale(.85);
    transition: opacity .2s, transform .2s;
    pointer-events: none;
}

.wcb-back-to-top.is-visible {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.wcb-back-to-top:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

/* ── Empty state ─────────────────────────────────────────────── */
.wcb-shop__empty {
    text-align: center;
    padding: 3rem 1rem;
}

.wcb-shop__empty-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    color: #9ca3af;
}

.wcb-shop__empty-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 .5rem;
}

.wcb-shop__empty-sub {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 1.25rem;
}

/* ── Responsividade ──────────────────────────────────────────── */
@media (max-width: 1280px) {
    .wcb-shop__main ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .wcb-shop__main ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .wcb-shop__filter-toggle {
        display: inline-flex;
    }

    .wcb-shop__sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 300px;
        max-width: 85vw;
        height: 100vh;
        max-height: 100vh;
        z-index: 1000;
        background: #fff;
        overflow-y: auto;
        transition: left .28s cubic-bezier(.25, .46, .45, .94);
        box-shadow: 4px 0 24px rgba(0, 0, 0, .12);
        border-radius: 0 12px 12px 0;
    }

    .wcb-shop__sidebar.is-open {
        left: 0;
    }

    .wcb-shop__sidebar-overlay {
        display: block;
        pointer-events: none;
    }

    .wcb-shop__sidebar-header {
        display: flex;
    }

    .wcb-shop__filter-wrap {
        padding: 16px 20px;
    }

    .wcb-shop__main ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .wcb-shop__hero-inner {
        padding: 1.25rem 1rem 1.5rem;
    }

    .wcb-shop__wrap {
        padding: 1rem 1rem 2rem;
    }

    .wcb-shop__body {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .wcb-shop__main ul.products {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   PDP PREMIUM v2 — White Cloud Brasil
   ============================================================ */

/* ── Container global ── */
.wcb-pdp {
    padding: var(--wcb-space-lg) 0 var(--wcb-space-3xl);
    background: #F9F9F9;
}

/* ── 1. OFFER BAR ── */
.wcb-pdp-offer-bar {
    background: #ff6a00;
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: var(--wcb-space-xl);
    font-weight: 600;
    font-size: var(--wcb-font-size-sm);
}

.wcb-pdp-offer-bar__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wcb-pdp-offer-bar__timer {
    font-variant-numeric: tabular-nums;
    background: rgba(0, 0, 0, .2);
    padding: 3px 10px;
    border-radius: 6px;
    letter-spacing: 1px;
    font-weight: 700;
}

.wcb-pdp-offer-bar__secondary {
    display: none;
    opacity: .85;
    font-weight: 400;
    font-size: var(--wcb-font-size-xs);
}

@media (min-width: 768px) {
    .wcb-pdp-offer-bar__secondary {
        display: inline;
    }
}

/* Barra de oferta na buybox — laranja sólido vibrante */
#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1.1rem;
    margin-top: 0.25rem;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: #ff6a00;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 10px 28px -8px rgba(255, 106, 0, 0.42),
        0 4px 14px rgba(0, 0, 0, 0.07);
}

/* Sem overlay de degradê — fundo totalmente sólido */
#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox::before,
#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox::after {
    display: none;
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 14px;
    row-gap: 8px;
    padding: 14px 16px 14px 14px;
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__icon {
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    color: #fff;
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__icon svg {
    display: block;
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__text {
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.98);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__timer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__timer {
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    padding: 6px 14px;
    border-radius: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 4px 12px rgba(0, 0, 0, 0.22);
}

#wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__secondary {
    display: inline;
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.92;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 480px) {
    #wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__inner {
        padding: 12px 12px 12px 10px;
        column-gap: 12px;
    }

    #wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    #wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__text {
        font-size: 0.72rem;
        letter-spacing: 0.05em;
    }

    #wcb-pdp-buybox .wcb-pdp-offer-bar--buybox .wcb-pdp-offer-bar__timer {
        font-size: 0.95rem;
        padding: 5px 11px;
    }
}

/* ── 2. HERO SECTION ── */
.wcb-pdp-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wcb-space-2xl);
    margin-bottom: var(--wcb-space-2xl);
}

@media (min-width: 1024px) {
    .wcb-pdp-hero {
        grid-template-columns: 55fr 45fr;
        gap: var(--wcb-space-3xl);
        align-items: flex-start;
    }
}

/* ── 2A. GALERIA ── */
.wcb-pdp-gallery {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
    position: relative;
}

@media (min-width: 1024px) {
    .wcb-pdp-gallery {
        flex-direction: row;
        position: sticky;
        top: calc(var(--wcb-header-h, 70px) + 20px);
    }
}

/* Main image */
.wcb-pdp-gallery__main {
    position: relative;
    background: var(--wcb-white);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--wcb-shadow-lg);
    border: 1px solid var(--wcb-gray-200);
    flex: 1;
    order: 0;
}

.wcb-pdp-gallery__zoom {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: zoom-in;
}

.wcb-pdp-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5rem;
    border-radius: 6px;
    transition: opacity 0.2s ease, transform 0.1s ease-out;
}

.wcb-pdp-gallery__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--wcb-gray-300);
}

.wcb-pdp-gallery__zoom-hint {
    position: absolute;
    bottom: var(--wcb-space-md);
    right: var(--wcb-space-md);
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, .85);
    font-size: 0.65rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
}

.wcb-pdp-gallery__main:hover .wcb-pdp-gallery__zoom-hint {
    opacity: 1;
}

/* Badges */
.wcb-pdp-gallery__badges {
    position: absolute;
    top: var(--wcb-space-md);
    left: var(--wcb-space-md);
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 10;
}

.wcb-pdp-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    letter-spacing: .02em;
}

.wcb-pdp-badge--sale {
    background: var(--wcb-red);
    color: #fff;
    box-shadow: 0 4px 12px rgba(239, 68, 68, .4);
}

/* Thumbnails */
.wcb-pdp-gallery__thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    order: 1;
}

@media (min-width: 1024px) {
    .wcb-pdp-gallery__thumbs {
        flex-direction: column;
        width: 80px;
        flex-shrink: 0;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 500px;
        padding-bottom: 0;
        order: -1;
    }
}

.wcb-pdp-gallery__thumb {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid var(--wcb-gray-200);
    background: var(--wcb-white);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: border-color .2s, box-shadow .2s;
}

@media (min-width: 1024px) {
    .wcb-pdp-gallery__thumb {
        width: 80px;
        height: 80px;
    }
}

.wcb-pdp-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.wcb-pdp-gallery__thumb.is-active,
.wcb-pdp-gallery__thumb:hover {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 2px rgba(21, 93, 253, .2);
}

/* ── 2B. BUY BOX ── */
.wcb-pdp-buybox {
    display: flex;
    flex-direction: column;
    gap: calc(var(--wcb-space-md) + 2px);
}

.wcb-pdp-buybox__title {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -0.025em;
    margin: 0;
}

@media (min-width: 1024px) {
    .wcb-pdp-buybox__title {
        font-size: 2rem;
    }
}

/* Rating */
.wcb-pdp-buybox__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wcb-pdp-buybox__stars {
    display: flex;
    gap: 3px;
    align-items: center;
}

.wcb-pdp-buybox__stars .wcb-pdp-buybox__star {
    flex-shrink: 0;
    filter: drop-shadow(0 1px 1px rgba(245, 158, 11, 0.28));
}

.wcb-pdp-buybox__rating-link {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    text-decoration: none;
    cursor: pointer;
    transition: color .2s;
}

.wcb-pdp-buybox__rating-link:hover {
    color: var(--wcb-blue);
}

/* Divider */
.wcb-pdp-divider {
    border: none;
    border-top: 1px solid #e8ecf0;
    margin: 8px 0;
}

/* Price block */
.wcb-pdp-buybox__price-block {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-variant-numeric: tabular-nums;
}

/* Cartão de preço — referência clean (borda fina, fundo branco) */
.wcb-pdp-buybox__price-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.wcb-pdp-buybox__price-card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wcb-pdp-buybox__price-main {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-pdp-buybox__price-main--secondary {
    padding-top: 10px;
    margin-top: 4px;
    border-top: 1px solid #f1f5f9;
}

.wcb-pdp-buybox__price-old {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-400);
    text-decoration: line-through;
}

.wcb-pdp-buybox__price-row {
    display: flex;
    align-items: baseline;
    gap: var(--wcb-space-sm);
    flex-wrap: wrap;
}

.wcb-pdp-buybox__price-current {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--wcb-gray-800);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.wcb-pdp-buybox__price-hint {
    margin: 4px 0 0;
    font-size: var(--wcb-font-size-xs);
    font-weight: 500;
    color: var(--wcb-gray-500);
    line-height: 1.35;
}

.wcb-pdp-buybox__discount {
    background: var(--wcb-red);
    color: #fff;
    font-size: var(--wcb-font-size-xs);
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 6px;
    flex-shrink: 0;
}

.wcb-pdp-buybox__price-ticket.wcb-pdp-buybox__pix--hero,
.wcb-pdp-buybox__pix--hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wcb-pdp-buybox__price-ticket__lead {
    margin: 0 0 2px;
    padding: 0;
    line-height: 1.12;
}

.wcb-pdp-buybox__price-ticket__suffix {
    font-size: 1.125rem;
    font-weight: 600;
    color: #475569;
    letter-spacing: -0.02em;
}

.wcb-pdp-buybox__price-ticket__card {
    margin: 4px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    font-size: 0.875rem;
    line-height: 1.45;
}

.wcb-pdp-buybox__price-ticket__card-prefix,
.wcb-pdp-buybox__price-ticket__card-suffix {
    font-weight: 500;
    color: #64748b;
}

.wcb-pdp-buybox__price-ticket__card .wcb-pdp-buybox__price-current {
    font-size: 1.02rem;
    font-weight: 700;
    color: #334155;
    letter-spacing: -0.02em;
}

.wcb-pdp-buybox__pix-head {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.wcb-pdp-buybox__pix-pill {
    flex-shrink: 0;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #059669;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    padding: 2px 8px;
    border-radius: 6px;
    line-height: 1.2;
}

.wcb-pdp-buybox__price-ticket__lead .wcb-pdp-buybox__pix-value,
.wcb-pdp-buybox__pix-value {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.04em;
    line-height: 1.05;
    display: inline;
}

.wcb-pdp-buybox__economize {
    margin: 2px 0 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #059669;
    letter-spacing: -0.01em;
    line-height: 1.45;
}

.wcb-pdp-buybox__pix-note {
    font-size: 0.72rem;
    font-weight: 400;
    color: #94a3b8;
    line-height: 1.45;
    max-width: 24rem;
}

.wcb-pdp-buybox__price-ticket .wcb-pdp-buybox__installments,
.wcb-pdp-buybox__installments {
    margin: 6px 0 0;
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.45;
}

.wcb-pdp-buybox__installments-note {
    color: var(--wcb-gray-400);
    font-weight: 400;
}

/* Urgency */
.wcb-pdp-buybox__urgency {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--wcb-font-size-sm);
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 600;
    width: fit-content;
    max-width: 100%;
}

.wcb-pdp-buybox__urgency--low {
    background: linear-gradient(165deg, #fffbeb 0%, #fff7ed 45%, #ffedd5 100%);
    color: #9a3412;
    border: 1px solid rgba(234, 88, 12, 0.38);
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.35;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 2px 10px rgba(234, 88, 12, 0.12);
    animation: wcbPdpLowStockPulse 2.4s ease-in-out infinite;
}

.wcb-pdp-buybox__urgency--low strong {
    color: #c2410c;
    font-weight: 700;
}

@keyframes wcbPdpLowStockPulse {

    0%,
    100% {
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.7) inset,
            0 2px 8px rgba(234, 88, 12, 0.08);
    }

    50% {
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.75) inset,
            0 3px 16px rgba(234, 88, 12, 0.18),
            0 0 0 1px rgba(251, 146, 60, 0.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wcb-pdp-buybox__urgency--low,
    #wcb-pdp-buybox .wcb-pdp-buybox__urgency--low {
        animation: none !important;
    }
}

.wcb-pdp-buybox__urgency--ok {
    background: linear-gradient(180deg, #ffffff 0%, #f5fdf8 45%, #eefbf3 100%);
    color: #0f5132;
    border: 1px solid rgba(34, 197, 94, 0.22);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 1px 6px rgba(16, 185, 129, 0.06);
    letter-spacing: 0.02em;
    padding: 8px 14px;
    border-radius: 6px;
    gap: 8px;
}

.wcb-pdp-buybox__urgency-dot {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, 0.22),
        0 0 10px rgba(34, 197, 94, 0.35);
}

.wcb-pdp-buybox__urgency--out {
    background: #FEF2F2;
    color: var(--wcb-red);
    border: 1px solid rgba(239, 68, 68, .2);
    padding: 6px 12px;
    border-radius: 6px;
}

/* Short desc */
.wcb-pdp-buybox__desc {
    font-size: var(--wcb-font-size-base);
    color: #64748b;
    line-height: 1.65;
}

.wcb-pdp-buybox__desc p {
    margin: 0;
}

/* SKU abaixo do título */
.wcb-pdp-buybox__sku {
    font-size: 0.8rem;
    color: var(--wcb-gray-400);
    letter-spacing: 0.04em;
    margin: 2px 0 0;
    font-weight: 500;
    font-family: var(--wcb-font);
}

/* Form (WooCommerce add-to-cart override) */
.wcb-pdp-buybox__form .variations {
    width: 100%;
    margin-bottom: 16px;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.wcb-pdp-buybox__form .variations label {
    font-weight: 600;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-700);
}

.wcb-pdp-buybox__form .variations select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--wcb-gray-300, #d1d5db);
    border-radius: 6px;
    font-size: var(--wcb-font-size-base);
    background: var(--wcb-white);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    cursor: pointer;
}

.wcb-pdp-buybox__form form.cart.variations_form {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-sm);
}

.wcb-pdp-buybox__form form.cart:not(.variations_form) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--wcb-space-sm);
}

/* Subtotal ocupa linha completa; qty + CTA na linha seguinte (form em row) */
.wcb-pdp-buybox__form form.cart:not(.variations_form) > .wcb-pdp-subtotal {
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wcb-pdp-buybox__form form.cart:not(.variations_form) > .quantity {
    flex-shrink: 0;
    align-self: center;
}

.wcb-pdp-buybox__form form.cart:not(.variations_form) > .single_add_to_cart_button,
.wcb-pdp-buybox__form form.cart:not(.variations_form) > button[name="add-to-cart"] {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    margin-top: 0 !important;
}

.wcb-pdp-buybox__form .quantity {
    display: flex;
    align-items: center;
    border: 1px solid var(--wcb-gray-200);
    border-radius: 6px;
    background: var(--wcb-white);
    overflow: hidden;
    width: fit-content;
}

.wcb-pdp-buybox__form .qty {
    width: 52px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: var(--wcb-font-size-lg);
    font-weight: 700;
    color: var(--wcb-gray-900);
    padding: 8px 0;
    -moz-appearance: textfield;
}

.wcb-pdp-buybox__form .qty::-webkit-inner-spin-button,
.wcb-pdp-buybox__form .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wcb-pdp-buybox__form .wcb-qty-btn {
    background: var(--wcb-gray-100);
    border: none;
    padding: 0 14px;
    font-size: 18px;
    cursor: pointer;
    height: 100%;
    min-height: 42px;
    transition: background .2s;
    color: var(--wcb-gray-700);
    display: flex;
    align-items: center;
}

.wcb-pdp-buybox__form .wcb-qty-btn:hover {
    background: var(--wcb-gray-200);
}

/* CTA principal (linha com quantidade: flex no contentor pai) */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"] {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    margin-top: 0 !important;
    background: var(--wcb-blue) !important;
    color: #fff !important;
    font-size: var(--wcb-font-size-lg) !important;
    font-weight: 800 !important;
    padding: 14px 24px !important;
    border-radius: 6px !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: .01em !important;
    box-shadow: 0 6px 24px rgba(26, 86, 219, .35) !important;
    transition: all .25s var(--wcb-ease) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-transform: none !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:hover,
.wcb-pdp-buybox__form button[name="add-to-cart"]:hover {
    background: var(--wcb-primary-hover, #1e40af) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(26, 86, 219, .45) !important;
}

.wcb-pdp-buybox__meta {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-400);
    margin: 0;
}

/* ── BENEFITS STRIP — confiança, gradiente suave + acento primário ── */
.wcb-pdp-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 12px;
    margin-bottom: var(--wcb-space-2xl);
    padding: 22px 24px;
    background:
        linear-gradient(152deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 255, 0.52) 42%, rgba(250, 251, 253, 0.99) 100%),
        #fff;
    border: 1px solid rgba(21, 93, 253, 0.065);
    border-radius: 6px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 44px -14px rgba(15, 23, 42, 0.09);
}

.wcb-pdp-benefits__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    min-height: 0;
    background: #fff;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 6px;
    color: #475569;
    transition:
        border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.25s ease;
}

.wcb-pdp-benefits__item:hover {
    border-color: rgba(21, 93, 253, 0.14);
    background: #fff;
    box-shadow:
        0 12px 36px -10px rgba(21, 93, 253, 0.1),
        0 4px 14px -6px rgba(15, 23, 42, 0.05);
    transform: translateY(-2px);
}

.wcb-pdp-benefits__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(21, 93, 253, 0.09) 0%, rgba(21, 93, 253, 0.028) 100%);
    border: 1px solid rgba(21, 93, 253, 0.09);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}

.wcb-pdp-benefits__item svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: var(--wcb-blue-mid, #3b72fe);
    background: none;
    border: none;
    border-radius: 0;
}

.wcb-pdp-benefits__body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding-top: 2px;
}

.wcb-pdp-benefits__item strong {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.wcb-pdp-benefits__item span {
    font-size: 0.8125rem;
    color: #64748b;
    line-height: 1.4;
    font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
    .wcb-pdp-benefits__item,
    .wcb-pdp-benefits__item:hover {
        transition-duration: 0.01ms !important;
    }

    .wcb-pdp-benefits__item:hover {
        transform: none;
    }
}

/* ── 3. TABS ── */
.wcb-pdp-tabs {
    background: var(--wcb-white);
    border-radius: 6px;
    box-shadow: var(--wcb-shadow-md);
    overflow: hidden;
    margin-bottom: var(--wcb-space-2xl);
    border: 1px solid var(--wcb-gray-100);
}

.wcb-pdp-tabs__nav {
    display: flex;
    border-bottom: 1px solid var(--wcb-gray-200);
    background: var(--wcb-gray-50, #f9fafb);
    overflow-x: auto;
    scrollbar-width: none;
}

.wcb-pdp-tabs__nav::-webkit-scrollbar {
    display: none;
}

.wcb-pdp-tab-btn {
    padding: 14px 20px;
    font-size: var(--wcb-font-size-base);
    font-weight: 600;
    color: var(--wcb-gray-500);
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-family: var(--wcb-font);
    margin-bottom: -1px;
}

.wcb-pdp-tab-btn:hover {
    color: var(--wcb-blue);
}

.wcb-pdp-tab-btn.active {
    color: var(--wcb-blue);
    border-bottom-color: var(--wcb-blue);
    background: var(--wcb-white);
}

.wcb-pdp-tab-btn:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

.wcb-pdp-tab-badge {
    background: var(--wcb-blue);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 6px;
}

.wcb-pdp-tabs__panels {
    padding: 24px 28px var(--wcb-space-2xl);
    background: var(--wcb-white);
}

.wcb-pdp-tab-panel {
    display: none;
}

.wcb-pdp-tab-panel.active {
    display: block;
    animation: wcbPdpFade .4s ease;
}

@keyframes wcbPdpFade {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wcb-pdp-tab-panel__content {
    font-size: var(--wcb-font-size-md, 0.95rem);
    color: var(--wcb-gray-700);
    line-height: 1.8;
    max-width: 800px;
}

.wcb-pdp-tab-panel__content p {
    margin-bottom: var(--wcb-space-md);
}

.wcb-pdp-tab-panel__content h3,
.wcb-pdp-tab-panel__content h4 {
    font-weight: 700;
    color: var(--wcb-gray-900);
    margin: var(--wcb-space-lg) 0 var(--wcb-space-sm);
}

.wcb-pdp-empty {
    color: var(--wcb-gray-400);
    font-style: italic;
}

/* Reviews Hero */
.wcb-pdp-reviews-hero {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wcb-space-xl);
    align-items: flex-start;
    background: #fff;
    border-radius: var(--wcb-radius-lg);
    padding: var(--wcb-space-xl);
    margin-bottom: var(--wcb-space-xl);
    border: 1px solid var(--wcb-gray-200);
    box-shadow: var(--wcb-shadow-sm);
}

.wcb-pdp-reviews-hero--empty {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--wcb-space-lg);
}

.wcb-pdp-reviews-hero__empty {
    max-width: 32rem;
    margin: 0 auto;
}

.wcb-pdp-reviews-hero__empty-kicker {
    margin: 0 0 var(--wcb-space-xs);
    font-size: var(--wcb-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wcb-gray-500);
}

.wcb-pdp-reviews-hero__empty-title {
    margin: 0 0 var(--wcb-space-sm);
    font-size: var(--wcb-font-size-xl);
    font-weight: 800;
    color: var(--wcb-gray-900);
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.wcb-pdp-reviews-hero__empty-text {
    margin: 0 0 var(--wcb-space-md);
    font-size: var(--wcb-font-size-sm);
    line-height: 1.55;
    color: var(--wcb-gray-600);
}

.wcb-pdp-reviews-hero__stars--placeholder {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 0;
}

.wcb-pdp-reviews-hero__score {
    text-align: center;
}

.wcb-pdp-reviews-hero__num {
    font-size: 3rem;
    font-weight: 900;
    color: var(--wcb-gray-900);
    line-height: 1;
}

.wcb-pdp-reviews-hero__stars {
    display: flex;
    gap: 2px;
    justify-content: center;
    margin: var(--wcb-space-xs) 0;
}

.wcb-pdp-reviews-hero__total {
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-500);
    margin: 0;
}

.wcb-pdp-reviews-hero__bars {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-xs);
    justify-content: center;
}

.wcb-pdp-bar-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wcb-pdp-bar-row__label {
    font-size: var(--wcb-font-size-sm);
    font-weight: 600;
    color: var(--wcb-gray-600);
    width: 36px;
    text-align: right;
}

.wcb-pdp-bar-row__track {
    flex: 1;
    height: 8px;
    background: var(--wcb-gray-200);
    border-radius: var(--wcb-radius-md);
    overflow: hidden;
}

.wcb-pdp-bar-row__fill {
    height: 100%;
    background: #F59E0B;
    border-radius: var(--wcb-radius-md);
    transition: width .6s ease;
}

.wcb-pdp-bar-row__pct {
    font-size: var(--wcb-font-size-xs);
    color: var(--wcb-gray-500);
    width: 36px;
}

.wcb-pdp-reviews-hero__cta {
    width: 100%;
    text-align: center;
}

.wcb-pdp-reviews-hero--empty .wcb-pdp-reviews-hero__cta {
    padding-top: var(--wcb-space-lg);
    margin-top: 0;
    border-top: 1px solid var(--wcb-gray-200);
}

.wcb-pdp-reviews-hero__cta-lead {
    margin: 0 0 var(--wcb-space-sm);
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-600);
    line-height: 1.45;
}

.wcb-pdp-reviews-hero__cta p {
    margin: 0 0 8px;
    color: var(--wcb-gray-600);
}

.wcb-pdp-reviews-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--wcb-gradient-cta, linear-gradient(135deg, #155dfd 0%, #3b72fe 100%));
    color: var(--wcb-white, #fff);
    padding: 12px 28px;
    border-radius: var(--wcb-radius-xs);
    font-family: var(--wcb-font);
    font-size: var(--wcb-font-size-sm);
    font-weight: 700;
    border: none;
    cursor: pointer;
    box-shadow: var(--wcb-shadow-btn, 0 4px 14px rgba(21, 93, 253, 0.35));
    transition: transform var(--wcb-duration) var(--wcb-ease), filter var(--wcb-duration) var(--wcb-ease), box-shadow var(--wcb-duration) var(--wcb-ease);
}

.wcb-pdp-reviews-hero__btn:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.wcb-pdp-reviews-hero__btn:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 3px;
}

.wcb-pdp-reviews-list {
    margin-top: var(--wcb-space-xl);
}

.wcb-pdp-reviews-list h3 {
    font-size: var(--wcb-font-size-lg);
    font-weight: 700;
    margin-bottom: var(--wcb-space-md);
}

.wcb-pdp-reviews-list__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--wcb-space-md);
    margin-bottom: var(--wcb-space-md);
}

.wcb-pdp-reviews-list__head h3 {
    margin-bottom: 0;
    flex: 1 1 auto;
    min-width: min(100%, 200px);
}

.wcb-pdp-reviews-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wcb-space-md);
    align-items: flex-end;
}

.wcb-pdp-reviews-toolbar__field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.wcb-pdp-reviews-toolbar__label {
    font-size: var(--wcb-font-size-xs);
    font-weight: 600;
    color: var(--wcb-gray-600);
    letter-spacing: 0.02em;
}

.wcb-pdp-reviews-toolbar__select {
    font-family: var(--wcb-font);
    font-size: var(--wcb-font-size-sm);
    font-weight: 500;
    color: var(--wcb-gray-800);
    padding: 8px 32px 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--wcb-gray-200);
    background: #fff;
    min-width: 160px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.wcb-pdp-reviews-toolbar__select:hover {
    border-color: var(--wcb-gray-300);
}

.wcb-pdp-reviews-toolbar__select:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

/* Voto Útil */
.wcb-pdp-review-helpful {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--wcb-gray-200);
}

.wcb-pdp-review-helpful__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--wcb-font);
    font-size: var(--wcb-font-size-xs);
    font-weight: 600;
    color: var(--wcb-gray-600);
    background: var(--wcb-gray-50);
    border: 1px solid var(--wcb-gray-200);
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.wcb-pdp-review-helpful__btn:hover:not(:disabled) {
    background: #fff;
    border-color: var(--wcb-blue);
    color: var(--wcb-blue);
}

.wcb-pdp-review-helpful__btn:disabled,
.wcb-pdp-review-helpful__btn.is-voted {
    cursor: default;
    color: var(--wcb-gray-500);
    background: var(--wcb-gray-100);
    border-color: var(--wcb-gray-200);
}

.wcb-pdp-review-helpful__count {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: var(--wcb-gray-700);
}

.wcb-pdp-review-helpful__btn.is-voted .wcb-pdp-review-helpful__count {
    color: var(--wcb-blue);
}

/* Lista de comentários Woo dentro da aba */
#wcb-pdp-tab-reviews .commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#wcb-pdp-tab-reviews .commentlist li.review {
    margin: 0 0 var(--wcb-space-lg);
    padding-bottom: var(--wcb-space-lg);
    border-bottom: 1px solid var(--wcb-gray-200);
}

#wcb-pdp-tab-reviews .commentlist li.review:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#wcb-pdp-tab-reviews .commentlist li.review[hidden] {
    display: none !important;
}

.wcb-pdp-review-form {
    margin-top: var(--wcb-space-xl);
    padding: var(--wcb-space-xl);
    background: #fff;
    border-radius: var(--wcb-radius-lg);
    border: 1px solid var(--wcb-gray-200);
    box-shadow: var(--wcb-shadow-sm);
}

.wcb-pdp-review-form .logged-in-as,
.wcb-pdp-review-form .comment-notes {
    font-size: var(--wcb-font-size-sm);
    line-height: 1.5;
    color: var(--wcb-gray-600);
    padding: var(--wcb-space-sm) var(--wcb-space-md);
    margin-bottom: var(--wcb-space-md);
    background: var(--wcb-blue-pale, #f0f4ff);
    border: 1px solid var(--wcb-gray-200);
    border-radius: var(--wcb-radius-md);
}

.wcb-pdp-review-form .logged-in-as a {
    color: var(--wcb-blue);
    font-weight: 600;
}

.wcb-pdp-review-form__header {
    margin-bottom: var(--wcb-space-md);
}

.wcb-pdp-review-form__title {
    font-size: var(--wcb-font-size-lg);
    font-weight: 800;
    color: var(--wcb-gray-900);
    letter-spacing: -0.02em;
}

.wcb-pdp-review-form__submit {
    background: var(--wcb-gradient-cta, linear-gradient(135deg, #155dfd 0%, #3b72fe 100%));
    color: var(--wcb-white, #fff);
    padding: 12px 28px;
    border-radius: var(--wcb-radius-md);
    font-family: var(--wcb-font);
    font-weight: 700;
    font-size: var(--wcb-font-size-sm);
    border: none;
    cursor: pointer;
    box-shadow: var(--wcb-shadow-btn, 0 4px 14px rgba(21, 93, 253, 0.35));
    transition: filter var(--wcb-duration) var(--wcb-ease), transform var(--wcb-duration) var(--wcb-ease);
}

.wcb-pdp-review-form__submit:hover {
    filter: brightness(1.05);
}

.wcb-pdp-review-form__submit:focus-visible {
    outline: 2px solid var(--wcb-blue);
    outline-offset: 2px;
}

/* Formulário de comentário/review: label acima do campo, largura total à esquerda */
.wcb-pdp-review-form #commentform .comment-form-rating,
.wcb-pdp-review-form #commentform .comment-form-comment,
.wcb-pdp-review-form #commentform .comment-form-author,
.wcb-pdp-review-form #commentform .comment-form-email,
.wcb-pdp-review-form #commentform .comment-form-url {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--wcb-space-xs);
}

.wcb-pdp-review-form #commentform .comment-form-rating label,
.wcb-pdp-review-form #commentform .comment-form-comment label,
.wcb-pdp-review-form #commentform .comment-form-author label,
.wcb-pdp-review-form #commentform .comment-form-email label,
.wcb-pdp-review-form #commentform .comment-form-url label {
    display: block;
    width: 100%;
    text-align: left;
}

.wcb-pdp-review-form #commentform .comment-form-rating select#rating,
.wcb-pdp-review-form #commentform .comment-form-comment textarea,
.wcb-pdp-review-form #commentform .comment-form-author input,
.wcb-pdp-review-form #commentform .comment-form-email input,
.wcb-pdp-review-form #commentform .comment-form-url input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-self: stretch;
}

.wcb-pdp-review-form #commentform .comment-form-rating select#rating {
    padding: 10px 12px;
    border: 1px solid var(--wcb-gray-200);
    border-radius: var(--wcb-radius-md);
    font-family: var(--wcb-font);
    font-size: var(--wcb-font-size-sm);
    background: #fff;
    color: var(--wcb-gray-900);
}

.wcb-pdp-review-form__verification {
    margin: 0;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-600);
    line-height: 1.5;
}

/* ── SIMILAR (RELATED) ── */
.wcb-pdp-similar {
    margin-bottom: var(--wcb-space-2xl);
}

@keyframes wcb-pdp-sticky-enter-shadow {
    from {
        box-shadow:
            0 1px 3px rgba(15, 23, 42, 0.06),
            0 4px 14px rgba(15, 23, 42, 0.05),
            0 0 20px rgba(21, 93, 253, 0.08);
    }

    65% {
        box-shadow:
            0 4px 14px rgba(15, 23, 42, 0.08),
            0 14px 36px rgba(15, 23, 42, 0.1),
            0 28px 56px rgba(15, 23, 42, 0.11),
            0 0 52px rgba(21, 93, 253, 0.24);
    }

    to {
        box-shadow: var(--wcb-pdp-sticky-shadow);
    }
}

/* ── 7. STICKY BUY — card mais estreito, mais alto, preços em coluna ── */
.wcb-pdp-sticky {
    --wcb-pdp-sticky-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 8px 24px rgba(15, 23, 42, 0.08),
        0 22px 52px rgba(15, 23, 42, 0.11),
        0 0 0 1px rgba(21, 93, 253, 0.07),
        0 12px 40px rgba(21, 93, 253, 0.14);

    position: fixed;
    bottom: max(16px, env(safe-area-inset-bottom, 0px));
    left: max(14px, env(safe-area-inset-left, 0px));
    right: auto;
    top: auto;
    width: min(336px, calc(100vw - 28px));
    max-width: 100%;
    margin: 0;
    padding: 0;
    z-index: 9990;
    background: linear-gradient(165deg, #ffffff 0%, #f7f9ff 42%, #ffffff 100%);
    border: 1px solid color-mix(in srgb, var(--wcb-gray-200, #e5e7eb) 88%, var(--wcb-dark, #0f172a));
    border-inline-start: 3px solid var(--wcb-blue, #155dfd);
    border-radius: 6px;
    box-shadow: var(--wcb-pdp-sticky-shadow);
    overflow: visible;
    transform: translateX(calc(-100% - 24px));
    opacity: 0;
    pointer-events: none;
    font-family: var(--wcb-font);
    -webkit-font-smoothing: antialiased;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.32s ease;
}

.wcb-pdp-sticky.is-visible {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

@media (prefers-reduced-motion: no-preference) {
    .wcb-pdp-sticky.is-visible {
        animation: wcb-pdp-sticky-enter-shadow 0.55s ease-out 0.06s both;
    }
}

.wcb-pdp-sticky.is-dismissed {
    display: none !important;
    visibility: hidden;
    pointer-events: none !important;
}

.wcb-pdp-sticky__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 14px 14px 16px;
    padding-inline-end: 40px;
    margin: 0;
    max-width: none;
    border-radius: 5px;
    overflow: hidden;
}

.wcb-pdp-sticky__close {
    position: absolute;
    top: 10px;
    inset-inline-end: 8px;
    z-index: 3;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.wcb-pdp-sticky__close:hover {
    background: #fef2f2;
    color: #dc2626;
}

.wcb-pdp-sticky__close:active {
    background: #fee2e2;
    color: #b91c1c;
}

.wcb-pdp-sticky__close:focus-visible {
    outline: 2px solid var(--wcb-blue, #155dfd);
    outline-offset: 2px;
}

.wcb-pdp-sticky__info {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    flex: none;
    padding-top: 0;
}

.wcb-pdp-sticky__action {
    flex-shrink: 0;
    width: 100%;
}

.wcb-pdp-sticky__thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--wcb-gray-50, #f8f9fb);
    border: 1px solid var(--wcb-gray-200, #e5e7eb);
    flex-shrink: 0;
}

.wcb-pdp-sticky__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 3px;
}

.wcb-pdp-sticky__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.wcb-pdp-sticky__name {
    font-weight: 600;
    font-size: var(--wcb-font-size-xs);
    line-height: 1.4;
    color: var(--wcb-gray-700, #374151);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    letter-spacing: -0.015em;
}

.wcb-pdp-sticky__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    row-gap: 0;
    font-variant-numeric: tabular-nums;
}

.wcb-pdp-sticky__pix-line {
    display: block;
    font-weight: 700;
    color: var(--wcb-dark, #0f172a);
    font-size: var(--wcb-font-size-md);
    line-height: 1.25;
    letter-spacing: -0.025em;
}

.wcb-pdp-sticky__pix-line strong {
    font-weight: 800;
    letter-spacing: -0.025em;
}

.wcb-pdp-sticky__pix-note {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.01em;
    color: var(--wcb-gray-500, #6b7280);
    margin-left: 4px;
}

.wcb-pdp-sticky__pix-line + .wcb-pdp-sticky__card-line {
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--wcb-gray-100, #f1f5f9);
    width: 100%;
    box-sizing: border-box;
}

.wcb-pdp-sticky__card-line {
    display: block;
    font-size: var(--wcb-font-size-xs);
    font-weight: 500;
    color: var(--wcb-gray-500, #6b7280);
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.wcb-pdp-sticky__card-line del {
    color: #9ca3af;
    text-decoration: line-through;
    font-size: inherit;
    font-weight: 400;
    margin-right: 4px;
}

/* CTA sticky — espelha .wcb-nl4__btn (newsletter): gradiente, sombra, brilho ::before, hover */
.wcb-pdp-sticky__btn {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #2563eb 0%, #155dfd 55%, #0f48d4 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 14px;
    font-size: var(--wcb-font-size-sm);
    font-weight: 800;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease;
    box-shadow:
        0 3px 14px rgba(21, 93, 253, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    white-space: normal;
    text-align: center;
    line-height: 1.3;
}

.wcb-pdp-sticky__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transform: skewX(-20deg);
    transition: left 0.55s ease;
    pointer-events: none;
}

.wcb-pdp-sticky__btn:hover::before {
    left: 130%;
}

.wcb-pdp-sticky__btn-text {
    position: relative;
    z-index: 1;
}

.wcb-pdp-sticky__btn .wcb-pdp-cta-arrow {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    opacity: 1;
    transition: transform 0.2s ease;
}

.wcb-pdp-sticky__btn:hover .wcb-pdp-cta-arrow {
    transform: translateX(3px);
}

.wcb-pdp-sticky__btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 32px rgba(21, 93, 253, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition-delay: 50ms;
}

.wcb-pdp-sticky__btn:active {
    transform: translateY(0);
}

.wcb-pdp-sticky__unavailable {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 14px;
    text-align: center;
    background: var(--wcb-gray-50, #f8f9fb);
    color: var(--wcb-gray-400, #9ca3af);
    border-radius: 10px;
    font-weight: 600;
    font-size: var(--wcb-font-size-xs);
    border: 1px solid var(--wcb-gray-200, #e5e7eb);
}

body.rtl .wcb-pdp-sticky {
    left: auto;
    right: max(16px, env(safe-area-inset-right, 0px));
    transform: translateX(calc(100% + 24px));
}

body.rtl .wcb-pdp-sticky.is-visible {
    transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {

    .wcb-pdp-sticky {
        transition-duration: 0.01ms !important;
    }

    .wcb-pdp-sticky.is-visible {
        animation: none !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   PDP PREMIUM — POLISH & WOOCOMMERCE FORM OVERRIDES
   ══════════════════════════════════════════════════════════════ */

/* ── OCULTAR ELEMENTOS NATIVOS REDUNDANTES ── */
/* Já exibimos preço, estoque e descrição no nosso bloco custom acima */
.wcb-pdp-buybox__form .woocommerce-variation-price,
.wcb-pdp-buybox__form .woocommerce-variation-availability,
.wcb-pdp-buybox__form .product_meta,
.wcb-pdp-buybox__form .woocommerce-product-details__short-description {
    display: none !important;
}

/* Stock text nativo ("84 em estoque") — já temos nosso badge */
.wcb-pdp-buybox__form .stock {
    display: none !important;
}

/* ── FORMULÁRIO DE VARIAÇÕES PREMIUM ── */
.wcb-pdp-buybox__form .variations_form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Tabela de variações → layout limpo */
.wcb-pdp-buybox__form .variations {
    width: 100%;
    margin: 0 0 var(--wcb-space-lg);
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}

.wcb-pdp-buybox__form .variations tbody {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-md);
}

.wcb-pdp-buybox__form .variations tr {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
}

.wcb-pdp-buybox__form .variations td {
    display: block;
    padding: 0;
}

.wcb-pdp-buybox__form .variations .label {
    padding: 0;
    text-align: left;
}

.wcb-pdp-buybox__form .variations .label label {
    font-weight: 700;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-800);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-family: var(--wcb-font);
    text-align: left;
}

.wcb-pdp-buybox__form .variations .value {
    padding: 0;
    position: relative;
}

/* Select premium */
.wcb-pdp-buybox__form .variations select {
    width: 100%;
    padding: 12px 40px 12px 16px;
    border: 1.5px solid var(--wcb-gray-200);
    border-radius: var(--wcb-radius-lg);
    font-size: var(--wcb-font-size-base);
    font-weight: 500;
    font-family: var(--wcb-font);
    color: var(--wcb-gray-800);
    background: var(--wcb-white);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.wcb-pdp-buybox__form .variations select:hover {
    border-color: var(--wcb-gray-400);
}

.wcb-pdp-buybox__form .variations select:focus {
    border-color: var(--wcb-blue);
    box-shadow: 0 0 0 3px rgba(21, 93, 253, 0.1);
}

/* Link "Limpar" — pill style */
.wcb-pdp-buybox__form .reset_variations {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--wcb-gray-500);
    text-decoration: none;
    margin-top: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid var(--wcb-gray-200);
    background: var(--wcb-gray-50, #f9fafb);
    transition: all 0.2s;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
}

.wcb-pdp-buybox__form .reset_variations::before {
    content: '×';
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
}

.wcb-pdp-buybox__form .reset_variations:hover {
    color: var(--wcb-red);
    border-color: var(--wcb-red);
    background: rgba(239, 68, 68, 0.04);
}

/* ── SINGLE VARIATION WRAP (onde WOO mostra preço + estoque + botão) ── */
.wcb-pdp-buybox__form .single_variation_wrap {
    display: flex;
    flex-direction: column;
    gap: var(--wcb-space-sm);
}

.wcb-pdp-buybox__form .single_variation_wrap .single_variation {
    display: none;
    /* oculta o bloco de preço/estoque nativo */
}

.wcb-pdp-buybox__form .woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--wcb-space-sm);
}

.wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .quantity {
    flex-shrink: 0;
    align-self: center;
}

.wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.wcb-pdp-buybox__form .woocommerce-variation-add-to-cart button[name="add-to-cart"] {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    margin-top: 0 !important;
}

/* ── QUANTIDADE — Visual Premium ── */
/* Ocultar spinners/buttons nativos do browser */
.wcb-pdp-buybox__form input[type="number"]::-webkit-inner-spin-button,
.wcb-pdp-buybox__form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wcb-pdp-buybox__form input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.wcb-pdp-buybox__form .quantity {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--wcb-gray-200);
    border-radius: 6px;
    background: var(--wcb-white);
    overflow: hidden;
    width: fit-content;
    min-height: 48px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.wcb-pdp-buybox__form .qty {
    width: 52px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--wcb-gray-900);
    padding: 0 4px;
    line-height: 48px;
    min-height: 48px;
    height: 100%;
    box-sizing: border-box;
    font-family: var(--wcb-font);
}

.wcb-pdp-buybox__form .wcb-qty-btn {
    background: var(--wcb-gray-50, #f9fafb);
    border: none;
    min-width: 44px;
    width: 44px;
    min-height: 48px;
    font-size: 1.125rem;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--wcb-gray-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    user-select: none;
    -webkit-user-select: none;
}

.wcb-pdp-buybox__form .wcb-qty-btn:hover {
    background: var(--wcb-gray-200);
    color: var(--wcb-gray-900);
}

.wcb-pdp-buybox__form .wcb-qty-btn:active {
    background: var(--wcb-gray-300);
    transform: scale(0.95);
}

.wcb-pdp-buybox__form .wcb-minus {
    border-right: 1px solid var(--wcb-gray-200);
}

.wcb-pdp-buybox__form .wcb-plus {
    border-left: 1px solid var(--wcb-gray-200);
}

/* ── CTA BUTTON — Premium Blue ── */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"],
.wcb-pdp-buybox__form .button[type="submit"] {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    margin-top: 0 !important;
    background: var(--wcb-blue) !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    padding: 16px 24px !important;
    border-radius: var(--wcb-radius-lg) !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 6px 24px rgba(21, 93, 253, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-transform: none !important;
    font-family: var(--wcb-font) !important;
    position: relative !important;
    overflow: hidden !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:hover,
.wcb-pdp-buybox__form button[name="add-to-cart"]:hover,
.wcb-pdp-buybox__form .button[type="submit"]:hover {
    background: #1a56db !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 32px rgba(21, 93, 253, 0.4) !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:active,
.wcb-pdp-buybox__form button[name="add-to-cart"]:active,
.wcb-pdp-buybox__form .button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 16px rgba(21, 93, 253, 0.25) !important;
}

/* Disabled state */
.wcb-pdp-buybox__form .single_add_to_cart_button.disabled,
.wcb-pdp-buybox__form .single_add_to_cart_button:disabled,
.wcb-pdp-buybox__form button[name="add-to-cart"]:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ── BUYBOX PRICE BLOCK — animação suave de atualização ── */
.wcb-pdp-buybox__price-current,
.wcb-pdp-buybox__pix-value {
    transition: opacity 0.15s ease;
}

/* ── WOOCOMMERCE VARIATION PRICE HTML (bloco que aparece abaixo das variações) ── */
.wcb-pdp-buybox__form .woocommerce-variation-price .price {
    display: none !important;
}

/* ── ESPECIFICAÇÕES — Tabela de Atributos Premium ── */
.wcb-pdp-tab-panel .shop_attributes,
.wcb-pdp-tab-panel .woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--wcb-font);
}

.wcb-pdp-tab-panel .shop_attributes th,
.wcb-pdp-tab-panel .woocommerce-product-attributes th,
.wcb-pdp-tab-panel .shop_attributes .woocommerce-product-attributes-item__label {
    text-align: left;
    font-weight: 600;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-700);
    padding: 12px 16px;
    border-bottom: 1px solid var(--wcb-gray-100);
    width: 140px;
    vertical-align: top;
    background: transparent;
}

.wcb-pdp-tab-panel .shop_attributes td,
.wcb-pdp-tab-panel .woocommerce-product-attributes td,
.wcb-pdp-tab-panel .shop_attributes .woocommerce-product-attributes-item__value {
    text-align: left;
    font-size: var(--wcb-font-size-sm);
    color: var(--wcb-gray-600);
    padding: 12px 16px;
    border-bottom: 1px solid var(--wcb-gray-100);
    font-weight: 400;
}

.wcb-pdp-tab-panel .shop_attributes tr:nth-child(even),
.wcb-pdp-tab-panel .woocommerce-product-attributes tr:nth-child(even) {
    background: var(--wcb-gray-50, #f9fafb);
}

.wcb-pdp-tab-panel .shop_attributes tr:last-child th,
.wcb-pdp-tab-panel .shop_attributes tr:last-child td {
    border-bottom: none;
}

.wcb-pdp-tab-panel .shop_attributes p {
    margin: 0;
}

/* ── RESPONSIVE PDP ── */
@media (max-width: 1024px) {
    .wcb-pdp-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wcb-pdp-buybox__trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .wcb-pdp-hero {
        gap: var(--wcb-space-xl);
    }

    .wcb-pdp-buybox__title {
        font-size: 1.5rem;
    }

    .wcb-pdp-buybox__pix--hero .wcb-pdp-buybox__pix-value {
        font-size: 1.9rem !important;
    }

    .wcb-pdp-buybox__price-current {
        font-size: 1.05rem !important;
    }

    .wcb-pdp-buybox__price-card {
        padding: 14px 14px !important;
        gap: 10px !important;
    }

    .wcb-pdp-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px 16px !important;
        gap: 12px !important;
    }

    .wcb-pdp-buybox__trust {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-pdp-tabs__panels {
        padding: var(--wcb-space-lg);
    }

    /* Variações empilham na coluna */
    .wcb-pdp-buybox__form .variations tr {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .wcb-pdp-buybox__trust {
        grid-template-columns: 1fr;
    }

    .wcb-pdp-trust-item {
        gap: var(--wcb-space-md);
    }

    .wcb-pdp-benefits {
        grid-template-columns: 1fr;
        padding: 16px 14px !important;
        gap: 12px !important;
    }

    .wcb-pdp-benefits__icon {
        width: 40px;
        height: 40px;
    }

    .wcb-pdp-tabs__nav {
        overflow-x: auto;
    }

    .wcb-pdp-buybox__form .quantity {
        min-height: 48px;
    }

    .wcb-pdp-buybox__form .wcb-qty-btn {
        width: 40px;
        min-width: 40px;
        min-height: 48px;
    }

    .wcb-pdp-buybox__form .qty {
        width: 48px;
        font-size: 1rem;
    }
}

/* ============================================================
   MOBILE BOTTOM BAR
   ============================================================ */
.wcb-mobile-bottom-bar {
    display: none;
    /* oculto no desktop */
}

@media (max-width: 768px) {
    .wcb-mobile-bottom-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9990;
        background: #fff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, .08);
        padding: 6px 0;
        padding-bottom: max(6px, env(safe-area-inset-bottom));
        justify-content: space-around;
        align-items: center;
    }

    .wcb-mobile-bottom-bar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        font-size: 10px;
        font-weight: 500;
        color: #6b7280;
        text-decoration: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px 8px;
        position: relative;
        transition: color .15s;
        -webkit-tap-highlight-color: transparent;
    }

    .wcb-mobile-bottom-bar__item:hover,
    .wcb-mobile-bottom-bar__item.active {
        color: #1a56db;
    }

    .wcb-mobile-bottom-bar__item svg {
        flex-shrink: 0;
    }

    .wcb-mobile-bottom-bar__badge {
        position: absolute;
        top: 0;
        right: 2px;
        min-width: 16px;
        height: 16px;
        background: #dc2626;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        padding: 0 3px;
    }

    /* Adiciona espaço inferior no body para não cobrir conteúdo */
    body {
        padding-bottom: 65px;
    }
}

/* HOVER DELAY */
a:hover,
button:hover {
    transition-delay: 80ms;
}

/* ================================================================
   HOVER DELAY GLOBAL - entrada 80ms, saida imediata
   ================================================================ */
.wcb-product-card,
.wcb-product-card__action-btn,
.wcb-hero__btn,
.wcb-hero__arrow,
.wcb-hero__dot,
.wcb-section__link,
.wcb-category__card,
.wcb-trust__item,
.wcb-brand__logo,
.wcb-header__action,
.wcb-countdown__box,
.wcb-ls-btn,
.wcb-ls-nav-btn {
    transition-delay: 0s;
}

.wcb-product-card:hover,
.wcb-product-card:hover .wcb-product-card__action-btn,
.wcb-hero__btn:hover,
.wcb-hero__arrow:hover,
.wcb-hero__dot:hover,
.wcb-section__link:hover,
.wcb-category__card:hover,
.wcb-trust__item:hover,
.wcb-brand__logo:hover,
.wcb-header__action:hover,
.wcb-countdown__box:hover,
.wcb-ls-btn:hover,
.wcb-ls-nav-btn:hover {
    transition-delay: 80ms;
}

/* ================================================================
   ALINHAMENTO ICONE + TEXTO NOS LINKS DE NAVEGACAO
   ================================================================ */
.wcb-nav__link,
.wcb-nav__item>a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    vertical-align: middle !important;
}

.wcb-nav__link svg,
.wcb-nav__link img,
.wcb-nav__icon,
.wcb-section__icon svg,
.wcb-countdown__label svg {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    position: relative;
    top: -1px;
}

.wcb-section__title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ================================================================
   ALINHAMENTO ICONE + TEXTO - LINK PROMOCOES E NAV
   ================================================================ */
.wcb-nav__link,
.wcb-nav__link--promo,
.wcb-nav__list>li>a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.wcb-nav__link svg,
.wcb-nav__link img,
.wcb-nav__link span,
.wcb-nav__link--promo svg,
.wcb-nav__link--promo img,
.wcb-nav__list>li>a>svg,
.wcb-nav__list>li>a>img {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    position: relative;
    top: 0;
    line-height: 1;
}

/* ================================================================
   NEWSLETTER PREMIUM v2 — wcb-nl2
   ================================================================ */
.wcb-nl2 {
    position: relative;
    background: linear-gradient(135deg, #0a0e1a 0%, #0d1b4b 50%, #0a0e1a 100%);
    border-top: 1px solid rgba(99, 102, 241, 0.2);
    overflow: hidden;
    padding: 56px 0;
}

.wcb-nl2__glow {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    opacity: 0.35;
}

.wcb-nl2__glow--left {
    top: -100px;
    left: -80px;
    background: radial-gradient(circle, #3b82f6, transparent 70%);
}

.wcb-nl2__glow--right {
    bottom: -100px;
    right: -80px;
    background: radial-gradient(circle, #6366f1, transparent 70%);
}

.wcb-nl2__inner {
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 1;
}

.wcb-nl2__left {
    flex: 1;
    min-width: 0;
}

.wcb-nl2__right {
    flex: 0 0 420px;
}

.wcb-nl2__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(99, 102, 241, 0.15);
    border: 1px solid rgba(99, 102, 241, 0.35);
    color: #a5b4fc;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 9999px;
    margin-bottom: 14px;
}

.wcb-nl2__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
}

.wcb-nl2__title span {
    background: linear-gradient(135deg, #60a5fa, #818cf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wcb-nl2__desc {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 20px;
    line-height: 1.6;
}

.wcb-nl2__desc strong {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}

.wcb-nl2__social-proof {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wcb-nl2__avatars {
    display: flex;
}

.wcb-nl2__avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    border: 2px solid #0d1b4b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    margin-left: -8px;
}

.wcb-nl2__avatar:first-child {
    margin-left: 0;
}

.wcb-nl2__proof-text {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.55);
}

.wcb-nl2__field {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0 16px;
    margin-bottom: 10px;
    transition: border-color 0.25s, background 0.25s;
}

.wcb-nl2__field:focus-within {
    border-color: rgba(99, 102, 241, 0.6);
    background: rgba(255, 255, 255, 0.09);
}

.wcb-nl2__field>svg {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.35);
}

.wcb-nl2__input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.95rem;
    padding: 16px 12px;
}

.wcb-nl2__input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.wcb-nl2__btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #2563eb, #6366f1);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 15px 24px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
}

.wcb-nl2__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(99, 102, 241, 0.55);
    transition-delay: 80ms;
}

.wcb-nl2__privacy {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 8px 0 0;
    padding-left: 4px;
}

/* ================================================================
   FOOTER PREMIUM v2 — wcb-footer2
   ================================================================ */
.wcb-footer2 {
    background: #07091a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.55);
}

/* Body */
.wcb-footer2__body {
    padding: 64px 0 48px;
}

/* Grid */
.wcb-footer2__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1.2fr;
    gap: 32px 40px;
}

/* Logo */
.wcb-footer2__logo {
    margin-bottom: 14px;
}

.wcb-footer2__logo img,
.wcb-footer2__logo .wcb-header__logo-text {
    filter: brightness(1.1);
}

/* Brand desc */
.wcb-footer2__brand-desc {
    font-size: 0.85rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.45);
    margin: 0 0 18px;
    max-width: 220px;
}

/* Social */
.wcb-footer2__social {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

.wcb-footer2__social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: all 0.25s ease;
}

.wcb-footer2__social-btn:hover {
    background: rgba(99, 102, 241, 0.2);
    border-color: rgba(99, 102, 241, 0.4);
    color: #fff;
    transform: translateY(-2px);
    transition-delay: 80ms;
}

/* Rating */
.wcb-footer2__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wcb-footer2__stars {
    color: #F59E0B;
    font-size: 0.8rem;
    letter-spacing: 2px;
}

.wcb-footer2__rating span {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
}

/* Headings */
.wcb-footer2__heading {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    position: relative;
}

.wcb-footer2__heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 24px;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #6366f1);
    border-radius: 2px;
}

/* Nav links */
.wcb-footer2__col nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-footer2__col nav a,
.wcb-footer2__col>a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.85rem;
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
    position: relative;
}

.wcb-footer2__col nav a::before {
    content: '';
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #3b82f6, #6366f1);
    transition: width 0.25s ease;
    position: absolute;
    bottom: 2px;
    left: 0;
}

.wcb-footer2__col nav a:hover {
    color: #fff;
    transform: translateX(4px);
    transition-delay: 60ms;
}

.wcb-footer2__col nav a:hover::before {
    width: 100%;
}

/* Category icons */
.wcb-footer2__cat-icon {
    font-size: 0.8rem;
}

/* Payments */
.wcb-footer2__payments {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.wcb-footer2__pay {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 5px 9px;
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.04em;
    transition: all 0.2s ease;
    cursor: default;
}

.wcb-footer2__pay:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    transition-delay: 60ms;
}

/* Security */
.wcb-footer2__security {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wcb-footer2__sec-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.5);
    padding: 4px 0;
}

.wcb-footer2__sec-badge svg {
    color: #4ade80;
    flex-shrink: 0;
}

/* ── Seção Diferenciais ─────────────────────────── */
.wcb-footer2__features {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 24px 0;
    background: rgba(255, 255, 255, 0.02);
}

.wcb-footer2__features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wcb-footer2__feature {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wcb-footer2__feature-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 6px;
    color: #60a5fa;
    flex-shrink: 0;
}

.wcb-footer2__feature>div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-footer2__feature strong {
    font-size: 0.82rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
}

.wcb-footer2__feature span {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
}

/* ── Bottom Bar ─────────────────────────────────── */
.wcb-footer2__bottom {
    padding: 18px 0;
    background: rgba(0, 0, 0, 0.2);
}

.wcb-footer2__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.wcb-footer2__copyright {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wcb-footer2__copyright span {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.35);
}

.wcb-footer2__cnpj {
    font-size: 0.72rem !important;
    color: rgba(255, 255, 255, 0.2) !important;
}

.wcb-footer2__bottom-links {
    display: flex;
    gap: 20px;
}

.wcb-footer2__bottom-links a {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.wcb-footer2__bottom-links a:hover {
    color: rgba(255, 255, 255, 0.7);
    transition-delay: 60ms;
}

.wcb-footer2__credit {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.25);
}

/* ── Responsivo ─────────────────────────────────── */
@media (max-width: 1100px) {
    .wcb-footer2__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wcb-footer2__col--brand {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 24px;
        align-items: start;
    }

    .wcb-nl2__inner {
        gap: 32px;
    }

    .wcb-nl2__right {
        flex: 0 0 360px;
    }
}

@media (max-width: 768px) {
    .wcb-nl2__inner {
        flex-direction: column;
        gap: 28px;
    }

    .wcb-nl2__right {
        flex: 1;
        width: 100%;
    }

    .wcb-footer2__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-footer2__col--brand {
        grid-column: 1 / -1;
        display: block;
    }

    .wcb-footer2__features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcb-footer2__bottom-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .wcb-footer2__grid {
        grid-template-columns: 1fr 1fr;
    }

    .wcb-footer2__col--pay {
        grid-column: 1 / -1;
    }

    .wcb-footer2__features-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .wcb-nl2 {
        padding: 36px 0;
    }

    .wcb-footer2__body {
        padding: 40px 0 32px;
    }
}

/* ================================================================
   COUNTDOWN TIMER PREMIUM v2
   Design: navy dark + branco + laranja/vermelho progressivo
   ================================================================ */

/* Container principal */
.wcb-countdown {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Label "Termina em" */
.wcb-countdown__label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

.wcb-countdown__label svg {
    opacity: 0.6;
    flex-shrink: 0;
}

/* Grupo de boxes */
.wcb-countdown__boxes {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Wrapper de cada unidade (box + label) */
.wcb-countdown__unit-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

/* Card do dígito */
.wcb-countdown__box {
    position: relative;
    min-width: 54px;
    height: 54px;
    background: linear-gradient(160deg, #0f172a, #1e2d4a);
    border: 1px solid rgba(99, 102, 241, 0.28);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: background 0.6s ease, border-color 0.6s ease, box-shadow 0.6s ease;
}

/* Linha divisória decorativa estilo display LCD */
.wcb-countdown__box::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

.wcb-countdown__box::after {
    content: '';
    position: absolute;
    left: 8%;
    right: 8%;
    top: 50%;
    height: 1px;
    background: rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

/* Dígito */
.wcb-countdown__value {
    font-size: 1.45rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -0.03em;
    text-shadow: 0 0 14px rgba(99, 102, 241, 0.7);
    transition: color 0.5s ease, text-shadow 0.5s ease, opacity 0.12s ease;
    position: relative;
    z-index: 1;
}

/* Label DIAS / HORAS / MIN / SEG */
.wcb-countdown__unit {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    transition: color 0.5s ease;
}

/* Separador ":" pulsante */
.wcb-countdown__sep {
    font-size: 1.3rem;
    font-weight: 800;
    color: rgba(99, 102, 241, 0.5);
    line-height: 1;
    margin-bottom: 18px;
    transition: color 0.5s ease;
    animation: wcb-cd-blink 1s step-end infinite;
}

@keyframes wcb-cd-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.15;
    }
}

/* ── Animação de flip ao trocar dígito ─────────── */
@keyframes wcb-cd-flip-anim {
    0% {
        opacity: 1;
        transform: scaleY(1);
    }

    40% {
        opacity: 0;
        transform: scaleY(0.5) translateY(-4px);
    }

    60% {
        opacity: 0;
        transform: scaleY(0.5) translateY(4px);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.wcb-cd-flip {
    animation: wcb-cd-flip-anim 0.24s ease;
}

/* ── Estado WARNING: < 1 hora → laranja ───────── */
.wcb-cd--warning .wcb-countdown__box {
    background: linear-gradient(160deg, #1a0f00, #2d1a00);
    border-color: rgba(249, 115, 22, 0.4);
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 16px rgba(249, 115, 22, 0.15);
}

.wcb-cd--warning .wcb-countdown__value {
    color: #fed7aa;
    text-shadow: 0 0 14px rgba(249, 115, 22, 0.8);
}

.wcb-cd--warning .wcb-countdown__sep {
    color: rgba(249, 115, 22, 0.6);
}

.wcb-cd--warning .wcb-countdown__unit {
    color: rgba(253, 186, 116, 0.5);
}

/* ── Estado URGENT: < 10 min → vermelho pulsante ─ */
.wcb-cd--urgent .wcb-countdown__box {
    background: linear-gradient(160deg, #1a0000, #2d0808);
    border-color: rgba(239, 68, 68, 0.45);
    animation: wcb-cd-pulse-box 1.5s ease-in-out infinite;
}

@keyframes wcb-cd-pulse-box {

    0%,
    100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 10px rgba(239, 68, 68, 0.15);
    }

    50% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 22px rgba(239, 68, 68, 0.4);
    }
}

.wcb-cd--urgent .wcb-countdown__value {
    color: #fca5a5;
    text-shadow: 0 0 14px rgba(239, 68, 68, 0.9);
    animation: wcb-cd-pulse-text 1.5s ease-in-out infinite;
}

@keyframes wcb-cd-pulse-text {

    0%,
    100% {
        text-shadow: 0 0 10px rgba(239, 68, 68, 0.6);
    }

    50% {
        text-shadow: 0 0 22px rgba(239, 68, 68, 1);
    }
}

.wcb-cd--urgent .wcb-countdown__sep {
    color: rgba(239, 68, 68, 0.7);
}

.wcb-cd--urgent .wcb-countdown__unit {
    color: rgba(252, 165, 165, 0.5);
}

/* ── Estado DONE: encerrada ────────────────────── */
.wcb-cd--done .wcb-countdown__box {
    background: #111;
    border-color: rgba(255, 255, 255, 0.06);
    opacity: 0.5;
}

.wcb-cd--done .wcb-countdown__value {
    color: rgba(255, 255, 255, 0.3);
    text-shadow: none;
}

/* ── Responsivo ────────────────────────────────── */
@media (max-width: 640px) {
    .wcb-countdown__label {
        display: none;
    }

    .wcb-countdown__box {
        min-width: 44px;
        height: 44px;
    }

    .wcb-countdown__value {
        font-size: 1.15rem;
    }
}

/* ================================================================
   COUNTDOWN — SEMPRE LARANJA (override dos estados dinâmicos)
   ================================================================ */
.wcb-countdown .wcb-countdown__box {
    background: linear-gradient(160deg, #1a0f00, #2a1500) !important;
    border-color: rgba(249, 115, 22, 0.45) !important;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 18px rgba(249, 115, 22, 0.18) !important;
}

.wcb-countdown .wcb-countdown__value {
    color: #fed7aa !important;
    text-shadow: 0 0 14px rgba(249, 115, 22, 0.85) !important;
}

.wcb-countdown .wcb-countdown__sep {
    color: rgba(249, 115, 22, 0.65) !important;
}

.wcb-countdown .wcb-countdown__unit {
    color: rgba(253, 186, 116, 0.55) !important;
}

.wcb-countdown .wcb-countdown__label {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ================================================================
   COUNTDOWN — Estilo timer-card aplicado ao wcb-countdown__box
   ================================================================ */
.wcb-countdown .wcb-countdown__box,
.wcb-countdown .wcb-countdown__box--urgent {
    background: linear-gradient(145deg, #FF7A00, #FF9A2A) !important;
    border-radius: 14px !important;
    padding: 16px 18px !important;
    color: white !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow:
        0 10px 25px rgba(255, 122, 0, 0.25),
        0 0 20px rgba(255, 122, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    transition: all 0.3s ease !important;
    min-width: 58px !important;
    height: auto !important;
}

.wcb-countdown .wcb-countdown__box::after {
    display: none !important;
}

.wcb-countdown .wcb-countdown__value {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
}

.wcb-countdown .wcb-countdown__sep {
    color: rgba(255, 122, 0, 0.7) !important;
}

.wcb-countdown .wcb-countdown__unit {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ================================================================
   COUNTDOWN DESIGN MELHORADO — Layout inner + label pill + cards
   ================================================================ */

/* Container externo: alinha verticalmente */
.wcb-countdown {
    display: flex;
    align-items: center;
}

/* Inner: empilha label acima dos boxes */
.wcb-countdown__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

/* Label como pill laranja sutil */
.wcb-countdown__label {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    background: rgba(255, 122, 0, 0.12);
    border: 1px solid rgba(255, 122, 0, 0.3);
    color: #FF7A00 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}

.wcb-countdown__label svg {
    opacity: 0.8;
    flex-shrink: 0;
}

/* Row das boxes */
.wcb-countdown__boxes {
    display: flex;
    align-items: flex-start;
    gap: 4px !important;
}

/* Wrap de cada unidade */
.wcb-countdown__unit-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

/* Card — mantendo o estilo timer-card solicitado */
.wcb-countdown .wcb-countdown__box {
    background: linear-gradient(145deg, #FF7A00, #FF9A2A) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    min-width: 52px !important;
    height: auto !important;
    border: none !important;
    box-shadow:
        0 10px 25px rgba(255, 122, 0, 0.25),
        0 0 20px rgba(255, 122, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcb-countdown .wcb-countdown__box:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 14px 30px rgba(255, 122, 0, 0.35),
        0 0 28px rgba(255, 122, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transition-delay: 0s !important;
}

/* Dígito */
.wcb-countdown .wcb-countdown__value {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-shadow: 0 1px 4px rgba(180, 60, 0, 0.35) !important;
    font-variant-numeric: tabular-nums;
}

/* Label da unidade (DIAS, HORAS...) */
.wcb-countdown .wcb-countdown__unit {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: rgba(255, 122, 0, 0.65) !important;
    text-transform: uppercase;
}

/* Separador ":" */
.wcb-countdown .wcb-countdown__sep {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: rgba(255, 122, 0, 0.5) !important;
    line-height: 1;
    margin-bottom: 22px;
    animation: wcb-cd-blink 1s step-end infinite;
}

/* Responsivo */
@media (max-width: 768px) {
    .wcb-countdown__inner {
        align-items: flex-start;
    }

    .wcb-countdown .wcb-countdown__box {
        min-width: 44px !important;
        padding: 10px !important;
    }

    .wcb-countdown .wcb-countdown__value {
        font-size: 1.3rem !important;
    }
}

/* ================================================================
   FIX: Botão Favorito — z-index acima da imagem do card
   ================================================================ */
.wcb-product-card__fav {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20 !important;
    pointer-events: all !important;
}

.wcb-product-card__image-wrap {
    position: relative;
}

.wcb-product-card__image {
    z-index: 1;
    position: relative;
}

/* ================================================================
   NEWSLETTER SLIM v3
   ================================================================ */
.wcb-nl3 {
    background: linear-gradient(135deg, #0a0e1a, #0d1b4b);
    border-top: 1px solid rgba(99, 102, 241, 0.15);
    padding: 36px 0;
}

.wcb-nl3__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.wcb-nl3__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px;
    letter-spacing: -0.02em;
}

.wcb-nl3__sub {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

.wcb-nl3__form {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.wcb-nl3__field {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0 14px;
    min-width: 240px;
}

.wcb-nl3__field>svg {
    color: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.wcb-nl3__input {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.875rem;
    padding: 12px 0;
    width: 100%;
}

.wcb-nl3__input::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.wcb-nl3__btn {
    background: linear-gradient(135deg, #2563eb, #6366f1);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.wcb-nl3__btn:hover {
    opacity: 0.88;
    transition-delay: 60ms;
}

/* ================================================================
   FOOTER CLEAN v3 — wcb-f3
   ================================================================ */
.wcb-f3 {
    background: #0f172a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.875rem;
}

.wcb-f3__body {
    padding: 56px 0 48px;
    background: #0f172a;
}

/* Grid: 4 colunas */
.wcb-f3__grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Brand — hierarquia: logo → tagline → CTA WhatsApp → prova social (linha clean) */
.wcb-f3__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-width: 24rem;
}

.wcb-f3__logo {
    margin-bottom: 14px;
}

.wcb-f3__brand-desc {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 18px;
    line-height: 1.65;
    letter-spacing: 0.01em;
}

.wcb-f3__social {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* CTA WhatsApp — minimal (linha + texto, sem cartão pesado) */
.wcb-f3__wa-cta {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 22rem;
    padding: 10px 0 10px 12px;
    text-decoration: none;
    text-align: left;
    border-radius: 0;
    background: transparent;
    border: none;
    border-left: 2px solid rgba(74, 222, 128, 0.55);
    box-shadow: none;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.wcb-f3__wa-cta__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(37, 211, 102, 0.1);
    color: #4ade80;
    border: none;
}

.wcb-f3__wa-cta__icon svg {
    width: 18px;
    height: 18px;
}

.wcb-f3__wa-cta__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wcb-f3__wa-cta__label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.35;
    letter-spacing: 0;
}

.wcb-f3__wa-cta__sub {
    font-size: 0.7rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.42);
    line-height: 1.4;
}

.wcb-f3__wa-cta:hover {
    background: rgba(255, 255, 255, 0.03);
    border-left-color: #4ade80;
}

.wcb-f3__wa-cta:focus-visible {
    outline: 2px solid rgba(74, 222, 128, 0.55);
    outline-offset: 4px;
    border-radius: 4px;
}

/* Headings */
.wcb-f3__heading {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 16px;
}

/* Nav links */
.wcb-f3__col nav {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wcb-f3__col nav a {
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-size: 0.84rem;
    padding: 5px 0;
    transition: color 0.2s ease;
}

.wcb-f3__col nav a:hover {
    color: rgba(255, 255, 255, 0.85);
    transition-delay: 60ms;
}

/* Pagamentos — chips com cor e borda uniformes */
.wcb-f3__payments {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-bottom: 16px;
    align-items: center;
}

.wcb-f3__pay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 12px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    color: rgba(255, 255, 255, 0.78);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.038) 45%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 8px;
    line-height: 1.2;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 1px 2px rgba(0, 0, 0, 0.18);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
    cursor: default;
    user-select: none;
}

.wcb-f3__pay:hover {
    color: rgba(255, 255, 255, 0.94);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.055) 100%);
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.14) inset,
        0 2px 6px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {

    .wcb-f3__pay,
    .wcb-f3__pay:hover {
        transition-duration: 0.01ms !important;
        transform: none !important;
    }
}

/* Trust */
.wcb-f3__trust {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wcb-f3__trust span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.35);
}

.wcb-f3__trust svg {
    color: #4ade80;
}

/* Divider */
.wcb-f3__divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

/* Bottom bar */
.wcb-f3__bottom {
    padding: 16px 0;
    background: #0f172a;
}

.wcb-f3__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.wcb-f3__copy {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.25);
}

/* ── Responsivo ─────────────────────────────────── */
@media (max-width: 900px) {
    .wcb-f3__grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .wcb-nl3__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .wcb-nl3__form {
        width: 100%;
    }

    .wcb-nl3__field {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .wcb-f3__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .wcb-f3__body {
        padding: 36px 0 32px;
    }

    .wcb-f3__bottom-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    .wcb-nl3__form {
        flex-direction: column;
    }
}

/* ================================================================
   FOOTER v3 — REFINAMENTOS: logo menor + mais premium sem poluir
   ================================================================ */

/* Logo menor no footer */
.wcb-f3__logo img,
.wcb-f3__logo .custom-logo,
.wcb-f3__logo svg {
    max-width: 110px !important;
    max-height: 56px !important;
    width: auto !important;
    height: auto !important;
    display: block;
}

/* Destaque sutil no topo do footer (azul da marca — sem tom roxo/indigo) */
.wcb-f3::before {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(21, 93, 253, 0.55) 38%, rgba(59, 130, 246, 0.5) 62%, transparent);
    opacity: 0.85;
}

/* Prova social — abaixo do CTA WhatsApp, linha única, sem cartão */
.wcb-f3__brand-stars {
    display: block;
    width: 100%;
    max-width: 22rem;
    margin: 18px 0 0;
    padding: 14px 0 0;
    border: none;
    background: none;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
}

.wcb-f3__brand-stars__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    row-gap: 6px;
}

.wcb-f3__brand-stars__visual .stars {
    display: inline-block;
    color: rgba(251, 191, 36, 0.92);
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    line-height: 1;
}

.wcb-f3__brand-stars__score-wrap {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    flex-wrap: nowrap;
}

.wcb-f3__brand-stars__score {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: -0.02em;
    line-height: 1;
}

.wcb-f3__brand-stars__outof {
    font-size: 0.7rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    text-transform: lowercase;
}

.wcb-f3__brand-stars__meta {
    font-size: 0.72rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.42);
    line-height: 1.35;
    padding-left: 10px;
    margin-left: 2px;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

@media (prefers-reduced-motion: reduce) {

    .wcb-f3__wa-cta,
    .wcb-f3__wa-cta:hover {
        transition-duration: 0.01ms !important;
    }
}

/* Heading com linha inferior sutil */
.wcb-f3__heading {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 14px;
    position: relative;
}

.wcb-f3__heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, #155dfd, #3b82f6);
    border-radius: 2px;
}

/* Links com micro-indicador no hover */
.wcb-f3__col nav a {
    padding: 5px 0 5px 0;
    border-left: 2px solid transparent;
    padding-left: 0;
    transition: color 0.2s ease, padding-left 0.2s ease, border-color 0.2s ease;
}

.wcb-f3__col nav a:hover {
    color: rgba(255, 255, 255, 0.85) !important;
    padding-left: 6px;
    border-left-color: #3b82f6;
    transition-delay: 60ms;
}

/* Footer v3 — mais altura */
.wcb-f3__body {
    padding: 72px 0 64px !important;
    background: #0f172a !important;
}

.wcb-nl3 {
    padding: 44px 0 !important;
}


/* ================================================================
   NEWSLETTER v4 — wcb-nl4 (tema claro: leitura fácil, foco no formulário)
   ================================================================ */
.wcb-nl4 {
    position: relative;
    overflow: hidden;
    padding: 48px 0 56px;
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.97) 0%, rgba(241, 245, 255, 0.85) 42%, rgba(248, 250, 252, 1) 100%),
        #f8fafc;
    /* Linha divisória clara no topo (separa do conteúdo acima) */
    border-top: 1px solid #d1d5db;
    border-bottom: 1px solid #e8ecf1;
}

.wcb-nl4__glow {
    position: absolute;
    width: min(720px, 90vw);
    height: 280px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: radial-gradient(ellipse 80% 70% at 50% 0%, rgba(21, 93, 253, 0.09) 0%, transparent 72%);
    pointer-events: none;
}

.wcb-nl4__inner {
    display: flex;
    align-items: center;
    gap: clamp(32px, 5vw, 64px);
    position: relative;
    z-index: 1;
}

.wcb-nl4__left {
    flex: 1;
    min-width: 0;
}

.wcb-nl4__right {
    flex: 0 0 min(480px, 100%);
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 16px;
    padding: 22px 22px 20px;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 40px -16px rgba(15, 23, 42, 0.1);
}

.wcb-nl4__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(21, 93, 253, 0.1);
    border: 1px solid rgba(21, 93, 253, 0.2);
    color: var(--wcb-blue, #155dfd);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 9999px;
    margin-bottom: 14px;
}

.wcb-nl4__badge svg {
    flex-shrink: 0;
    opacity: 0.95;
}

.wcb-nl4__title {
    font-size: clamp(1.45rem, 2.3vw, 1.9rem);
    font-weight: 800;
    color: #0f172a;
    line-height: 1.18;
    margin: 0 0 12px;
    letter-spacing: -0.025em;
}

.wcb-nl4__title span {
    background: linear-gradient(135deg, #2563eb 0%, #155dfd 55%, #0f48d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wcb-nl4__sub {
    font-size: 0.9rem;
    color: #64748b;
    margin: 0 0 20px;
    line-height: 1.65;
    max-width: 34rem;
}

.wcb-nl4__proof {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wcb-nl4__avatars {
    display: flex;
    align-items: center;
    position: relative;
}

.wcb-nl4__proof-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
}

.wcb-nl4__field-wrap {
    width: 100%;
    margin-bottom: 4px;
}

.wcb-nl4__label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
    margin: 0 0 8px 3px;
}

.wcb-nl4__field {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    padding: 0 16px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.25s ease;
}

.wcb-nl4__field:focus-within {
    border-color: rgba(21, 93, 253, 0.55);
    box-shadow:
        0 0 0 3px rgba(21, 93, 253, 0.12),
        0 4px 14px rgba(21, 93, 253, 0.08);
}

.wcb-nl4__field svg {
    color: #94a3b8;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.wcb-nl4__field:focus-within svg {
    color: var(--wcb-blue, #155dfd);
}

.wcb-nl4__input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    color: #0f172a;
    font-size: 0.95rem;
    padding: 15px 0;
    letter-spacing: 0.01em;
}

.wcb-nl4__input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.wcb-nl4__input:-webkit-autofill,
.wcb-nl4__input:-webkit-autofill:hover,
.wcb-nl4__input:-webkit-autofill:focus,
.wcb-nl4__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 9999px #fff inset !important;
    box-shadow: 0 0 0 9999px #fff inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #155dfd !important;
    border-radius: 0 !important;
    transition: background-color 99999s ease !important;
}

.wcb-nl4__btn {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #2563eb 0%, #155dfd 55%, #0f48d4 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 15px 22px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease;
    box-shadow:
        0 4px 20px rgba(21, 93, 253, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.wcb-nl4__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transform: skewX(-20deg);
    transition: left 0.55s ease;
}

.wcb-nl4__btn:hover::before {
    left: 130%;
}

.wcb-nl4__btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow:
        0 10px 32px rgba(21, 93, 253, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition-delay: 50ms;
}

.wcb-nl4__btn:active {
    transform: translateY(0);
}

.wcb-nl4__btn:disabled {
    cursor: not-allowed;
    opacity: 0.88;
}

.wcb-nl4__btn-loading {
    display: none;
}

.wcb-nl4__btn[aria-busy="true"] .wcb-nl4__btn-text,
.wcb-nl4__btn[aria-busy="true"] .wcb-nl4__btn-icon {
    display: none !important;
}

.wcb-nl4__btn[aria-busy="true"] .wcb-nl4__btn-loading {
    display: inline !important;
}

.wcb-nl4__error {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #b91c1c;
    margin: 0 0 10px;
    padding: 0 4px;
    min-height: 1.25em;
}

.wcb-nl4__error:empty,
.wcb-nl4__error[hidden] {
    display: none !important;
}

.wcb-nl4__privacy {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px 6px;
    font-size: 0.75rem;
    color: #64748b;
    margin: 10px 0 0;
    padding-left: 3px;
    line-height: 1.5;
}

.wcb-nl4__privacy svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: #94a3b8;
}

.wcb-nl4__privacy-link {
    color: var(--wcb-blue, #155dfd);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wcb-nl4__privacy-link:hover {
    color: #0f48d4;
}

.wcb-nl4__success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding: 28px 22px;
    background: linear-gradient(180deg, #f0fdf4 0%, #fff 55%);
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(22, 163, 74, 0.08);
    animation: wcb-nl4-appear 0.45s ease;
}

@keyframes wcb-nl4-appear {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.wcb-nl4__success-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #dcfce7;
    border: 2px solid #86efac;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16a34a;
}

.wcb-nl4__success-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #14532d;
    margin: 0;
    letter-spacing: -0.02em;
}

.wcb-nl4__success-sub {
    font-size: 0.875rem;
    color: #166534;
    margin: 0;
    max-width: 28rem;
    line-height: 1.55;
    opacity: 0.92;
}

.wcb-nl4__wa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 6px;
    padding: 13px 24px;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 18px rgba(22, 163, 74, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.wcb-nl4__wa-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(22, 163, 74, 0.4);
    filter: brightness(1.03);
    color: #fff;
}

.wcb-nl4__wa-btn:focus-visible {
    outline: 2px solid #14532d;
    outline-offset: 3px;
}

.wcb-nl4__avatars .wcb-nl4__av {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2.5px solid #fff;
    margin-left: -10px;
    flex-shrink: 0;
    object-fit: cover;
    background-color: #e2e8f0;
    box-shadow:
        0 0 0 1px rgba(21, 93, 253, 0.12),
        0 2px 8px rgba(15, 23, 42, 0.08);
    transform-origin: center bottom;
    animation: wcb-nl4-avatar-float 3s ease-in-out infinite;
    will-change: transform;
}

.wcb-nl4__avatars .wcb-nl4__av:first-child {
    margin-left: 0;
}

.wcb-nl4__avatars--animated .wcb-nl4__av:nth-child(2) {
    animation-delay: 0.18s;
}

.wcb-nl4__avatars--animated .wcb-nl4__av:nth-child(3) {
    animation-delay: 0.36s;
}

.wcb-nl4__avatars--animated .wcb-nl4__av:nth-child(4) {
    animation-delay: 0.54s;
}

@keyframes wcb-nl4-avatar-float {

    0%,
    100% {
        transform: translateY(0) scale(1);
        box-shadow:
            0 0 0 1px rgba(21, 93, 253, 0.12),
            0 2px 8px rgba(15, 23, 42, 0.08);
    }

    50% {
        transform: translateY(-4px) scale(1.05);
        box-shadow:
            0 0 0 2px rgba(21, 93, 253, 0.18),
            0 6px 16px rgba(21, 93, 253, 0.12);
    }
}

@media (prefers-reduced-motion: reduce) {

    .wcb-nl4__avatars .wcb-nl4__av {
        animation: none !important;
    }
}

@media (max-width: 860px) {
    .wcb-nl4__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
    }

    .wcb-nl4__right {
        flex: 1;
        width: 100%;
        max-width: min(480px, 100%);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 480px) {
    .wcb-nl4 {
        padding: 36px 0 44px;
    }

    .wcb-nl4__sub {
        font-size: 0.875rem;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wcb-nl4__btn::before,
    .wcb-nl4__success {
        animation: none;
    }

    .wcb-nl4__btn:hover:not(:disabled),
    .wcb-nl4__wa-btn:hover {
        transform: none;
    }

    #wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button::before,
    #wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]::before {
        transition: none !important;
    }

    #wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:hover::before,
    #wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:hover::before {
        left: -75% !important;
    }

    #wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:hover:not(:disabled):not(.disabled),
    #wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:hover:not(:disabled) {
        transform: none !important;
    }

    .wcb-pdp-sticky__btn::before {
        transition: none;
    }

    .wcb-pdp-sticky__btn:hover::before {
        left: -75%;
    }

    .wcb-pdp-sticky__btn:hover,
    .wcb-pdp-sticky__btn:hover .wcb-pdp-cta-arrow {
        transform: none;
    }
}

/* ================================================================
   SEÇÃO DEPOIMENTOS — wcb-testi
   3 colunas com scroll infinito (CSS-only, sem JS)
   ================================================================ */

/* Keyframes */
@keyframes wcb-testi-scroll-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes wcb-testi-card-in {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Seção wrapper */
.wcb-testi {
    background: #080d1f;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}

.wcb-testi::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(37, 99, 235, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

/* Header */
.wcb-testi__header {
    text-align: center;
    margin-bottom: 52px;
    animation: wcb-testi-card-in 0.7s ease both;
}

.wcb-testi__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.08);
    color: #f59e0b;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 9999px;
    margin-bottom: 16px;
}

.wcb-testi__title {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
}

.wcb-testi__sub {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.45);
    max-width: 460px;
    margin: 0 auto;
    line-height: 1.7;
}

.wcb-testi__sub strong {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

/* Stage — 3 colunas em grid */
.wcb-testi__stage {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-height: 640px;
    overflow: hidden;
    /* fade top/bottom */
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

@media (min-width: 768px) {
    .wcb-testi__stage {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .wcb-testi__stage {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Colunas responsivas */
.wcb-testi__col--md {
    display: none;
}

.wcb-testi__col--lg {
    display: none;
}

@media (min-width: 768px) {
    .wcb-testi__col--md {
        display: block;
    }
}

@media (min-width: 1024px) {
    .wcb-testi__col--lg {
        display: block;
    }
}

/* Track — lista que sobe infinitamente */
.wcb-testi__track {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    will-change: transform;
}

.wcb-testi__track--1 {
    animation: wcb-testi-scroll-up 22s linear infinite;
}

.wcb-testi__track--2 {
    animation: wcb-testi-scroll-up 28s linear infinite;
    animation-direction: normal;
}

.wcb-testi__track--3 {
    animation: wcb-testi-scroll-up 25s linear infinite;
}

/* Pausa no hover */
.wcb-testi__col:hover .wcb-testi__track {
    animation-play-state: paused;
}

/* Card */
.wcb-testi__card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 22px 24px;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    cursor: default;
}

.wcb-testi__card blockquote {
    margin: 0;
    padding: 0;
}

.wcb-testi__card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(37, 99, 235, 0.3);
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(37, 99, 235, 0.15);
    transition-delay: 60ms;
}

/* Estrelas */
.wcb-testi__stars {
    color: #f59e0b;
    font-size: 0.78rem;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

/* Citação */
.wcb-testi__quote {
    font-size: 0.87rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.65;
    margin: 0 0 16px;
}

/* Footer do card */
.wcb-testi__footer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wcb-testi__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.12);
    flex-shrink: 0;
    transition: border-color 0.2s;
}

.wcb-testi__card:hover .wcb-testi__avatar {
    border-color: rgba(37, 99, 235, 0.5);
}

.wcb-testi__meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wcb-testi__name {
    font-size: 0.83rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wcb-testi__role {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.35);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wcb-testi__product-tag {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(37, 99, 235, 0.15);
    color: #93c5fd;
    border: 1px solid rgba(37, 99, 235, 0.2);
    white-space: nowrap;
}

/* ==============================================
   DEPOIMENTOS — Tema CLARO (white)
   ============================================== */
.wcb-testi {
    background: #f8f9fc !important;
}

.wcb-testi::before {
    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(37, 99, 235, 0.05) 0%, transparent 70%) !important;
}

.wcb-testi__title {
    color: #0f172a !important;
}

.wcb-testi__sub {
    color: #64748b !important;
}

.wcb-testi__sub strong {
    color: #1e293b !important;
}

.wcb-testi__card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.07) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.wcb-testi__card:hover {
    background: #ffffff !important;
    border-color: rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 12px 32px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.12) !important;
}

.wcb-testi__quote {
    color: #475569 !important;
}

.wcb-testi__name {
    color: #0f172a !important;
}

.wcb-testi__role {
    color: #94a3b8 !important;
}

.wcb-testi__avatar {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.wcb-testi__card:hover .wcb-testi__avatar {
    border-color: rgba(37, 99, 235, 0.4) !important;
}

.wcb-testi__product-tag {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #2563eb !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
}

/* Depoimentos — estrelas grandes e badge com ponto azul (light mode) */
.wcb-testi__rating-stars {
    font-size: 1.6rem;
    color: #f59e0b;
    letter-spacing: 4px;
    margin-bottom: 14px;
    display: block;
}

.wcb-testi__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(37, 99, 235, 0.2);
    color: #475569;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 9999px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.wcb-testi__badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3b82f6;
    flex-shrink: 0;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* ============================================================
   CARROSSEIS — Transição suave e elegante (todos os tipos)
   ============================================================ */

/* ── Paged Carousel: track com slide suave ── */
.wcb-paged-carousel__track {
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

/* Botões dos carrosseis — micro-animação no hover */
.wcb-paged-carousel__btn {
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.wcb-paged-carousel__btn:hover {
    transform: scale(1.1) !important;
}

.wcb-paged-carousel__btn:active {
    transform: scale(0.93) !important;
}

/* Dots dos carrosseis */
.wcb-paged-carousel__dot {
    transition: background 0.3s ease, transform 0.3s ease, width 0.3s ease !important;
}

.wcb-paged-carousel__dot.active {
    transform: scale(1.25) !important;
}

/* ── Lifestyle Slider: fade mais suave ── */
.wcb-ls-content {
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wcb-ls-enter {
    opacity: 0 !important;
    transform: translateY(10px) !important;
}

/* ── Slides individuais: efeito de fade-in ao entrar ── */
.wcb-paged-carousel__slide {
    transition: opacity 0.4s ease !important;
}

/* ================================================================
   POLÍTICA DE PRIVACIDADE — pp-*
   ================================================================ */

/* Fontes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Variáveis */
:root {
    --pp-navy: #0d1b2e;
    --pp-navy2: #102040;
    --pp-blue: #3b82f6;
    --pp-blue-lt: #eff6ff;
    --pp-bg: #f3f4f8;
    --pp-white: #ffffff;
    --pp-border: #e2e6f0;
    --pp-text: #1e293b;
    --pp-muted: #64748b;
    --pp-yellow: #fef9c3;
    --pp-yellow-b: #f59e0b;
    --pp-radius: 12px;
}

/* ── HERO ─────────────────────────────────────────────────────── */
.pp-hero {
    background: linear-gradient(135deg, #0a1628 0%, #0d2044 40%, #0f2a58 70%, #0e1e3a 100%);
    padding: 52px 0 60px;
    position: relative;
    overflow: hidden;
}

.pp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 60% at 65% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 65%);
    pointer-events: none;
}

.pp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif;
}

.pp-breadcrumb a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.pp-breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.pp-hero__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--pp-blue);
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
}

.pp-hero__title {
    font-family: 'Inter', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: #fff;
    margin: 0 0 24px;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.pp-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pp-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    padding: 5px 12px;
    letter-spacing: 0.04em;
    font-family: 'Inter', sans-serif;
}

/* ── CONTAINER E LAYOUT ──────────────────────────────────────── */
.pp-container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 24px;
}

.pp-body {
    background: var(--pp-bg);
    min-height: 100vh;
    padding: 48px 0 80px;
}

.pp-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    align-items: start;
}

/* ── SIDEBAR ─────────────────────────────────────────────────── */
.pp-sidebar {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pp-sidebar__card {
    background: var(--pp-white);
    border: 1px solid var(--pp-border);
    border-radius: var(--pp-radius);
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.pp-sidebar__label {
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--pp-muted);
    margin-bottom: 14px;
    font-family: 'Inter', sans-serif;
}

.pp-sidebar__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pp-toc-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--pp-muted);
    text-decoration: none;
    transition: background 0.18s, color 0.18s;
    font-family: 'Inter', sans-serif;
    line-height: 1.3;
}

.pp-toc-link:hover {
    background: var(--pp-blue-lt);
    color: var(--pp-blue);
}

.pp-toc-link.active {
    background: var(--pp-blue-lt);
    color: var(--pp-blue);
    font-weight: 700;
}

.pp-toc-num {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--pp-blue);
    min-width: 20px;
    font-family: 'Inter', sans-serif;
    opacity: 0.8;
}

.pp-sidebar__support {
    background: var(--pp-white);
    border: 1px solid var(--pp-border);
    border-radius: var(--pp-radius);
    padding: 16px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.pp-sidebar__support-text {
    font-size: 0.78rem;
    color: var(--pp-muted);
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
}

.pp-sidebar__support-link {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--pp-blue);
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    transition: opacity 0.15s;
    word-break: break-all;
}

.pp-sidebar__support-link:hover {
    opacity: 0.75;
}

/* ── SEÇÕES ──────────────────────────────────────────────────── */
.pp-section {
    margin-bottom: 48px;
}

.pp-section:last-child {
    margin-bottom: 0;
}

.pp-section__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.pp-section__dot {
    width: 8px;
    height: 28px;
    background: var(--pp-blue);
    border-radius: 4px;
    flex-shrink: 0;
}

.pp-section__title {
    font-family: 'Inter', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--pp-text);
    letter-spacing: -0.02em;
    margin: 0;
}

.pp-subsection {
    font-family: 'Inter', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--pp-text);
    margin: 20px 0 8px;
}

.pp-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.75;
    margin-bottom: 14px;
}

.pp-text:last-child {
    margin-bottom: 0;
}

.pp-text--lead {
    font-size: 0.92rem;
    color: var(--pp-muted);
}

.pp-text--sm {
    font-size: 0.8rem;
}

.pp-link {
    color: var(--pp-blue);
    text-decoration: none;
    font-weight: 600;
}

.pp-link:hover {
    text-decoration: underline;
}

/* ── CARDS ───────────────────────────────────────────────────── */
.pp-card {
    background: var(--pp-white);
    border: 1px solid var(--pp-border);
    border-radius: var(--pp-radius);
    padding: 24px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pp-card:last-child {
    margin-bottom: 0;
}

.pp-card--sm {
    padding: 18px;
}

.pp-card--icon {
    padding: 22px;
}

.pp-card__label {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--pp-muted);
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif;
}

.pp-card__title {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--pp-text);
    margin: 0 0 12px;
}

.pp-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.pp-card__icon--blue {
    background: var(--pp-blue-lt);
    color: var(--pp-blue);
}

.pp-card__icon--gray {
    background: #f1f5f9;
    color: var(--pp-muted);
}

/* ── GRIDS ───────────────────────────────────────────────────── */
.pp-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

/* ── ALERTAS ─────────────────────────────────────────────────── */
.pp-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-radius: 6px;
    font-size: 0.83rem;
    font-family: 'Inter', sans-serif;
    line-height: 1.65;
    margin-bottom: 20px;
}

.pp-alert svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.pp-alert--blue {
    background: var(--pp-blue-lt);
    border-left: 4px solid var(--pp-blue);
    color: #1e40af;
}

.pp-alert--blue svg {
    color: var(--pp-blue);
}

.pp-alert--yellow {
    background: var(--pp-yellow);
    border-left: 4px solid var(--pp-yellow-b);
    color: #92400e;
}

.pp-alert--yellow svg {
    color: var(--pp-yellow-b);
}

/* ── QUOTE ───────────────────────────────────────────────────── */
.pp-quote {
    border-left: 4px solid var(--pp-blue);
    background: var(--pp-blue-lt);
    padding: 16px 20px;
    margin: 20px 0 0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    font-size: 0.875rem;
    color: #1e40af;
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
}

/* ── LISTAS ──────────────────────────────────────────────────── */
.pp-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pp-list li {
    padding: 4px 0 4px 18px;
    position: relative;
    font-size: 0.83rem;
    font-family: 'Inter', sans-serif;
    color: #374151;
    line-height: 1.6;
}

.pp-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pp-blue);
}

.pp-list--spaced li {
    padding-bottom: 6px;
}

/* ── META ROW ────────────────────────────────────────────────── */
.pp-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 16px 0;
    border-top: 1px solid var(--pp-border);
    border-bottom: 1px solid var(--pp-border);
    margin: 16px 0;
}

.pp-meta-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--pp-muted);
    font-family: 'Inter', sans-serif;
}

.pp-meta-item svg {
    color: var(--pp-blue);
}

/* ── DIREITOS ────────────────────────────────────────────────── */
.pp-rights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.pp-right-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-family: 'Inter', sans-serif;
    color: var(--pp-text);
    font-weight: 500;
}

/* ── CTA FINAL ───────────────────────────────────────────────── */
.pp-cta {
    background: linear-gradient(135deg, #0a1628 0%, #0f2a58 60%, #1a1040 100%);
    border-radius: 18px;
    padding: 52px 40px;
    text-align: center;
    margin-top: 32px;
    box-shadow: 0 20px 48px rgba(10, 22, 40, 0.28);
    position: relative;
    overflow: hidden;
}

.pp-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 65%);
}

.pp-cta__sub {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--pp-blue);
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    position: relative;
}

.pp-cta__title {
    font-family: 'Inter', sans-serif;
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    letter-spacing: -0.03em;
    position: relative;
}

.pp-cta__text {
    font-family: 'Inter', sans-serif;
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.6);
    max-width: 420px;
    margin: 0 auto 28px;
    line-height: 1.7;
    position: relative;
}

.pp-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--pp-blue);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    position: relative;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);
}

.pp-cta__btn:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(59, 130, 246, 0.5);
}

.pp-cta__btn:active {
    transform: translateY(0);
}

/* ── RESPONSIVIDADE ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .pp-layout {
        grid-template-columns: 1fr;
    }

    .pp-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}

@media (max-width: 640px) {
    .pp-hero {
        padding: 36px 0 44px;
    }

    .pp-hero__title {
        font-size: 1.8rem;
    }

    .pp-hero__badges {
        gap: 7px;
    }

    .pp-badge {
        font-size: 0.65rem;
    }

    .pp-sidebar {
        grid-template-columns: 1fr;
    }

    .pp-grid-2 {
        grid-template-columns: 1fr;
    }

    .pp-rights-grid {
        grid-template-columns: 1fr;
    }

    .pp-cta {
        padding: 36px 20px;
    }

    .pp-section__title {
        font-size: 1rem;
    }

    .pp-body {
        padding: 24px 0 60px;
    }
}

/* PP Layout fix — força grid no layout de 2 colunas */
.pp-layout {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    gap: 32px !important;
    align-items: start !important;
}

@media (max-width: 900px) {
    .pp-layout {
        grid-template-columns: 1fr !important;
    }
}

/* ================================================================
   UX/UI UPGRADE — Páginas Institucionais (pp-* v2)
   Aplicável a: Política de Privacidade + Garantia, Trocas e Devoluções
   ================================================================ */

/* ── Barra de progresso de leitura ─────────────────────────── */
.pp-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    z-index: 9999;
    transition: width 0.1s linear;
    border-radius: 0 2px 2px 0;
}

/* ── Hero: padrão de pontos sutil + brilho ─────────────────── */
.pp-hero {
    position: relative;
    overflow: hidden;
}

.pp-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

.pp-hero__title {
    position: relative;
    z-index: 1;
}

/* ── Cards: hover lift + transição suave ───────────────────── */
.pp-card {
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
    position: relative;
}

.pp-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.09) !important;
    transform: translateY(-2px) !important;
}

.pp-card--sm:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
}

/* ── Seções: fade-in ao entrar na viewport ─────────────────── */
.pp-section {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.pp-section.pp-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ── Título da seção: numeração mais elegante ──────────────── */
.pp-section__title {
    font-size: 1.2rem !important;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Separador visual entre seções ─────────────────────────── */
.pp-section+.pp-section {
    padding-top: 8px;
    border-top: 1px solid #e9edf5;
    margin-top: 0;
}

/* ── Sidebar: link ativo com barra lateral ─────────────────── */
.pp-toc-link.active {
    border-left: 3px solid var(--pp-blue) !important;
    padding-left: 8px !important;
    font-weight: 700 !important;
    color: #1d4ed8 !important;
    background: linear-gradient(90deg, #eff6ff 0%, #f8faff 100%) !important;
}

.pp-toc-link {
    border-left: 3px solid transparent;
    padding-left: 8px !important;
    border-radius: 0 7px 7px 0 !important;
}

/* ── Quote melhorada ────────────────────────────────────────── */
.pp-quote {
    font-size: 0.92rem !important;
    padding: 20px 24px !important;
    margin-top: 24px !important;
    font-weight: 500 !important;
    border-radius: 0 6px 6px 0 !important;
}

/* ── Alertas: ícone e border-radius melhorados ─────────────── */
.pp-alert {
    border-radius: 6px !important;
    padding: 16px 22px !important;
    gap: 14px !important;
}

.pp-alert strong {
    display: block;
    margin-bottom: 4px;
    font-size: 0.85rem;
}

/* ── Badge de hero: hover sutil ────────────────────────────── */
.pp-badge {
    transition: background 0.2s, border-color 0.2s !important;
    cursor: default;
}

.pp-badge:hover {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

/* ── Botão Voltar ao topo ───────────────────────────────────── */
.pp-back-top {
    position: fixed;
    bottom: 88px;
    right: 28px;
    width: 42px;
    height: 42px;
    background: #1e3a5f;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.3s, transform 0.3s, background 0.2s;
    z-index: 1000;
}

.pp-back-top.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ── Título do sumário com linha decorativa ────────────────── */
.pp-sidebar__label {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 14px;
}

.pp-sidebar__label::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background: var(--pp-blue);
    border-radius: 2px;
}

/* ── CTA final: subtle glow ─────────────────────────────────── */
.pp-cta {
    box-shadow: 0 24px 64px rgba(10, 22, 40, 0.35) !important;
}

.pp-cta__btn {
    position: relative;
    overflow: hidden;
}

.pp-cta__btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    transition: background 0.25s;
}

.pp-cta__btn:hover::after {
    background: rgba(255, 255, 255, 0.08);
}

/* ── Prazo card: hover lift ─────────────────────────────────── */
.gtd-prazo-card {
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.gtd-prazo-card:hover {
    box-shadow: 0 8px 28px rgba(59, 130, 246, 0.18);
    transform: translateY(-2px);
}

/* ── Meta row: ícones com cor ──────────────────────────────── */
.pp-meta-item svg {
    color: #3b82f6 !important;
}

/* ── Dots responsivos ──────────────────────────────────────── */
.pp-rights-grid {
    gap: 12px !important;
}

.pp-right-item {
    padding: 10px 14px;
    background: #f8faff;
    border: 1px solid #e2e8f9;
    border-radius: 8px;
    transition: background 0.18s, border-color 0.18s;
}

.pp-right-item:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
}

/* ── Scroll suave global ───────────────────────────────────── */
html {
    scroll-behavior: smooth;
}

/* ── Grid suporte mobile ───────────────────────────────────── */
@media (max-width: 640px) {
    .pp-back-top {
        bottom: 80px;
        right: 16px;
    }

    .pp-section__title {
        font-size: 1rem !important;
    }

    .pp-hero {
        padding: 40px 0 48px !important;
    }
}


/* ================================================================
   MEGA MENU v2 — Layout 2 colunas
   ================================================================ */

.wcb-mega__simple {
    display: none !important;
}

.wcb-mega {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 2 * max((100vw - 1440px) / 2, 0px));
    max-width: 1440px;
    background: #fff;
    border-top: 2px solid #1d4ed8;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 8px 8px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* ── Ponte invisível ACIMA do painel (preenche o gap menu→painel) ── */
.wcb-mega::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: transparent;
}

.wcb-nav__item--mega:hover .wcb-mega,
.wcb-nav__item--mega.wcb-mega--open .wcb-mega,
.wcb-nav__item--mega.wcb-mega--hover .wcb-mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wcb-mega__inner {
    padding: 0;
    min-height: 240px;
}

.wcb-mega__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    border-bottom: 1px solid #f1f5f9;
    background: #f8faff;
    min-height: 38px;
}

.wcb-mega__header-title {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
    font-family: 'Inter', sans-serif;
}

.wcb-mega__header-count {
    font-size: 0.7rem;
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
}

.wcb-mega__cols {
    display: grid;
    grid-template-columns: 220px 1fr;
    min-height: 200px;
    max-height: 480px;
    overflow: hidden;
}

.wcb-mega__col--left {
    background: #f8faff;
    border-right: 1px solid #e8edf8;
    padding: 12px 0;
    overflow-y: auto;
}

.wcb-mega__fixed-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wcb-mega__fixed-item {
    position: relative;
}

.wcb-mega__fixed-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    transition: background 0.13s, color 0.13s;
    gap: 8px;
    white-space: nowrap;
}

.wcb-mega__fixed-link:hover,
.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-link {
    background: #eff6ff;
    color: #1d4ed8;
}

.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-link {
    font-weight: 700;
    border-left: 3px solid #3b82f6;
    padding-left: 13px;
}

.wcb-mega__fixed-chevron {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: 0.4;
}

.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-chevron {
    opacity: 1;
}

.wcb-mega__col--right {
    padding: 18px 24px;
    min-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wcb-mega__children-wrap {
    width: 100%;
}

.wcb-mega__children {
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 2;
    column-gap: 6px;
}

.wcb-mega__child {
    break-inside: avoid;
    margin-bottom: 1px;
}

.wcb-mega__child--hidden {
    display: none;
}

.wcb-mega__child-link {
    display: block;
    padding: 5px 10px;
    font-size: 0.8rem;
    color: #374151;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__child-link:hover {
    background: #eff6ff;
    color: #1d4ed8;
}

.wcb-mega__child-link::before {
    content: '›';
    margin-right: 5px;
    color: #93c5fd;
    font-weight: 700;
}

.wcb-mega__see-all-wrap {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.wcb-mega__see-all {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: background 0.14s, color 0.14s;
}

.wcb-mega__see-all svg {
    width: 13px;
    height: 13px;
    transition: transform 0.18s;
}

.wcb-mega__see-all:hover {
    background: #dbeafe;
    color: #1e40af;
}

.wcb-mega__see-all:hover svg {
    transform: translateX(3px);
}

.wcb-mega__col--right.wcb-expanded .wcb-mega__children {
    columns: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 3px;
}

.wcb-mega__col--right.wcb-expanded .wcb-mega__child--hidden {
    display: list-item;
}

.wcb-mega__leaf-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wcb-mega__leaf-link {
    display: block;
    padding: 7px 10px;
    font-size: 0.82rem;
    color: #374151;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
    transition: background 0.12s, color 0.12s;
}

.wcb-mega__leaf-link:hover {
    background: #eff6ff;
    color: #1d4ed8;
}

.wcb-mega__leaf-link::before {
    content: '›';
    margin-right: 5px;
    color: #93c5fd;
    font-weight: 700;
}





/* ================================================================
   MEGA MENU — Polish Visual v2 (append)
   ================================================================ */

/* ── Animação de abertura do painel (fade suave, SEM transform) ── */
.wcb-nav__item--mega:hover .wcb-mega {
    animation: wcbMegaOpen 0.25s ease both;
}

@keyframes wcbMegaOpen {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ── VER TODOS como card full-width ────────────────────────────── */
.wcb-mega__see-all-wrap {
    margin-top: 16px;
    padding-top: 0;
    border-top: none;
}

.wcb-mega__see-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 16px;
    font-size: 0.84rem;
    font-weight: 500;
    letter-spacing: normal;
    color: #1d4ed8;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: background 0.16s, border-color 0.16s, color 0.16s, box-shadow 0.16s;
    box-shadow: 0 1px 3px rgba(59, 130, 246, 0.08);
}

.wcb-mega__see-all:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #3b82f6;
    color: #1e40af;
    box-shadow: 0 3px 10px rgba(59, 130, 246, 0.18);
}

.wcb-mega__see-all svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wcb-mega__see-all:hover svg {
    transform: translateX(4px);
}

/* ── Leaf link melhorado (R1) ──────────────────────────────────── */
.wcb-mega__leaf-wrapper {
    padding: 8px 0;
}

.wcb-mega__leaf-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    padding: 10px 16px;
    font-size: 0.84rem;
    font-weight: 500;
    color: #1d4ed8;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.wcb-mega__leaf-link svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wcb-mega__leaf-link:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e40af;
    box-shadow: 0 3px 10px rgba(59, 130, 246, 0.18);
}

.wcb-mega__leaf-link:hover svg {
    transform: translateX(4px);
}

.wcb-mega__leaf-link::before {
    display: none;
}

/* ── Contador de itens no cabeçalho ────────────────────────────── */
.wcb-mega__header-count {
    font-size: 0.68rem;
    color: #3b82f6;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    padding: 2px 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

/* Suaviza botão ver todos */
.wcb-mega__see-all {
    transition: all 0.3s ease-in-out !important;
}

/* ================================================================
   PROMO DROPDOWN — Hover no link "Promoções" da navbar
   ================================================================ */
.wcb-promo-dd {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    width: 100vw;
    max-width: none;
    margin-left: -50vw;
    box-sizing: border-box;
    z-index: 1010;
    background: #ffffff;
    border-bottom: 2px solid #e5e7eb;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
    padding: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease,
        padding 0.35s ease;
}

.wcb-promo-dd--visible {
    max-height: 420px;
    opacity: 1;
    pointer-events: auto;
    padding: 24px 0 28px;
}

/* Inner container */
.wcb-promo-dd__inner {
    position: relative;
}

/* ── Header ── */
.wcb-promo-dd__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f3f5;
}

.wcb-promo-dd__header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wcb-promo-dd__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.01em;
}

.wcb-promo-dd__title svg {
    color: #ef4444;
}

.wcb-promo-dd__subtitle {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 500;
}

.wcb-promo-dd__see-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.06);
    border: 1px solid rgba(37, 99, 235, 0.15);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.wcb-promo-dd__see-all:hover {
    background: rgba(37, 99, 235, 0.12);
    transform: translateX(2px);
}

/* ── Carousel wrapper ── */
.wcb-promo-dd__carousel {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

/* ── Arrows ── */
.wcb-promo-dd__arrow {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 2;
}

.wcb-promo-dd__arrow:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a;
    transform: scale(1.08);
}

.wcb-promo-dd__arrow:active {
    transform: scale(0.95);
}

/* ── Track ── */
.wcb-promo-dd__track-wrap {
    flex: 1;
    overflow: hidden;
    min-width: 0;
}

.wcb-promo-dd__track {
    display: flex;
    gap: 16px;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

/* ── Product Card ── */
.wcb-promo-dd__card {
    flex-shrink: 0;
    width: 170px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #f1f3f5;
    background: #fafbfc;
    transition: all 0.22s ease;
    cursor: pointer;
}

.wcb-promo-dd__card:hover {
    border-color: rgba(37, 99, 235, 0.2);
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

/* Discount badge */
.wcb-promo-dd__discount {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 6px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* Image */
.wcb-promo-dd__img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fc;
}

.wcb-promo-dd__img-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.wcb-promo-dd__card:hover .wcb-promo-dd__img-wrap img {
    transform: scale(1.06);
}

.wcb-promo-dd__no-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Name */
.wcb-promo-dd__name {
    font-size: 0.76rem;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
}

.wcb-promo-dd__name:hover {
    color: #2563eb;
}

/* Prices */
.wcb-promo-dd__prices {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.wcb-promo-dd__price-old {
    font-size: 0.68rem;
    color: #94a3b8;
    text-decoration: line-through;
    font-weight: 400;
}

.wcb-promo-dd__price-cur {
    font-size: 0.88rem;
    font-weight: 800;
    color: #0f172a;
}

/* PIX */
.wcb-promo-dd__pix {
    font-size: 0.66rem;
    color: #059669;
    font-weight: 600;
}

/* ── Responsivo ── */
@media (max-width: 768px) {
    .wcb-promo-dd {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .wcb-paged-carousel__grid {
        grid-template-columns: 1fr;
    }
}

/* ── Vendidos Layout: Lifestyle Slider lateral + Grid padrão ── */
/* Colunas ~36% / 64% (antes 40/60) para largura de card próxima ao carrossel Novidades (5×1fr no full width) */
.wcb-vendidos-layout {
    display: grid;
    grid-template-columns: 1.8fr 3.2fr;
    grid-template-rows: 1fr 1fr;
    gap: 14px 1.5rem;
    align-items: stretch;
}

/* Banner slots — flex para o card preencher a célula do grid (altura = linha, ao lado dos produtos) */
.wcb-vendidos-layout__banner {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-height: 0;
}

.wcb-vendidos-layout__banner > .wcb-vendidos-banner-card {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

@media (min-width: 1025px) {
    .wcb-vendidos-layout__banner > .wcb-vendidos-banner-card {
        min-height: 0 !important;
    }
}
.wcb-vendidos-layout__banner--row1 {
    grid-column: 1;
    grid-row: 1;
}
.wcb-vendidos-layout__banner--row2 {
    grid-column: 1;
    grid-row: 2;
}

.wcb-vendidos-layout__banner .wcb-lifestyle--side {
    height: 100%;
    margin: 0;
    padding: 0;
}

.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-lifestyle__inner {
    height: 100%;
    border-radius: 16px;
    min-height: 300px;
}

/* Mostrar imagem de fundo com efeito parallax suave */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-slide__bg {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
    filter: blur(1px);
    transition: opacity 0.5s ease;
}

.wcb-vendidos-layout__banner:hover .wcb-lifestyle--side .wcb-slide__bg {
    opacity: 0.4;
}

/* Gradiente sofisticado com mais profundidade */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-slide__gradient {
    background: linear-gradient(160deg, rgba(15, 35, 100, 0.97) 0%, rgba(30, 58, 138, 0.9) 40%, rgba(37, 99, 235, 0.8) 100%) !important;
}

/* Título grande e impactante */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-lifestyle__title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* Tag com fundo semi-transparente */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-lifestyle__tag {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 8px;
}

/* Descrição suave */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-lifestyle__desc {
    font-size: 0.85rem;
    opacity: 0.85;
    line-height: 1.5;
}

/* Botão CTA premium */
.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-ls-btn {
    background: #fff !important;
    color: #1e3a8a !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-ls-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Dots do slider no banner */
.wcb-vendidos-layout__banner .wcb-lifestyle__dots button {
    background: rgba(255, 255, 255, 0.4) !important;
}

.wcb-vendidos-layout__banner .wcb-lifestyle__dots button.active {
    background: #fff !important;
}

/* Carrossel de produtos à direita */
.wcb-vendidos-layout__products {
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.wcb-vendidos-layout__products--row1 {
    grid-column: 2;
    grid-row: 1;
}
.wcb-vendidos-layout__products--row2 {
    grid-column: 2;
    grid-row: 2;
}

/* Carrossel com altura pelo conteúdo (como Novidades), para a linha da grelha crescer com os cards */
.wcb-vendidos-layout__products .wcb-paged-carousel {
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.wcb-vendidos-layout__products .wcb-paged-carousel__track {
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
}
/* Grid vendidos-row: 3 colunas × 1 linha — carousels independentes */
/* gap e alinhamento iguais ao grid Novidades: cards com altura natural (não esticar ao banner) */
.wcb-paged-carousel__grid--vendidos-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    align-items: start;
    height: auto;
    min-height: 0;
    padding-bottom: 0;
}

/* Mesmo “tamanho de card” que Novidades: sem height:100% forçado pela célula do carrossel */
.wcb-vendidos-layout__products .wcb-paged-carousel__grid--vendidos-row .wcb-product-card {
    height: auto;
    align-self: start;
    width: 100%;
}

.wcb-vendidos-layout__products .wcb-paged-carousel__slide {
    height: auto;
    align-self: start;
}

/* Viewport injetado pelo JS: altura acompanha o slide ativo */
.wcb-vendidos-layout__products .wcb-carousel-viewport {
    height: auto;
}

/* Grid vendidos: 3 colunas × 2 linhas — stretch para alinhar com banners */
.wcb-paged-carousel__grid--vendidos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 14px;
    height: 100%;
    padding-bottom: 0;
}

/* Mais vendidos: mesma área de imagem que o card padrão (aspect-ratio 1/1 em .wcb-product-card__img-wrap) */

/* Responsivo — vendidos layout */
@media (max-width: 1024px) {
    .wcb-vendidos-layout {
        grid-template-columns: 1fr;
    }

    .wcb-vendidos-layout__banner {
        grid-column: 1;
        max-height: 320px;
    }

    .wcb-vendidos-layout__products {
        grid-column: 1;
    }

    .wcb-vendidos-layout__banner .wcb-lifestyle--side .wcb-lifestyle__inner {
        min-height: 280px;
    }

    .wcb-paged-carousel__grid--vendidos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .wcb-paged-carousel__grid--vendidos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 420px) {
    .wcb-paged-carousel__grid--vendidos {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   MEGA MENU — Transições do Painel Principal
   ================================================================ */

/* Suaviza abertura do painel mega menu (SEM mexer no transform) */
.wcb-mega {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

/* ── Item ativo da coluna esquerda com transição suave ─────────── */
.wcb-mega__fixed-item .wcb-mega__fixed-link {
    transition: background 0.14s, color 0.14s, border-left-width 0.14s, padding-left 0.14s;
}

/* ── Coluna direita com overflow suave ─────────────────────────── */
.wcb-mega__col--right {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #bfdbfe transparent;
}

.wcb-mega__col--right::-webkit-scrollbar {
    width: 4px;
}

.wcb-mega__col--right::-webkit-scrollbar-track {
    background: transparent;
}

.wcb-mega__col--right::-webkit-scrollbar-thumb {
    background: #bfdbfe;
    border-radius: 4px;
}

/* ── Mode expandido: transição suave do grid ───────────────────── */
.wcb-mega__col--right.wcb-expanded .wcb-mega__children {
    animation: wcbGridExpand 0.22s ease both;
}

@keyframes wcbGridExpand {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ── Sombra interna de profundidade no header do painel ─────────── */
.wcb-mega__header {
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(to right, #f0f5ff, #f8faff);
}


/* ================================================================
   MEGA MENU — Layout TABS NO TOPO (sobrescreve layout 2 colunas)
   ================================================================ */

/* ── Layout: coluna única (tabs em cima + conteúdo abaixo) ──────── */
.wcb-mega__cols {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ── Coluna esquerda vira barra de tabs no topo ─────────────────── */
.wcb-mega__col--left {
    background: transparent !important;
    border-right: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* ── Lista de tabs: horizontal com scroll ───────────────────────── */
.wcb-mega__fixed-list {
    display: flex !important;
    flex-direction: row !important;
    gap: 2px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.wcb-mega__fixed-list::-webkit-scrollbar {
    display: none !important;
}

/* ── Tab individual ─────────────────────────────────────────────── */
.wcb-mega__fixed-item {
    flex-shrink: 0;
}

.wcb-mega__fixed-link {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 10px 16px !important;
    font-size: 0.80rem !important;
    font-weight: 500 !important;
    color: #475569 !important;
    white-space: nowrap !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    transition: color 0.14s, border-color 0.14s !important;
}

.wcb-mega__fixed-link:hover {
    background: transparent !important;
    color: #1d4ed8 !important;
    border-bottom-color: #93c5fd !important;
}

.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-link {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
    border-left: none !important;
    border-bottom: 2px solid #2563eb !important;
    padding-left: 16px !important;
    background: transparent !important;
}

.wcb-mega__fixed-chevron {
    display: none !important;
}

/* ── Coluna direita: área de conteúdo plena abaixo das tabs ──────── */
.wcb-mega__col--right {
    padding: 20px 24px !important;
    min-height: 160px !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    width: 100% !important;
    border-top: none !important;
}

/* ── Cabeçalho: fica acima das tabs, mais compacto ──────────────── */
.wcb-mega__header {
    padding: 8px 24px !important;
    display: none !important;
}

/* ── Filhos em grid de 4 colunas (mais espaço agora) ───────────── */
.wcb-mega__children {
    columns: 4 !important;
    column-gap: 8px !important;
}

.wcb-mega__col--right.wcb-expanded .wcb-mega__children {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
}

/* ── VER TODOS mais compacto ────────────────────────────────────── */
.wcb-mega__see-all-wrap {
    margin-top: 12px !important;
}


/* ================================================================
   MEGA MENU — Fonte maior + melhorias de UX
   ================================================================ */

/* ── Tabs do topo: fonte maior e área de clique generosa ────────── */
.wcb-mega__fixed-link {
    font-size: 0.9rem !important;
    padding: 11px 18px !important;
    letter-spacing: 0.01em !important;
}

/* ── Links dos filhos: fonte mais legível ───────────────────────── */
.wcb-mega__child-link {
    font-size: 0.88rem !important;
    padding: 7px 12px !important;
    line-height: 1.4 !important;
}

/* ── Hover nos filhos: fundo destacado + left-border sutil ──────── */
.wcb-mega__child-link:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border-left: 2px solid #93c5fd !important;
    padding-left: 10px !important;
}

.wcb-mega__child-link::before {
    display: none !important;
}

/* ── Tab ativa: sublinhado mais espesso e visível ───────────────── */
.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-link {
    border-bottom: 3px solid #2563eb !important;
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

/* ── Separador após as tabs ─────────────────────────────────────── */
.wcb-mega__col--left {
    border-bottom: 1.5px solid #e2e8f0 !important;
}

/* ── VER TODOS: fonte padronizada ──────────────────────────────── */
.wcb-mega__see-all {
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    padding: 12px 16px !important;
}

/* ── Coluna de itens: mais respiro entre linhas ─────────────────── */
.wcb-mega__child {
    margin-bottom: 3px !important;
}

/* ── Painel: padding-top menor logo após tabs ───────────────────── */
.wcb-mega__col--right {
    padding: 16px 24px 20px !important;
}

/* ── Leaf link: fonte maior ─────────────────────────────────────── */
.wcb-mega__leaf-link {
    font-size: 0.9rem !important;
    padding: 12px 16px !important;
}


/* ================================================================
   MEGA MENU — Tabs 100% largura e ícone para sem filhos
   ================================================================ */

/* ── Regra 1: Tabs 100% largura e MAIÚSCULAS ───────────────────── */
.wcb-mega__fixed-list {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
}

.wcb-mega__fixed-item {
    flex: 1 1 0% !important;
    /* Cresce igualmente para preencher 100% */
}

.wcb-mega__fixed-item .wcb-mega__fixed-link {
    justify-content: center !important;
    /* Centraliza o texto e ícone */
    text-align: center !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

.wcb-mega__fixed-item.wcb-active .wcb-mega__fixed-link {
    padding-left: 0 !important;
    /* Remove deslocamento do active no modo texto centralizado */
}

/* ── Regra 2: Ícone para submenu sem filhos ────────────────────── */
/* Como nav-walker insere <li data-has-children="0">, podemos usar CSS puro */
.wcb-mega__fixed-item[data-has-children="0"] .wcb-mega__fixed-link::after {
    content: "";
    /* Mostramos uma seta diagonal apontando para o conteúdo como sugestão visual */
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    background-color: currentColor;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M7 17l9.2-9.2M17 17V7H7"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M7 17l9.2-9.2M17 17V7H7"/></svg>');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: 0.7;
    transition: transform 0.2s, opacity 0.2s;
}

.wcb-mega__fixed-item[data-has-children="0"] .wcb-mega__fixed-link:hover::after,
.wcb-mega__fixed-item[data-has-children="0"].wcb-active .wcb-mega__fixed-link::after {
    opacity: 1;
    transform: translate(2px, -2px);
}


/* ================================================================
   MEGA MENU — Layout Grid (esq->dir) e Separadores
   ================================================================ */

/* ── Filhos em GRID padrão Z (Esquerda para Direita, desce) ────── */
.wcb-mega__children {
    display: grid !important;
    gap: 0 16px !important;
    /* Antes estava columns: 4; o que dividia em colunas verticais */
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    columns: auto !important;
    /* Desabilita o behavior antigo */
}

.wcb-mega__col--right.wcb-expanded .wcb-mega__children {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
}

/* ── Item do grid: Adicionado padding fixo para a linha e tamanho ─ */
.wcb-mega__child {
    margin-bottom: 0 !important;
    break-inside: avoid !important;
}

/* ── Links dos filhos: Adicionado border-bottom para separação ──── */
.wcb-mega__child-link {
    display: flex !important;
    align-items: center !important;
    padding: 10px 12px 10px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    /* Separador sutil cinza clarinho */
    margin: 0 8px !important;
    /* Margem para a linha não encostar nos cantos */
}

.wcb-mega__child-link:hover {
    border-bottom-color: #bfdbfe !important;
    /* Linha fica azul no hover */
    background: transparent !important;
    border-left: none !important;
    padding-left: 6px !important;
    /* Leve recuo da esquerda para dar dinâmica ao inves do fundo cheio */
    transition: all 0.2s ease !important;
}

/* Ponto bullet antes de cada item (círculo miniatura) */
.wcb-mega__child-link::before {
    content: "" !important;
    display: block !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #cbd5e1 !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.wcb-mega__child-link:hover::before {
    background-color: #2563eb !important;
    transform: scale(1.5) !important;
}


/* ================================================================
   MEGA MENU — Transições suaves (esmaecimento) nos hovers
   ================================================================ */

/* Suaviza hover nos itens do menu principal (NavBar) */
.wcb-nav__link {
    transition: all 0.3s ease-in-out !important;
}

/* Suaviza hover nas abas do submenu (Tabs) */
.wcb-mega__fixed-link {
    transition: all 0.3s ease-in-out !important;
}

/* Suaviza hover nos itens normais do dropdown (Dropdown Filhos) */
.wcb-mega__child-link {
    transition: all 0.3s ease-in-out !important;
}

.wcb-mega__child-link::before {
    transition: all 0.3s ease-in-out !important;
}

/* Suaviza botão ver todos */
.wcb-mega__see-all {
    transition: all 0.3s ease-in-out !important;
}

/* ============================================================
   TOAST DE FAVORITOS — Global (canto inferior esquerdo)
   ============================================================ */
.wcb-fav-toast {
    position: fixed;
    z-index: 99999;
    left: max(1.25rem, env(safe-area-inset-left, 0px));
    bottom: max(5rem, calc(1.25rem + env(safe-area-inset-bottom, 0px)));
    max-width: min(22rem, calc(100vw - 2.5rem));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.125rem;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #fff;
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.06),
        0 10px 40px -10px rgba(15, 23, 42, 0.45),
        0 4px 14px rgba(0, 0, 0, 0.12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-1.25rem, 0, 0) scale(0.98);
    transition:
        opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.32s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.wcb-fav-toast.show {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
}

.wcb-fav-toast--added {
    background: linear-gradient(145deg, #1d4ed8 0%, #155DFD 55%, #2563eb 100%);
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow:
        0 0 0 1px rgba(37, 99, 235, 0.35),
        0 12px 40px -8px rgba(21, 93, 253, 0.55),
        0 4px 16px rgba(15, 23, 42, 0.2);
}

.wcb-fav-toast--removed {
    background: linear-gradient(145deg, #334155 0%, #475569 100%);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.2),
        0 12px 36px -10px rgba(51, 65, 85, 0.5),
        0 4px 14px rgba(0, 0, 0, 0.15);
}

.wcb-fav-toast--login {
    background: linear-gradient(145deg, #020617 0%, #0f172a 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

.wcb-fav-toast a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wcb-fav-toast a:hover {
    opacity: 0.92;
}

@media (max-width: 480px) {
    .wcb-fav-toast {
        left: max(0.75rem, env(safe-area-inset-left, 0px));
        bottom: max(1rem, calc(0.75rem + env(safe-area-inset-bottom, 0px)));
        max-width: calc(100vw - 1.5rem);
        font-size: 0.8125rem;
        padding: 0.65rem 1rem;
        border-radius: 12px;
    }
}


/* ================================================================
   MEGA MENU — Alinhamento e estrutura visual
   ================================================================ */

/* ── Tabs: divisor vertical entre cada tab ──────────────────────── */
.wcb-mega__fixed-item+.wcb-mega__fixed-item {
    border-left: 1px solid #e2e8f0 !important;
}

/* ── Tabs: padding consistente e alinhamento vertical ───────────── */
.wcb-mega__fixed-link {
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 16px !important;
    font-size: 0.82rem !important;
}

/* ── Barra de tabs: fundo sutil para demarcar a zona ────────────── */
.wcb-mega__col--left {
    background: #f8fafc !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
}

/* ── Área de conteúdo: padding e alinhamento ─────────────────────── */
.wcb-mega__col--right {
    padding: 20px 32px 24px !important;
}

/* ── Filhos: fluxo de cima→baixo (CSS columns) ─────────────────── */
.wcb-mega__children {
    display: block !important;
    columns: auto 130px !important;
    column-gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wcb-mega__child {
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
}

/* ── Cada item filho: mesma altura e alinhamento ────────────────── */
.wcb-mega__child-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-right: 1px solid #f1f5f9 !important;
    font-size: 0.85rem !important;
    color: #334155 !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Remove borda direita do último item de cada linha (visual) */
.wcb-mega__child:last-child .wcb-mega__child-link {
    border-right: none !important;
}

/* Hover mais visível */
.wcb-mega__child-link:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border-bottom-color: #bfdbfe !important;
    padding-left: 14px !important;
    border-left: none !important;
}

/* ── Bullet: alinhado e consistente ─────────────────────────────── */
.wcb-mega__child-link::before {
    content: "" !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
    background: #cbd5e1 !important;
    border-radius: 50% !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
}

.wcb-mega__child-link:hover::before {
    background: #2563eb !important;
    transform: scale(1.3) !important;
}

/* ════════════════════════════════════════════════════════════
   MEGA MENU — Visual Improvements
   ════════════════════════════════════════════════════════════ */

/* ── Animação fade-in suave ao abrir ────────────────────────── */
.wcb-mega {
    animation: wcbMegaFadeIn 0.22s ease-out !important;
}
@keyframes wcbMegaFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Colunas proporcionais (flex-grow por conteúdo) ────────── */
.wcb-mega__columns {
    display: flex !important;
    gap: 0 !important;
}
.wcb-mega__col {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-right: 1px solid #e8ecf1 !important;
    padding: 20px 24px !important;
}
.wcb-mega__col:last-child {
    border-right: none !important;
}

/* ── Badge de contagem no título da coluna ──────────────────── */
.wcb-mega__col-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    background: #e0edff;
    color: #2563eb;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 10px;
    line-height: 1;
    vertical-align: middle;
}

/* ── Título da coluna: mais impactante ─────────────────────── */
.wcb-mega__col-title {
    display: flex !important;
    align-items: center !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #1e3a5f !important;
    padding-bottom: 12px !important;
    margin-bottom: 4px !important;
    border-bottom: 2px solid #2563eb !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.wcb-mega__col-title:hover {
    color: #2563eb !important;
}

/* ── Botão pill "Ver todos" ────────────────────────────────── */
.wcb-mega__see-all-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
    padding: 7px 16px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    border: 1px solid #bfdbfe !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.wcb-mega__see-all-btn:hover {
    background: #2563eb !important;
    color: #fff !important;
    border-color: #2563eb !important;
    transform: translateX(3px) !important;
}
.wcb-mega__see-all-btn svg {
    transition: transform 0.2s ease !important;
}
.wcb-mega__see-all-btn:hover svg {
    transform: translateX(2px) !important;
    stroke: #fff !important;
}

/* ── Toggle expandir/colapsar ── */
.wcb-mega__child--hidden {
    display: none !important;
}
.wcb-mega__see-all-btn--toggle svg {
    transition: transform 0.2s ease !important;
}
.wcb-mega__see-all-btn--toggle[data-expanded="true"] svg {
    transform: rotate(180deg) !important;
}
.wcb-mega__see-all-btn--toggle:hover svg {
    transform: translateX(0) !important;
}
.wcb-mega__see-all-btn--toggle[data-expanded="true"]:hover svg {
    transform: rotate(180deg) !important;
}

/* Padronizar tamanho de TODOS os botões Ver todos */
.wcb-mega__see-all-btn,
.wcb-mega__see-all-btn--toggle,
.wcb-mega__see-all-link {
    font-size: 0.78rem !important;
    padding: 0 16px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ── Bullet transition suave ──────────────────────────────── */
.wcb-mega__child-link::before {
    transition: background 0.15s ease, transform 0.15s ease !important;
}

/* ── Busca inline no mega menu ─────────────────────────────── */
.wcb-mega-search {
    position: relative;
    padding: 16px 24px 12px;
    border-bottom: 1px solid #e8ecf1;
    background: transparent;
}
.wcb-mega-search__icon {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
    width: 16px;
    height: 16px;
}
.wcb-mega-search__input {
    width: 100%;
    height: 44px;
    padding: 0 16px 0 40px;
    border: 1.5px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.88rem;
    color: #334155;
    background: #fff;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    font-family: inherit;
    box-sizing: border-box;
}
.wcb-mega-search__input::placeholder {
    color: #94a3b8;
}
.wcb-mega-search__input:focus {
    border-color: #155DFD;
    box-shadow: 0 0 0 3px rgba(21, 93, 253, 0.12);
}

/* ── Item ativo no nav (página atual) ──────────────────────── */
.wcb-nav__item.current-menu-item > .wcb-nav__link,
.wcb-nav__item.current-menu-parent > .wcb-nav__link,
.wcb-nav__item.current-menu-ancestor > .wcb-nav__link {
    color: #2563eb !important;
    border-bottom: 2px solid #2563eb !important;
    padding-bottom: 2px !important;
}

/* ── Mega menu smooth open ─────────────────────────────────── */
.wcb-nav__item--mega > .wcb-mega {
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

/* ── VER TODOS: alinhado com o grid ─────────────────────────────── */
.wcb-mega__see-all-wrap {
    margin-top: 12px !important;
    padding: 0 !important;
    border-top: none !important;
}

.wcb-mega__see-all {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 14px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    color: #5b8def !important;
    background: #f0f5ff !important;
    border: none !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.wcb-mega__see-all strong {
    color: #3b6fd8 !important;
    font-weight: 600 !important;
}

.wcb-mega__see-all:hover {
    background: #e4edff !important;
    color: #3b6fd8 !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.wcb-mega__see-all:hover strong {
    color: #2557b8 !important;
}

.wcb-mega__see-all svg {
    width: 13px !important;
    height: 13px !important;
    color: #93b4f5 !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.wcb-mega__see-all:hover svg {
    transform: translateX(3px) !important;
    color: #5b8def !important;
}


/* ============================================================
   DARK SECTION (Category Grid background)
   ============================================================ */
.wcb-section--dark {
    background: linear-gradient(180deg, #0b1120 0%, #0f172a 40%, #111827 100%);
    padding: 4rem 0;
    margin: 2rem 0;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    margin-left: max(1.5rem, calc((100% - 1340px) / 2));
    margin-right: max(1.5rem, calc((100% - 1340px) / 2));
}

/* Subtle grid pattern overlay */
.wcb-section--dark::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
}

/* Accent glow at top center */
.wcb-section--dark::after {
    content: '';
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 200px;
    background: radial-gradient(ellipse, rgba(59, 130, 246, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.wcb-section--dark .wcb-section__title {
    color: #f1f5f9;
}

.wcb-section--dark .wcb-section__link {
    color: #93c5fd;
    border-color: rgba(147, 197, 253, 0.3);
}

.wcb-section--dark .wcb-section__link:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #bfdbfe;
    border-color: rgba(59, 130, 246, 0.5);
}

/* Responsive: remove border-radius on mobile */
@media (max-width: 768px) {
    .wcb-section--dark {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

/* ============================================================
   BLOG CARDS - Premium Light
   ============================================================ */
.wcb-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wcb-space-lg, 1.5rem);
}

.wcb-blog-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--wcb-gray-100, #f1f5f9);
    overflow: hidden;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.wcb-blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
    border-color: rgba(37, 99, 235, 0.15);
}

/* Image */
.wcb-blog-card__image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.wcb-blog-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.wcb-blog-card:hover .wcb-blog-card__image img {
    transform: scale(1.08);
}

.wcb-blog-card__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 60%);
    pointer-events: none;
}

/* Tags over image */
.wcb-blog-card__tags {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    gap: 6px;
    z-index: 2;
}

.wcb-blog-card__tag {
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* Content */
.wcb-blog-card__content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem 1.25rem 1.5rem;
    flex: 1;
}

.wcb-blog-card__title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--wcb-gray-800, #1e293b);
    line-height: 1.35;
    letter-spacing: -0.015em;
    margin: 0;
    transition: color 0.25s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wcb-blog-card:hover .wcb-blog-card__title {
    color: var(--wcb-blue, #2563eb);
}

.wcb-blog-card__excerpt {
    font-size: 0.85rem;
    color: var(--wcb-gray-400, #94a3b8);
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta row */
.wcb-blog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    border-top: 1px solid var(--wcb-gray-100, #f1f5f9);
    margin-top: auto;
}

.wcb-blog-card__author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wcb-blog-card__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wcb-blue, #155dfd) 0%, var(--wcb-blue-mid, #3b72fe) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    overflow: hidden;
    transition:
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Logo do site — mesma linguagem dos cartões / newsletter (azul WCB + luz) */
.wcb-blog-card__avatar--logo {
    width: 36px;
    height: 36px;
    padding: 5px;
    box-sizing: border-box;
    background:
        radial-gradient(120% 100% at 30% 0%, color-mix(in srgb, var(--wcb-blue, #155dfd) 9%, transparent) 0%, transparent 62%),
        linear-gradient(
            165deg,
            #ffffff 0%,
            var(--wcb-blue-pale, #f0f4ff) 42%,
            color-mix(in srgb, var(--wcb-blue-bg, #eef3ff) 88%, #ffffff) 100%
        );
    border: 1px solid color-mix(in srgb, var(--wcb-blue, #155dfd) 16%, var(--wcb-gray-100, #e2e8f0));
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.92) inset,
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 3px 10px color-mix(in srgb, var(--wcb-blue, #155dfd) 10%, transparent);
}

.wcb-blog-card:hover .wcb-blog-card__avatar--logo {
    border-color: color-mix(in srgb, var(--wcb-blue, #155dfd) 28%, var(--wcb-gray-100, #e2e8f0));
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.95) inset,
        0 2px 4px rgba(15, 23, 42, 0.05),
        0 6px 16px color-mix(in srgb, var(--wcb-blue, #155dfd) 14%, transparent);
    transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
    .wcb-blog-card__avatar {
        transition-duration: 0.01ms;
    }

    .wcb-blog-card:hover .wcb-blog-card__avatar--logo {
        transform: none;
    }
}

.wcb-blog-card__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.06));
}

.wcb-blog-card__author-info {
    display: flex;
    flex-direction: column;
}

.wcb-blog-card__author-name {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--wcb-gray-800, #1e293b);
}

.wcb-blog-card__date {
    font-size: 0.7rem;
    color: var(--wcb-gray-400, #94a3b8);
}

.wcb-blog-card__read-time {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--wcb-gray-400, #94a3b8);
    font-weight: 500;
}

.wcb-blog-card__read-time svg {
    color: var(--wcb-gray-300, #cbd5e1);
}

/* Responsive */
@media (max-width: 768px) {
    .wcb-blog__grid {
        grid-template-columns: 1fr;
        gap: var(--wcb-space-md, 1rem);
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .wcb-blog__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================================
   VARIATION SWATCHES — Card-style selectors (replacing <select>)
   ============================================================ */

/* Hide default selects when swatches are active */
/* Hide native select inside swatch rows */
.variations .wcb-swatch-row select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* ── Variation Card Wrapper ── */
.wcb-variation-card {
    background: linear-gradient(135deg, #f8faff 0%, #f0f5ff 100%);
    border: 1px solid rgba(21, 93, 253, 0.06);
    border-radius: 6px;
    padding: 16px 18px 14px;
    margin-bottom: 4px;
    transition: all 0.25s ease;
}

.wcb-variation-card:hover {
    border-color: rgba(21, 93, 253, 0.12);
    box-shadow: 0 2px 12px rgba(21, 93, 253, 0.04);
}

/* ── Variation Card Header ── */
.wcb-variation-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wcb-variation-card__label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.wcb-variation-card__label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: rgba(21, 93, 253, 0.1);
    border-radius: 7px;
    color: #155DFD;
    flex-shrink: 0;
}

.wcb-variation-card__label-icon svg {
    width: 13px;
    height: 13px;
}

.wcb-variation-card__hint {
    font-size: 0.72rem;
    font-weight: 500;
    color: #94a3b8;
    font-style: italic;
    transition: color 0.2s ease, font-style 0.2s ease;
}

.wcb-variation-card__hint.is-selected {
    color: #155DFD;
    font-weight: 600;
    font-style: normal;
}

.wcb-variation-card__hint.is-selected svg {
    stroke: #16a34a;
}

/* ── Swatch Container ── */
.wcb-swatch-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0;
}

/* ── Swatch Button (texto; bolinha usa .wcb-swatch-btn--dot abaixo) ── */
.wcb-swatch-btn:not(.wcb-swatch-btn--dot) {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 42px;
    padding: 8px 18px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
    user-select: none;
    text-transform: capitalize;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.wcb-swatch-btn:not(.wcb-swatch-btn--dot):hover:not(.is-disabled) {
    border-color: #155DFD;
    color: #155DFD;
    background: linear-gradient(135deg, #fff, #f0f5ff);
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(21, 93, 253, 0.12);
}

.wcb-swatch-btn:not(.wcb-swatch-btn--dot).is-active {
    border-color: #155DFD;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #155DFD;
    font-weight: 700;
    box-shadow: 0 0 0 3px rgba(21, 93, 253, 0.1), 0 3px 10px rgba(21, 93, 253, 0.08);
    transform: translateY(-1px);
}

.wcb-swatch-btn:not(.wcb-swatch-btn--dot).is-active::after {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    background: #155DFD;
    border-radius: 50%;
    border: 2.5px solid #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    box-shadow: 0 2px 6px rgba(21, 93, 253, 0.3);
    animation: wcb-badge-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes wcb-badge-pop {
    0% {
        transform: scale(0);
        opacity: 0;
    }

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

.wcb-swatch-btn.is-disabled:not(.wcb-swatch-btn--dot) {
    cursor: not-allowed;
    text-decoration: none;
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    color: #94a3b8;
    opacity: 0.72;
    box-shadow: none;
    transform: none;
    font-weight: 500;
}

.wcb-swatch-btn--dot.is-disabled {
    opacity: 1;
    cursor: not-allowed;
    text-decoration: none;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Sem estoque (bolinha): visual neutro, traço suave */
.wcb-swatch-btn--dot.is-disabled .wcb-swatch-dot {
    opacity: 0.5;
    border-color: rgba(148, 163, 184, 0.45);
    filter: saturate(0.55) brightness(0.96);
}

.wcb-swatch-btn--dot.is-disabled::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 1.5px;
    margin: 0;
    pointer-events: none;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(148, 163, 184, 0.25) 15%, #cbd5e1 50%, rgba(148, 163, 184, 0.25) 85%, transparent 100%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.65);
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ── Swatch em bolinha: só o círculo visível (sem caixa do botão) ── */
.wcb-swatch-wrap--dots {
    gap: 10px;
}

.wcb-swatch-btn--dot {
    position: relative;
    cursor: pointer;
    transition: transform 0.18s ease;
    outline: none;
    user-select: none;
    min-width: 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 50%;
    text-transform: none;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wcb-swatch-btn--dot .wcb-swatch-dot {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 42, 0.15);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
}

.wcb-swatch-btn--dot:hover:not(.is-disabled) {
    background: transparent;
    transform: scale(1.06);
}

.wcb-swatch-btn--dot.is-active::after {
    display: none;
}

.wcb-swatch-btn--dot.is-active .wcb-swatch-dot {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #0f172a;
}

/* ── Variation Table Layout ── */
.variations td.label label {
    display: none !important;
}

.variations td.label label .wcb-swatch-selected-val {
    display: none !important;
}

.wcb-pdp-buybox__form .variations {
    width: 100%;
    border-collapse: collapse;
}

.wcb-pdp-buybox__form .variations tr {
    display: block;
    margin-bottom: 0;
}

.wcb-pdp-buybox__form .variations td.label {
    display: block;
    padding: 0;
}

.wcb-pdp-buybox__form .variations td.value {
    display: block;
    padding: 0;
}

/* Hide reset link */
.wcb-pdp-buybox__form .reset_variations {
    display: none !important;
}

/* ============================================================
   PDP IMPROVEMENTS — High Conversion
   ============================================================ */

/* Better add to cart button (largura na linha com quantidade) */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"] {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    padding: 14px 24px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    border-radius: 12px !important;
    background: var(--wcb-blue, #2563eb) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:hover,
.wcb-pdp-buybox__form button[name="add-to-cart"]:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35) !important;
}

/* Better quantity selector */
.wcb-pdp-buybox__form .quantity {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 12px !important;
    border: 2px solid var(--wcb-gray-200, #e2e8f0);
    border-radius: 10px;
    overflow: hidden;
    width: fit-content;
}

.wcb-pdp-buybox__form .quantity .qty {
    width: 48px !important;
    text-align: center !important;
    border: none !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    padding: 8px 0 !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    background: transparent !important;
}

.wcb-pdp-buybox__form .quantity .qty::-webkit-inner-spin-button,
.wcb-pdp-buybox__form .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wcb-pdp-buybox__form .wcb-qty-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    color: var(--wcb-gray-500, #64748b);
    transition: all 0.2s;
}

.wcb-pdp-buybox__form .wcb-qty-btn:hover {
    background: var(--wcb-gray-100, #f1f5f9);
    color: var(--wcb-blue, #2563eb);
}

/* ============================================================
   PDP REFINEMENT — Tighter spacing + Premium buttons
   ============================================================ */

/* Tighter buybox gap */
.wcb-pdp-buybox {
    gap: 10px !important;
}

/* Smaller dividers */
.wcb-pdp-divider {
    margin: 2px 0 !important;
}

/* Tighter desc */
.wcb-pdp-buybox__desc {
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
    color: var(--wcb-gray-500) !important;
}

.wcb-pdp-buybox__desc p {
    margin: 0 !important;
}

/* Tighter rating */
.wcb-pdp-buybox__rating {
    margin: -2px 0 0 !important;
}

/* Tighter SKU */
.wcb-pdp-buybox__sku {
    margin: -4px 0 0 !important;
    font-size: 0.72rem !important;
    opacity: 0.6;
}

/* ═══ PRICE BLOCK — PREMIUM REDESIGN (clean card) ═══ */
.wcb-pdp-buybox__price-block {
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    font-variant-numeric: tabular-nums !important;
}

.wcb-pdp-buybox__price-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    background: #fff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.wcb-pdp-buybox__price-card-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.wcb-pdp-buybox__price-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.wcb-pdp-buybox__price-main--secondary {
    padding-top: 10px !important;
    margin-top: 4px !important;
    border-top: 1px solid #f1f5f9 !important;
}

/* Old price — subtle strikethrough */
.wcb-pdp-buybox__price-old {
    font-size: 0.85rem !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em;
}

.wcb-pdp-buybox__price-hint {
    margin: 4px 0 0 !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    color: #64748b !important;
    line-height: 1.35 !important;
}

/* Preço cartão/outros — secundário ao PIX */
.wcb-pdp-buybox__price-current {
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    color: #334155 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    transition: color 0.3s ease;
}

.wcb-pdp-buybox__price-row {
    align-items: baseline !important;
}

/* Discount badge — tight pill */
.wcb-pdp-buybox__discount {
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    letter-spacing: 0.02em;
}

/* Ticket de preço premium (PIX → economia → cartão → parcelas) */
.wcb-pdp-buybox__price-ticket.wcb-pdp-buybox__pix--hero,
.wcb-pdp-buybox__pix--hero {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.wcb-pdp-buybox__price-ticket__lead {
    margin: 0 0 2px !important;
    padding: 0 !important;
    line-height: 1.12 !important;
}

.wcb-pdp-buybox__price-ticket__suffix {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    letter-spacing: -0.02em !important;
}

.wcb-pdp-buybox__price-ticket__card {
    margin: 4px 0 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 6px 10px !important;
    font-size: 0.875rem !important;
    line-height: 1.45 !important;
}

.wcb-pdp-buybox__price-ticket__card-prefix,
.wcb-pdp-buybox__price-ticket__card-suffix {
    font-weight: 500 !important;
    color: #64748b !important;
}

.wcb-pdp-buybox__price-ticket__card .wcb-pdp-buybox__price-current {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: #334155 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}

.wcb-pdp-buybox__pix-head {
    width: 100% !important;
}

.wcb-pdp-buybox__pix-pill {
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #059669 !important;
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
}

.wcb-pdp-buybox__price-ticket__lead .wcb-pdp-buybox__pix-value,
.wcb-pdp-buybox__pix-value {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.04em !important;
    line-height: 1.05 !important;
    display: inline !important;
}

.wcb-pdp-buybox__economize {
    margin: 2px 0 0 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #059669 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.45 !important;
}

.wcb-pdp-buybox__pix-note {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
    line-height: 1.45 !important;
    max-width: 24rem !important;
}

/* Parcelas — linha do ticket */
.wcb-pdp-buybox__price-ticket .wcb-pdp-buybox__installments,
.wcb-pdp-buybox__installments {
    margin: 6px 0 0 !important;
    font-size: 0.8125rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

.wcb-pdp-buybox__installments-note {
    color: #94a3b8 !important;
    opacity: 0.85 !important;
}

/* Stock / Urgency — em estoque (pill premium) */
.wcb-pdp-buybox__urgency {
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

.wcb-pdp-buybox__urgency--ok {
    background: linear-gradient(180deg, #ffffff 0%, #f5fdf8 45%, #eefbf3 100%) !important;
    color: #0f5132 !important;
    border: 1px solid rgba(34, 197, 94, 0.22) !important;
    border-radius: 6px !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    gap: 8px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 1px 6px rgba(16, 185, 129, 0.06) !important;
}

.wcb-pdp-buybox__urgency-dot {
    flex-shrink: 0 !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, 0.22),
        0 0 10px rgba(34, 197, 94, 0.35) !important;
}

.wcb-pdp-buybox__urgency--low {
    background: linear-gradient(165deg, #fffbeb 0%, #fff7ed 45%, #ffedd5 100%) !important;
    color: #9a3412 !important;
    border: 1px solid rgba(234, 88, 12, 0.38) !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.35 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 2px 10px rgba(234, 88, 12, 0.12) !important;
    animation: wcbPdpLowStockPulse 2.4s ease-in-out infinite !important;
}

.wcb-pdp-buybox__urgency--low strong {
    color: #c2410c !important;
    font-weight: 700 !important;
}

.wcb-pdp-buybox__urgency--out {
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 0.72rem !important;
}

/* Tighter variation form */
.wcb-pdp-buybox__form .variations {
    margin-bottom: 4px !important;
    border-spacing: 0 2px !important;
}

.wcb-pdp-buybox__form .variations tr {
    margin-bottom: 2px !important;
}

/* ── ANTI-FOUC: Hide native WooCommerce variation selects to prevent flash ── */
.wcb-pdp-buybox__form .variations_form .variations select {
    display: none !important;
}

.wcb-pdp-buybox__form .variations_form .variations td.label {
    display: none !important;
}

.wcb-pdp-buybox__form .variations_form .variations .reset_variations {
    display: none !important;
}

.wcb-pdp-buybox__form form.cart {
    gap: 6px !important;
}

/* ── PREMIUM UNIFIED BUTTONS ── */

/* Base partilhada — adicionar ao carrinho */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"] {
    padding: 15px 28px !important;
    border-radius: 12px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.025em !important;
    text-transform: none !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

/* Add to cart — Primary CTA (Blue) */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"] {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    margin-top: 0 !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:hover,
.wcb-pdp-buybox__form button[name="add-to-cart"]:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

.wcb-pdp-buybox__form .single_add_to_cart_button:active,
.wcb-pdp-buybox__form button[name="add-to-cart"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
}

/* ═══ Subtotal Dinâmico ═══ */
.wcb-pdp-subtotal {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 6px;
    padding: 14px 16px;
    margin: 12px 0 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    animation: wcbSubtotalFadeIn 0.35s ease-out;
}

@keyframes wcbSubtotalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wcb-pdp-subtotal__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wcb-pdp-subtotal__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
}

.wcb-pdp-subtotal__label svg {
    color: var(--wcb-blue, #155dfd);
    flex-shrink: 0;
}

.wcb-pdp-subtotal__label small {
    font-weight: 400;
    color: #94a3b8;
    font-size: 12px;
}

.wcb-pdp-subtotal__price {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.3px;
}

.wcb-pdp-subtotal__pix {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    font-size: 0.8125rem;
    font-weight: 600;
    color: #059669;
}

.wcb-pdp-subtotal__pix svg {
    color: #059669;
    flex-shrink: 0;
}

/* Quantity — alinhado à buybox (6px, mesma linguagem do CTA) */
.wcb-pdp-buybox__form .quantity {
    border: 1px solid var(--wcb-gray-200, #e2e8f0) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    width: fit-content !important;
    margin-bottom: 0 !important;
}

/* Swatch tighter spacing */
.wcb-swatch-wrap {
    gap: 8px !important;
    margin-top: 0 !important;
}

.wcb-swatch-btn:not(.wcb-swatch-btn--dot) {
    min-height: 40px !important;
    padding: 7px 16px !important;
    border-radius: 10px !important;
    font-size: 0.82rem !important;
}

.wcb-swatch-btn--dot {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.wcb-swatch-btn--dot .wcb-swatch-dot {
    width: 32px !important;
    height: 32px !important;
}

/* Labels hidden – Premium card handles it */
.variations td.label label {
    display: none !important;
}

/* Sticky card — raio definido no bloco .wcb-pdp-sticky__btn principal */

/* ============================================================
   PDP ULTRA-TIGHT — Second pass refinement
   ============================================================ */

/* Force even tighter buybox gap */
.wcb-pdp-buybox {
    gap: 6px !important;
}

/* Breadcrumb tighter */
.wcb-breadcrumb {
    margin-bottom: 8px !important;
    padding-top: 8px !important;
    font-size: 0.78rem !important;
}

/* Title larger to fill space */
.wcb-pdp-buybox__title {
    font-size: 1.85rem !important;
    line-height: 1.12 !important;
}

@media (min-width: 1024px) {
    .wcb-pdp-buybox__title {
        font-size: 2.1rem !important;
    }
}

/* Remove divider margins entirely */
.wcb-pdp-buybox .wcb-pdp-divider {
    margin: 0 !important;
}

/* Price card — compacto mantendo estilo clean */
.wcb-pdp-buybox__price-block {
    gap: 0 !important;
}

.wcb-pdp-buybox__price-card {
    padding: 14px 16px !important;
    gap: 12px !important;
    border-radius: 6px !important;
}

.wcb-pdp-buybox__pix--hero .wcb-pdp-buybox__pix-value {
    font-size: 2.2rem !important;
}

.wcb-pdp-buybox__price-current {
    font-size: 1.08rem !important;
}

.wcb-pdp-buybox__urgency {
    padding: 6px 12px !important;
    font-size: 0.74rem !important;
    margin-bottom: 0 !important;
}

.wcb-pdp-buybox__urgency--ok {
    border-radius: 6px !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
    letter-spacing: 0.02em !important;
}

.wcb-pdp-buybox__urgency--low {
    padding: 8px 14px !important;
    border-radius: 10px !important;
    font-size: 0.8125rem !important;
}

/* Variation rows — eliminate all extra spacing */
.wcb-pdp-buybox__form .variations {
    margin-bottom: 0 !important;
    border-spacing: 0 4px !important;
}

.wcb-pdp-buybox__form .variations tr {
    display: block !important;
    margin-bottom: 6px !important;
}

.wcb-pdp-buybox__form .variations td.label {
    display: block !important;
    padding: 0 0 2px 0 !important;
}

.wcb-pdp-buybox__form .variations td.value {
    display: block !important;
    padding: 0 !important;
}

/* Quantity row tighter margin */
.wcb-pdp-buybox__form .quantity {
    margin: 0 !important;
}

/* Cart form gap */
.wcb-pdp-buybox__form form.cart {
    gap: 4px !important;
}

/* CTA buttons unified — exact same height, radius, font */
.wcb-pdp-buybox__form .single_add_to_cart_button,
.wcb-pdp-buybox__form button[name="add-to-cart"] {
    height: 52px !important;
    margin-top: 0 !important;
    font-size: 0.92rem !important;
}

/* Gallery — raio 6px (alinha à PDP) */
.wcb-pdp-gallery__main {
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Benefits strip — alinhado ao bloco base (gradiente + ícones primários) */
.wcb-pdp-benefits {
    margin-top: 12px !important;
    padding: 22px 24px !important;
    gap: 16px !important;
    background:
        linear-gradient(152deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 255, 0.52) 42%, rgba(250, 251, 253, 0.99) 100%),
        #fff !important;
    border: 1px solid rgba(21, 93, 253, 0.065) !important;
    border-radius: 6px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 14px 44px -14px rgba(15, 23, 42, 0.09) !important;
}

.wcb-pdp-benefits__item {
    padding: 16px 18px !important;
    gap: 14px !important;
    background: #fff !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 6px !important;
    transition:
        border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.25s ease !important;
}

.wcb-pdp-benefits__item:hover {
    border-color: rgba(21, 93, 253, 0.14) !important;
    background: #fff !important;
    box-shadow:
        0 12px 36px -10px rgba(21, 93, 253, 0.1),
        0 4px 14px -6px rgba(15, 23, 42, 0.05) !important;
    transform: translateY(-2px) !important;
}

.wcb-pdp-benefits__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
    background: linear-gradient(145deg, rgba(21, 93, 253, 0.09) 0%, rgba(21, 93, 253, 0.028) 100%) !important;
    border: 1px solid rgba(21, 93, 253, 0.09) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset !important;
}

.wcb-pdp-benefits__item svg {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    color: var(--wcb-blue-mid, #3b72fe) !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

.wcb-pdp-benefits__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding-top: 2px !important;
}

.wcb-pdp-benefits__item strong {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
}

.wcb-pdp-benefits__item span {
    font-size: 0.8125rem !important;
    color: #64748b !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

@media (prefers-reduced-motion: reduce) {
    .wcb-pdp-benefits__item:hover {
        transform: none !important;
    }
}

/* Aviso WooCommerce na PDP — garantir visibilidade acima do conteúdo */
.wcb-pdp .woocommerce-error,
.wcb-pdp .woocommerce-message,
.wcb-pdp .woocommerce-info {
    margin-top: 0 !important;
    z-index: 10 !important;
}

/* Hide reset variations */
.wcb-pdp-buybox__form .reset_variations {
    display: none !important;
}

/* Short desc — more compact */
.wcb-pdp-buybox__desc {
    margin: -2px 0 0 !important;
}

/* Social — CTA WhatsApp full-width (.wcb-f3__wa-cta) */
.wcb-f3__social {
    gap: 0 !important;
}

/* ================================================================
   SUPER OFERTAS - Header Organizado
   ================================================================ */
.wcb-offers-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--wcb-gray-200, #e5e7eb);
}

.wcb-offers-header__title-col {
    flex-shrink: 0;
}

.wcb-offers-header__title-col .wcb-section__title {
    margin: 0 0 0.25rem 0;
}

.wcb-offers-header__title-col .wcb-section__subtitle {
    display: block;
    font-size: 0.85rem;
    color: var(--wcb-gray-500, #6b7280);
}

.wcb-offers-header__countdown-col {
    flex: 1;
    display: flex;
    justify-content: center;
}

.wcb-offers-header__countdown-col .wcb-countdown__inner {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
}

.wcb-offers-header__countdown-col .wcb-countdown__label {
    color: var(--wcb-gray-500, #6b7280) !important;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    display: flex;
    align-items: center;
    gap: 5px;
}

.wcb-offers-header__countdown-col .wcb-countdown__label svg {
    stroke: var(--wcb-gray-400, #9ca3af) !important;
    opacity: 0.8;
}

.wcb-offers-header__cta-col {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .wcb-offers-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .wcb-offers-header__countdown-col {
        justify-content: flex-start;
    }
}

/* Override: countdown inner dentro do offers header - label alinhado a esquerda */
.wcb-offers-header .wcb-countdown {
    flex-wrap: nowrap;
}

.wcb-offers-header .wcb-countdown__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
}

.wcb-offers-header .wcb-countdown__label {
    color: #6b7280 !important;
    font-size: 0.65rem !important;
    margin-bottom: 2px;
}

/* ================================================================
   MEGA MENU v3 - All Columns Visible
   ================================================================ */
.wcb-mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 2px solid var(--wcb-primary, #2563eb);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    border-radius: 0 0 12px 12px;
}

.wcb-nav__item--mega:hover>.wcb-mega,
.wcb-nav__item--mega:focus-within>.wcb-mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wcb-mega__inner {
    max-width: var(--wcb-container);
    margin: 0 auto;
    padding: 24px var(--wcb-space-lg) 26px;
}

.wcb-mega__columns {
    display: flex;
    gap: 0;
}

.wcb-mega__col {
    flex: 1;
    min-width: 0;
    padding: 0 1.25rem;
    border-right: 1px solid #f0f0f0;
}

.wcb-mega__col:first-child {
    padding-left: 0;
}

.wcb-mega__col:last-child {
    border-right: none;
    padding-right: 0;
}

/* Titulo da coluna (subcategoria) */
.wcb-mega__col-title {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wcb-primary, #2563eb);
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--wcb-primary, #2563eb);
    text-decoration: none;
    transition: color 0.2s ease;
}

.wcb-mega__col-title:hover {
    color: #1d4ed8;
}

/* Lista de filhos */
.wcb-mega__children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wcb-mega__child {
    margin-bottom: 2px;
}

.wcb-mega__child-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    font-size: 0.82rem;
    color: #374151;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.15s ease, color 0.15s ease;
}

.wcb-mega__child-link::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #d1d5db;
    flex-shrink: 0;
    transition: background 0.15s ease;
}

.wcb-mega__child-link:hover {
    background: #f3f4f6;
    color: var(--wcb-primary, #2563eb);
}

.wcb-mega__child-link:hover::before {
    background: var(--wcb-primary, #2563eb);
}

/* Link "Ver todos em..." */
.wcb-mega__see-all-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 0.5rem;
    padding: 5px 10px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--wcb-primary, #2563eb);
    text-decoration: none;
    background: rgba(37, 99, 235, 0.06);
    border-radius: 6px;
    transition: background 0.2s ease, color 0.2s ease;
}

.wcb-mega__see-all-link:hover {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}

/* Fix: garantir que o nav__item--mega tenha position static por padrão */
.wcb-nav__item--mega {
    position: static;
}

.wcb-nav__list {
    position: static;
}

/* Esconder o subnav antigo quando nao necessario */
.wcb-subnav {
    display: none !important;
}

/* ================================================================
   PRODUCT CARD v4 - Conversion Optimized
   ================================================================ */

/* -- Category (discreto) */
.wcb-product-card__cat {
    display: block;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #9ca3af !important;
    margin-bottom: 2px !important;
}

/* -- Badges */
.wcb-product-card__badge--sale {
    background: linear-gradient(135deg, #ea580c, #f97316);
    color: #fff;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.35);
}

.wcb-product-card__badge--hot {
    background: #111111;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wcb-product-card__badge--stock {
    background: linear-gradient(135deg, #dc2626, #ef4444);
    color: #fff;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.35);
}

/* -- Title (destaque) */
.wcb-product-card__title {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
    margin-bottom: 4px !important;
}

.wcb-product-card__title:hover {
    color: var(--wcb-primary, #2563eb) !important;
}

/* -- Rating (sempre visivel) */
.wcb-product-card__rating {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 6px !important;
}

.wcb-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 1;
}

.wcb-product-card__stars-empty {
    color: #d1d5db;
}

.wcb-product-card__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f59e0b;
    width: calc(var(--rating, 0) / 5 * 100%);
}

.wcb-product-card__rating-val {
    font-size: 0.7rem;
    font-weight: 700;
    color: #374151;
}

.wcb-product-card__rating-count {
    font-size: 0.65rem;
    color: #9ca3af;
}

/* -- PIX Price (PRIMEIRO = maior) */
.wcb-product-card__pix-price {
    display: flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
    border: 1px solid #86efac !important;
    border-radius: 8px !important;
    padding: 5px 8px !important;
    margin-bottom: 4px !important;
}

.wcb-product-card__pix-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #16a34a;
    border-radius: 50%;
    flex-shrink: 0;
}

.wcb-product-card__pix-icon svg {
    stroke: #fff;
    width: 10px;
    height: 10px;
}

.wcb-product-card__pix-value {
    font-size: 1rem !important;
    font-weight: 800 !important;
    color: #15803d !important;
}

.wcb-product-card__pix-label {
    font-size: 0.68rem;
    font-weight: 600;
    color: #16a34a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* -- Secondary prices */
.wcb-product-card__price-secondary {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.wcb-product-card__price-old {
    font-size: 0.72rem !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
}

.wcb-product-card__price-card {
    font-size: 0.82rem;
    font-weight: 600;
    color: #374151;
}

.wcb-product-card__installments {
    font-size: 0.68rem !important;
    color: #9ca3af !important;
}

/* -- Teor / Nicotina (interativo) */
.wcb-product-card__teor {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    margin: 4px 0 !important;
}

.wcb-product-card__teor-label {
    font-size: 0.65rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wcb-product-card__teor-badge {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.wcb-product-card__teor-badge:hover {
    background: var(--wcb-primary, #2563eb) !important;
    color: #fff !important;
    border-color: var(--wcb-primary, #2563eb) !important;
}

/* -- Status bar (Estoque + Envio) */
.wcb-product-card__status {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 4px 0 6px;
}

.wcb-product-card__status-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.wcb-product-card__status-item--stock {
    color: #16a34a;
}

.wcb-product-card__status-item--ship {
    color: #2563eb;
}

.wcb-product-card__status-item--sales {
    color: #d97706;
    font-weight: 700;
}

/* -- CTA Button */
.wcb-product-card__btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    background: var(--wcb-primary, #2563eb) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: auto !important;
}

.wcb-product-card__btn:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

.wcb-product-card__btn.added .wcb-product-card__btn-text,
.wcb-product-card__btn.added svg:first-child {
    display: none !important;
}

.wcb-product-card__btn.added .wcb-product-card__btn-added {
    display: flex !important;
    align-items: center;
    gap: 4px;
}

.wcb-product-card__btn.added {
    background: #16a34a !important;
}

/* -- Specs */
.wcb-product-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 4px;
}

.wcb-product-card__spec {
    font-size: 0.62rem;
    color: #6b7280;
    background: #f9fafb;
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid #f3f4f6;
}

/* -- Card body flex */
.wcb-product-card__body {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 12px 12px !important;
    flex: 1 !important;
}

/* -- Price block spacing */
.wcb-product-card__price-block {
    margin-bottom: 2px !important;
}

/* ================================================================
   FLASH OFFERS SECTION - Conversion-Optimized
   ================================================================ */

/* -- Section wrapper (visual principal em #wcb-super-ofertas) */
.wcb-flash-offers {
    position: relative;
    margin: 2.25rem 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: none;
}

/* -- Glow decorativo (legado — oculto na home) */
.wcb-flash-offers__glow {
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 200px;
    background: radial-gradient(ellipse, rgba(21, 93, 253, 0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* -- Header */
.wcb-flash-offers__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

/* Badge "TEMPO LIMITADO" */
.wcb-flash-offers__badge-top {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #dc2626, #f97316);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 6px;
    animation: wcb-flash-pulse 2s ease-in-out infinite;
}

.wcb-flash-offers__fire {
    font-size: 0.9rem;
}

@keyframes wcb-flash-pulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.4);
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 12px 4px rgba(249, 115, 22, 0.2);
    }
}

/* T�tulo */
.wcb-flash-offers__title {
    font-size: 2rem;
    font-weight: 900;
    color: #111827;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #dc2626, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wcb-flash-offers__subtitle {
    font-size: 0.85rem;
    color: #78716c;
    margin: 4px 0 0;
    font-weight: 500;
}

/* Timer block */
.wcb-flash-offers__timer-block {
    text-align: center;
}

.wcb-flash-offers__timer-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #78716c;
    margin-bottom: 6px;
}

/* Flash countdown boxes */
.wcb-countdown__box--flash {
    min-width: 58px !important;
    height: 58px !important;
    background: linear-gradient(145deg, #ea580c, #f97316) !important;
    border: 2px solid #c2410c !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    animation: wcb-timer-glow 2s ease-in-out infinite !important;
}

.wcb-countdown__box--flash .wcb-countdown__value {
    font-size: 1.6rem !important;
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.wcb-countdown__sep--flash {
    color: #dc2626 !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
}

@keyframes wcb-timer-glow {

    0%,
    100% {
        box-shadow: 0 4px 16px rgba(249, 115, 22, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0 4px 24px rgba(249, 115, 22, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 20px rgba(249, 115, 22, 0.3);
    }
}

/* -- FOMO Strip */
.wcb-flash-offers__fomo-strip {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid rgba(249, 115, 22, 0.15);
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
}

.wcb-flash-offers__fomo-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    color: #374151;
    font-weight: 500;
}

.wcb-flash-offers__fomo-item strong {
    color: #dc2626;
    font-weight: 800;
}

/* Pulse indicator */
.wcb-flash-offers__fomo-pulse {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #dc2626;
    border-radius: 50%;
    margin-right: 4px;
    animation: wcb-fomo-blink 1.5s ease-in-out infinite;
}

@keyframes wcb-fomo-blink {

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

    50% {
        opacity: 0.3;
        transform: scale(0.8);
    }
}

/* Progress bar */
.wcb-flash-offers__progress-wrap {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 220px;
}

.wcb-flash-offers__progress-text {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ea580c;
}

.wcb-flash-offers__progress-bar {
    width: 100%;
    height: 6px;
    background: #fed7aa;
    border-radius: 10px;
    overflow: hidden;
}

.wcb-flash-offers__progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #f97316, #dc2626);
    border-radius: 10px;
    transition: width 1s ease;
    animation: wcb-progress-shimmer 2s ease-in-out infinite;
}

@keyframes wcb-progress-shimmer {
    0% {
        background-position: -200% center;
    }

    100% {
        background-position: 200% center;
    }
}



/* -- CTA Bottom */
.wcb-flash-offers__cta-bottom {
    text-align: center;
    margin-top: 1.5rem;
    position: relative;
    z-index: 1;
}

.wcb-flash-offers__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 36px;
    background: linear-gradient(135deg, #ea580c, #dc2626);
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.35);
    transition: all 0.3s ease;
    letter-spacing: 0.02em;
}

.wcb-flash-offers__cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(234, 88, 12, 0.5);
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.wcb-flash-offers__cta-note {
    display: block;
    margin-top: 8px;
    font-size: 0.7rem;
    color: #78716c;
    font-weight: 500;
}

/* -- Responsive */
@media (max-width: 768px) {
    .wcb-flash-offers__header {
        flex-direction: column;
        text-align: center;
    }

    .wcb-flash-offers__title {
        font-size: 1.5rem;
    }

    .wcb-flash-offers__fomo-strip {
        flex-direction: column;
        text-align: center;
    }

    .wcb-flash-offers__progress-wrap {
        margin-left: 0;
        width: 100%;
    }
}

/* ================================================================
   SUPER OFERTAS — #wcb-super-ofertas (newsletter + marca azul)
   ================================================================ */
#wcb-super-ofertas.wcb-flash-offers {
    isolation: isolate;
}

#wcb-super-ofertas.wcb-flash-offers::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 100%;
    top: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 72% 60% at 50% -28%, rgba(21, 93, 253, 0.085) 0%, transparent 58%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 255, 0.82) 42%, rgba(248, 250, 252, 1) 100%),
        #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e8ecf1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#wcb-super-ofertas > .wcb-container {
    position: relative;
    z-index: 1;
    padding: clamp(1.65rem, 3.2vw, 2.45rem) var(--wcb-space-lg, 1.25rem);
    max-width: var(--wcb-container, 1440px);
    margin-left: auto;
    margin-right: auto;
}

#wcb-super-ofertas .wcb-flash-offers__glow,
#wcb-super-ofertas .wcb-flash-offers__live-tag,
#wcb-super-ofertas .wcb-flash-offers__fomo-strip,
#wcb-super-ofertas .wcb-flash-offers__grid-label {
    display: none !important;
}

#wcb-super-ofertas #wcb-ofertas-carousel > .wcb-paged-carousel__controls {
    display: none !important;
}

/* Cabeçalho: grid responsivo */
#wcb-super-ofertas .wcb-section__header--ofertas {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto auto;
    align-items: center;
    gap: 1rem 1.35rem;
    margin-bottom: 1.1rem;
}

#wcb-super-ofertas .wcb-flash-ofertas-head {
    min-width: 0;
}

#wcb-super-ofertas .wcb-flash-ofertas-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wcb-blue, #155dfd);
    background: rgba(21, 93, 253, 0.1);
    border: 1px solid rgba(21, 93, 253, 0.2);
    padding: 5px 11px;
    border-radius: 999px;
    margin-bottom: 8px;
}

#wcb-super-ofertas .wcb-flash-ofertas-title.wcb-section__title {
    margin: 0;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
    background: linear-gradient(135deg, #0f172a 0%, #334155 55%, #0f172a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    align-items: center;
    gap: 0.55rem;
}

@supports not (background-clip: text) {
    #wcb-super-ofertas .wcb-flash-ofertas-title.wcb-section__title {
        color: #0f172a;
        background: none;
    }
}

#wcb-super-ofertas .wcb-flash-ofertas-title .wcb-section__icon svg {
    color: var(--wcb-blue, #155dfd);
    stroke: var(--wcb-blue, #155dfd);
}

#wcb-super-ofertas .wcb-flash-ofertas-sub {
    margin: 8px 0 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #64748b;
    font-weight: 500;
    max-width: 36ch;
}

/* Countdown */
#wcb-super-ofertas .wcb-flash-countdown-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 14px;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 8px 28px -12px rgba(21, 93, 253, 0.12);
}

#wcb-super-ofertas .wcb-flash-countdown-inline__label {
    font-size: 0.68rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    white-space: nowrap;
}

#wcb-super-ofertas .wcb-flash-countdown-inline__label::after {
    content: ':';
    margin-left: 2px;
    color: #94a3b8;
}

#wcb-super-ofertas .wcb-flash-countdown-inline__boxes {
    display: flex;
    align-items: center;
    gap: 5px;
}

#wcb-super-ofertas .wcb-flash-countdown-inline__box {
    min-width: 38px;
    height: 36px;
    padding: 0 6px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #fff;
    background: linear-gradient(145deg, #2563eb 0%, #155dfd 48%, #0f48d4 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 4px 14px rgba(21, 93, 253, 0.28);
}

#wcb-super-ofertas .wcb-flash-countdown-inline__sep {
    color: #94a3b8;
    font-weight: 800;
    font-size: 1rem;
    opacity: 0.85;
}

/* CTA “Ver todas” — alinhado aos outros links de seção */
#wcb-super-ofertas .wcb-section__link--ofertas {
    color: #2563eb !important;
    background: #fff !important;
    border-color: rgba(37, 99, 235, 0.45) !important;
    box-shadow: 0 2px 12px rgba(21, 93, 253, 0.1) !important;
}

#wcb-super-ofertas .wcb-section__link--ofertas:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 6px 22px rgba(29, 78, 216, 0.28) !important;
    transform: translateY(-2px);
}

/* Faixa de urgência */
#wcb-super-ofertas .wcb-flash-urgency-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 12px 16px;
    margin: 0 0 1.25rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid color-mix(in srgb, var(--wcb-blue, #155dfd) 12%, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

#wcb-super-ofertas .wcb-flash-urgency-strip__pulse {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wcb-blue, #155dfd);
    box-shadow: 0 0 0 0 rgba(21, 93, 253, 0.45);
    animation: wcb-flash-urgency-pulse 2s ease-in-out infinite;
}

@keyframes wcb-flash-urgency-pulse {

    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(21, 93, 253, 0.35);
    }

    50% {
        opacity: 0.85;
        box-shadow: 0 0 0 8px rgba(21, 93, 253, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #wcb-super-ofertas .wcb-flash-urgency-strip__pulse {
        animation: none;
    }
}

#wcb-super-ofertas .wcb-flash-urgency-strip__text {
    flex: 1 1 200px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
    line-height: 1.45;
}

#wcb-super-ofertas .wcb-flash-urgency-strip__bar {
    width: min(200px, 100%);
    height: 6px;
    background: color-mix(in srgb, #e2e8f0 88%, var(--wcb-blue, #155dfd));
    border-radius: 999px;
    overflow: hidden;
    flex-shrink: 0;
}

#wcb-super-ofertas .wcb-flash-urgency-strip__fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #3b82f6, #155dfd);
    transition: width 1s ease-out;
}

/* Hero + grid */
#wcb-super-ofertas .wcb-flash-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: clamp(12px, 2vw, 18px);
    align-items: start;
}

#wcb-super-ofertas .wcb-flash-hero-grid .wcb-paged-carousel {
    padding: 0;
}

#wcb-super-ofertas .wcb-flash-hero-grid .wcb-carousel-arrow {
    display: none;
}

#wcb-super-ofertas .wcb-flash-hero-grid .wcb-carousel-progress {
    margin-top: 10px;
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--wcb-blue, #155dfd) 14%, #e2e8f0);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.7) inset,
        0 4px 28px rgba(15, 23, 42, 0.06),
        0 12px 40px -20px rgba(21, 93, 253, 0.15);
    overflow: hidden;
    background: #fff;
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__img-wrap {
    aspect-ratio: 1 / 1;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__body {
    padding: 14px 18px 18px;
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    line-height: 1.35;
}

#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__hover-actions,
#wcb-super-ofertas .wcb-flash-hero .wcb-product-card__cta-mobile {
    display: none !important;
}

#wcb-super-ofertas .wcb-product-card__badge--hero-best {
    background: linear-gradient(135deg, #155dfd 0%, #2563eb 100%) !important;
    color: #fff !important;
    font-size: 0.65rem !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    letter-spacing: 0.06em !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(21, 93, 253, 0.25);
}

#wcb-super-ofertas .wcb-hero-cro__price-block {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

#wcb-super-ofertas .wcb-hero-cro__price-old {
    font-size: 0.8rem;
    color: #94a3b8;
    text-decoration: line-through;
}

#wcb-super-ofertas .wcb-hero-cro__price-current {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
}

#wcb-super-ofertas .wcb-hero-cro__pix-inline {
    font-size: 0.78rem;
    color: #0f48d4;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
}

#wcb-super-ofertas .wcb-hero-cro__pix-inline strong {
    font-weight: 800;
}

#wcb-super-ofertas .wcb-hero-cro__pix-inline em {
    font-style: normal;
    font-weight: 600;
    opacity: 0.9;
}

#wcb-super-ofertas .wcb-hero-cro__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: var(--wcb-gradient-cta, linear-gradient(135deg, #155dfd, #3b72fe));
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(21, 93, 253, 0.32);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#wcb-super-ofertas .wcb-hero-cro__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(21, 93, 253, 0.38);
    color: #fff;
}

/* Grade compacta */
#wcb-super-ofertas .wcb-flash-compact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card {
    font-size: 0.78em;
    border-radius: 14px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: #fff;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__img-wrap {
    aspect-ratio: 2 / 1;
    background: #f8fafc;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__img-wrap img {
    object-fit: contain;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__body {
    padding: 8px 12px 12px;
    gap: 0;
}

/* Mesma hierarquia que os outros cards da home (categoria → título → nota → preço/PIX/parcelas → teor) */
#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__cat {
    display: block;
    font-size: 0.52rem;
    margin-bottom: 3px;
    letter-spacing: 0.1em;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__title {
    font-size: 0.74rem;
    -webkit-line-clamp: 2;
    min-height: auto;
    line-height: 1.3;
    margin-bottom: 4px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__rating {
    margin-bottom: 6px;
    gap: 3px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__stars {
    font-size: 0.56rem;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__rating-val {
    font-size: 0.56rem;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__rating-count {
    font-size: 0.5rem;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__rating--zero .wcb-product-card__stars {
    color: #f59e0b;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__rating--zero .wcb-product-card__stars-empty {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__price-block {
    gap: 1px;
    margin-top: 0;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__pix-tag {
    display: inline-flex;
    font-size: 0.56rem;
    padding: 1px 6px;
    margin-top: 1px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__pix-tag em {
    font-size: 0.5rem;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__installments {
    display: block;
    font-size: 0.54rem;
    margin-top: 1px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__teor {
    display: flex;
    margin-top: 4px;
    gap: 3px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__teor-label {
    font-size: 0.5rem;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__teor-pill {
    font-size: 0.5rem;
    padding: 1px 5px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-stock-bar {
    margin-top: 4px;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-stock-bar__label {
    font-size: 0.5rem;
    line-height: 1.35;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__price-current {
    font-size: 0.92rem;
    font-weight: 900;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__cta-mobile {
    display: flex !important;
    margin-top: 8px !important;
    background: var(--wcb-gradient-cta, linear-gradient(135deg, #155dfd, #3b72fe)) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.62rem !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#wcb-super-ofertas .wcb-flash-compact-card .wcb-product-card__hover-actions {
    display: none !important;
}

@media (max-width: 1024px) {
    #wcb-super-ofertas .wcb-flash-hero-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #wcb-super-ofertas .wcb-flash-compact-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #wcb-super-ofertas .wcb-flash-hero .wcb-product-card__img-wrap {
        min-height: 200px;
    }
}

@media (max-width: 900px) {
    #wcb-super-ofertas .wcb-section__header--ofertas {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    #wcb-super-ofertas .wcb-section__header-right,
    #wcb-super-ofertas .wcb-section__actions {
        justify-self: start;
    }

    #wcb-super-ofertas .wcb-flash-countdown-inline {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    #wcb-super-ofertas .wcb-flash-compact-grid {
        grid-template-columns: 1fr 1fr;
    }

    #wcb-super-ofertas .wcb-flash-urgency-strip {
        flex-direction: column;
        align-items: flex-start;
    }

    #wcb-super-ofertas .wcb-flash-urgency-strip__bar {
        width: 100%;
    }
}

/* ================================================================
   CARD v4 - LAYOUT REFINEMENT (Compactar + Harmonizar)
   ================================================================ */

/* -- PIX price: compactar (era grande demais) */
.wcb-product-card__pix-price {
    padding: 4px 8px !important;
    border-radius: 6px !important;
    margin-bottom: 2px !important;
    background: #ecfdf5 !important;
    border: 1px solid #bbf7d0 !important;
}

.wcb-product-card__pix-value {
    font-size: 0.88rem !important;
}

.wcb-product-card__pix-icon {
    width: 16px !important;
    height: 16px !important;
}

.wcb-product-card__pix-label {
    font-size: 0.62rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* -- Secondary price: inline compacto */
.wcb-product-card__price-secondary {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    font-size: 0.78rem !important;
    flex-wrap: nowrap !important;
}

.wcb-product-card__price-card {
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
}

.wcb-product-card__installments {
    font-size: 0.65rem !important;
    color: #9ca3af !important;
    white-space: nowrap !important;
}

/* -- Rating: mais compacto */
.wcb-product-card__rating {
    margin-bottom: 4px !important;
    gap: 3px !important;
}

.wcb-product-card__stars {
    font-size: 0.65rem !important;
}

.wcb-product-card__rating-val {
    font-size: 0.65rem !important;
    font-weight: 600 !important;
}

.wcb-product-card__rating-count {
    font-size: 0.6rem !important;
    color: #9ca3af !important;
}

/* -- Status bar: compacta horizontal */
.wcb-product-card__status {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 2px 0 4px !important;
    flex-wrap: nowrap !important;
}

.wcb-product-card__status-item {
    font-size: 0.58rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* -- Botao: menor, mais elegante */
.wcb-product-card__btn {
    padding: 8px 10px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    gap: 5px !important;
}

.wcb-product-card__btn svg {
    width: 13px !important;
    height: 13px !important;
}

/* -- Body: mais compacto */
.wcb-product-card__body {
    padding: 8px 10px 10px !important;
    gap: 0 !important;
}

/* -- T�tulo: compacto */
.wcb-product-card__title {
    font-size: 0.82rem !important;
    margin-bottom: 2px !important;
    min-height: 2.2em !important;
}

/* -- Categoria: discreto */
.wcb-product-card__cat {
    margin-bottom: 1px !important;
    font-size: 0.6rem !important;
}

/* -- Price block spacing */
.wcb-product-card__price-block {
    margin-bottom: 0 !important;
    margin-top: 2px !important;
}

/* -- Card: alinhamento vertical uniforme */
.wcb-product-card {
    display: flex !important;
    flex-direction: column !important;
}

.wcb-product-card__image-wrap {
    flex-shrink: 0 !important;
}

.wcb-product-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Empurra botao para o fundo */
.wcb-product-card__btn {
    margin-top: auto !important;
}

/* -- Ocultar "SEM CATEGORIA" */
.wcb-product-card__cat:empty,
.wcb-product-card__cat[data-cat="sem-categoria"] {
    display: none !important;
}

/* -- Specs: mais compacto */
.wcb-product-card__specs {
    margin-bottom: 2px !important;
}

.wcb-product-card__spec {
    font-size: 0.58rem !important;
    padding: 1px 4px !important;
}

/* -- Teor badges: menores */
.wcb-product-card__teor {
    margin: 2px 0 !important;
}

.wcb-product-card__teor-badge {
    font-size: 0.6rem !important;
    padding: 1px 5px !important;
}

.wcb-product-card__teor-label {
    font-size: 0.6rem !important;
}

/* -- Image wrap: uniformizar altura */
.wcb-product-card__image-wrap {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.wcb-product-card__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.wcb-product-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* ================================================================
   PRODUCT CARD v5 — PREMIUM MINIMAL
   Princípio: clean, elegante, CTA no hover, preço dominante
   ================================================================ */

/* ── Base Card ──────────────────────────────────────────── */
.wcb-product-card {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    transition: box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s ease;
}

.wcb-product-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05);
    transform: translateY(-6px);
    border-color: rgba(37, 99, 235, 0.12);
}

/* ── Image Area ─────────────────────────────────────────── */
.wcb-product-card__img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: linear-gradient(145deg, #fafbfc, #f3f4f6);
    flex-shrink: 0;
}

.wcb-product-card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.wcb-product-card__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                opacity 0.4s ease;
}

/* Primary image — always visible by default */
.wcb-product-card__img .wcb-product-card__img-primary {
    position: relative;
    z-index: 1;
}

/* Secondary (gallery) image — hidden behind primary */
.wcb-product-card__img .wcb-product-card__img-secondary {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* On hover: fade out primary, fade in secondary */
.wcb-product-card:hover .wcb-product-card__img .wcb-product-card__img-primary {
    opacity: 0;
}
.wcb-product-card:hover .wcb-product-card__img .wcb-product-card__img-secondary {
    opacity: 1;
    z-index: 2;
}

/* Fallback: if no secondary image, just scale the primary */
.wcb-product-card:hover .wcb-product-card__img img:only-child {
    opacity: 1;
    transform: scale(1.06);
}

/* ── Disable effects inside header/nav menus ───────────── */
.wcb-promo-dd .wcb-product-card__img-secondary,
.wcb-nav .wcb-product-card__img-secondary,
header .wcb-product-card__img-secondary,
.wcb-mega-menu .wcb-product-card__img-secondary,
.wcb-promo-dd .wcb-stock-bar,
.wcb-nav .wcb-stock-bar,
header .wcb-stock-bar,
.wcb-mega-menu .wcb-stock-bar,
.wcb-promo-dd .wcb-stock-bar__label,
.wcb-nav .wcb-stock-bar__label,
header .wcb-stock-bar__label,
.wcb-mega-menu .wcb-stock-bar__label {
    display: none !important;
}

.wcb-promo-dd .wcb-product-card:hover .wcb-product-card__img-primary,
.wcb-nav .wcb-product-card:hover .wcb-product-card__img-primary,
header .wcb-product-card:hover .wcb-product-card__img-primary,
.wcb-mega-menu .wcb-product-card:hover .wcb-product-card__img-primary {
    opacity: 1 !important;
}

/* ── Stock bar — dynamic colors ────────────────────────── */
.wcb-stock-bar {
    width: 100%;
    height: 6px;
    background: #e8ecf0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 6px;
}

.wcb-stock-bar__fill {
    height: 100%;
    border-radius: 3px;
    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* Default: green */
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

/* Yellow: 30%-60% stock */
.wcb-stock-bar__fill--warning {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

/* Orange: 10%-30% stock */
.wcb-stock-bar__fill--low {
    background: linear-gradient(90deg, #f97316, #ea580c);
    animation: stock-pulse 2s ease-in-out infinite;
}

/* Red: <10% stock */
.wcb-stock-bar__fill--critical {
    background: linear-gradient(90deg, #ef4444, #dc2626);
    animation: stock-pulse 1.5s ease-in-out infinite;
}

@keyframes stock-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.wcb-stock-bar__label {
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.wcb-stock-bar__label--warning { color: #d97706; }
.wcb-stock-bar__label--low { color: #ea580c; }
.wcb-stock-bar__label--critical { color: #dc2626; }

.wcb-product-card__no-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #d1d5db;
}

/* ── Badges (top-left, posição fixa consistente) ────────── */
.wcb-product-card__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 3;
}

.wcb-product-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.56rem;
    font-weight: 700;
    padding: 5px 9px;
    border-radius: 4px;
    letter-spacing: 0.05em;
    line-height: 1.3;
    white-space: nowrap;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.wcb-product-card__badge--sale {
    background: linear-gradient(135deg, #ea580c, #f97316);
    color: #fff;
    box-shadow: 0 2px 10px rgba(249, 115, 22, 0.3);
}

.wcb-product-card__badge--hot {
    background: #111111;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wcb-product-card__badge--low {
    background: linear-gradient(135deg, #dc2626, #ef4444);
    color: #fff;
    box-shadow: 0 2px 10px rgba(239, 68, 68, 0.3);
}

/* ── Favorite (top-right) ───────────────────────────────── */
.wcb-product-card__fav {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    color: #9ca3af;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s, color 0.2s, transform 0.2s;
}

.wcb-product-card:hover .wcb-product-card__fav {
    opacity: 1;
}

.wcb-product-card__fav:hover {
    color: #ef4444;
    transform: scale(1.1);
}

.wcb-product-card__fav.active,
.wcb-product-card__fav.is-wishlisted {
    color: #ef4444;
    opacity: 1;
}

.wcb-product-card__fav.active svg,
.wcb-product-card__fav.is-wishlisted svg {
    fill: #ef4444;
}

/* ── Hover Actions Overlay ──────────────────────────────── */
.wcb-product-card__hover-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    gap: 5px;
    justify-content: center;
    padding: 12px 14px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.15), transparent);
    z-index: 2;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s;
}

.wcb-product-card:hover .wcb-product-card__hover-actions {
    transform: translateY(0);
    opacity: 1;
}

.wcb-product-card__quickview-btn,
.wcb-product-card__add-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
    text-decoration: none;
    border: none;
}

.wcb-product-card__quickview-btn {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    color: #111;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.wcb-product-card__quickview-btn:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.wcb-product-card__add-btn {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}

.wcb-product-card__add-btn:hover {
    background: #1d4ed8;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
}

/* ── Body ───────────────────────────────────────────────── */
.wcb-product-card__body {
    padding: 14px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

/* Category */
.wcb-product-card__cat {
    font-size: 0.58rem;
    font-weight: 700;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 5px;
    display: block;
}

/* Title */
.wcb-product-card__title {
    font-size: 0.88rem;
    font-weight: 650;
    color: #1a1a2e;
    text-decoration: none;
    line-height: 1.35;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(0.88rem * 1.35 * 2);
    transition: color 0.2s ease;
}

.wcb-product-card__title:hover {
    color: #2563eb;
}

/* Rating */
.wcb-product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

.wcb-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 0.68rem;
    line-height: 1;
}

.wcb-product-card__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    color: #f59e0b;
    overflow: hidden;
    width: calc(var(--rating, 0) / 5 * 100%);
    white-space: nowrap;
    display: block;
}

.wcb-product-card__stars-empty {
    color: #e5e7eb;
    white-space: nowrap;
    display: block;
}

.wcb-product-card__rating-val {
    font-size: 0.68rem;
    font-weight: 700;
    color: #374151;
}

.wcb-product-card__rating-count {
    font-size: 0.64rem;
    color: #9ca3af;
}

/* ── Price Block ────────────────────────────────────────── */
.wcb-product-card__price-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: auto;
}

.wcb-product-card__price-main {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.wcb-product-card__price-old {
    font-size: 0.72rem;
    color: #9ca3af;
    text-decoration: line-through;
    font-weight: 400;
    line-height: 1;
}

.wcb-product-card__price-current {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

/* PIX micro tag — sutil, não gritante */
.wcb-product-card__pix-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.68rem;
    color: #16a34a;
    font-weight: 600;
    margin-top: 2px;
    background: rgba(22, 163, 74, 0.06);
    padding: 2px 8px;
    border-radius: 6px;
}

.wcb-product-card__pix-tag strong {
    font-weight: 700;
}

.wcb-product-card__pix-tag em {
    font-style: normal;
    font-weight: 600;
    font-size: 0.62rem;
    opacity: 0.7;
}

/* Installments */
.wcb-product-card__installments {
    font-size: 0.66rem;
    color: #9ca3af;
    margin-top: 2px;
}

/* ── Teor badges ────────────────────────────────────────── */
.wcb-product-card__teor {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}

.wcb-product-card__teor-label {
    font-size: 0.6rem;
    font-weight: 600;
    color: #9ca3af;
}

.wcb-product-card__teor-pill {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 20px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: rgba(17, 17, 17, 0.04);
    color: #374151;
    border: 1px solid #e5e7eb;
    white-space: nowrap;
    line-height: 1.6;
}

/* ── CTA Mobile (escondido em desktop) ──────────────────── */
.wcb-product-card__cta-mobile {
    display: none;
    /* escondido em desktop, visível em mobile */
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #111;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.15s, transform 0.15s;
}

.wcb-product-card__cta-mobile:hover {
    background: #000;
    color: #fff;
    transform: translateY(-1px);
}

/* ── RESPONSIVO ─────────────────────────────────────────── */

/* Mobile: mostrar CTA, esconder hover actions */
@media (max-width: 768px) {
    .wcb-product-card__hover-actions {
        display: none !important;
    }

    .wcb-product-card__cta-mobile {
        display: flex !important;
    }

    .wcb-product-card__fav {
        opacity: 1;
    }

    .wcb-product-card {
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    .wcb-product-card__body {
        padding: 10px 12px 14px;
    }

    .wcb-product-card__title {
        font-size: 0.84rem;
    }

    .wcb-product-card__price-current {
        font-size: 1.05rem;
    }
}

/* ── Compatibilidade com grid existente ─────────────────── */
/* Se o carousel paged usa .wcb-product-card, garantir que
   .wcb-product-card se comporte identicamente no grid */
.wcb-paged-carousel__grid .wcb-product-card {
    width: 100%;
    height: 100%;
}


/* ================================================================
   TEOR/NICOTINA PILLS — Mais visíveis e premium
   ================================================================ */
.wcb-product-card__teor {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 10px !important;
}

.wcb-product-card__teor-label {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.wcb-product-card__teor-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    background: #f0f4ff !important;
    color: #2563eb !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    transition: all 0.15s ease !important;
}

.wcb-product-card__teor-pill:hover {
    background: #dbeafe !important;
    border-color: rgba(37, 99, 235, 0.35) !important;
}

/* ============================================================
   WOOCOMMERCE NOTICES — PREMIUM REDESIGN
   ============================================================ */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-top: 0 !important;
    border-left: none !important;
    background: var(--wcb-white) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
    border-radius: 12px !important;
    padding: 16px 20px 16px 56px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #374151 !important;
    animation: wcb-notice-slide-in 0.35s ease-out !important;
    list-style: none !important;
}

@keyframes wcb-notice-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ícone lateral decorativo */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* ── Info (azul) ── */
.woocommerce-info {
    background: linear-gradient(135deg, #eff6ff, #f8faff) !important;
    border: 1px solid rgba(21, 93, 253, 0.15) !important;
    color: #1e40af !important;
}

.woocommerce-info::before {
    background: linear-gradient(180deg, #155DFD, #2563eb) !important;
    content: 'ℹ' !important;
    color: #fff !important;
    font-style: normal !important;
}

.woocommerce-info a {
    color: #155DFD !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ── Error (vermelho) ── */
.woocommerce-error {
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
    border: 1px solid rgba(239, 68, 68, 0.15) !important;
    color: #991b1b !important;
}

.woocommerce-error::before {
    background: linear-gradient(180deg, #ef4444, #dc2626) !important;
    content: '!' !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 20px !important;
}

.woocommerce-error li {
    list-style: none !important;
}

.woocommerce-error a {
    color: #dc2626 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color 0.2s ease !important;
}

.woocommerce-error a:hover {
    color: #b91c1c !important;
}

/* ── Success (verde) ── */
.woocommerce-message {
    background: linear-gradient(135deg, #f0fdf4, #f5fff9) !important;
    border: 1px solid rgba(34, 197, 94, 0.15) !important;
    color: #166534 !important;
}

.woocommerce-message::before {
    background: linear-gradient(180deg, #22c55e, #16a34a) !important;
    content: '✓' !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 16px !important;
}

.woocommerce-message a {
    color: #16a34a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* Botões dentro dos notices */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
    margin-left: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 1.5px solid currentColor !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: inherit !important;
    transition: all 0.2s ease !important;
}

.woocommerce-message .button:hover {
    background: #16a34a !important;
    color: #fff !important;
    border-color: #16a34a !important;
}

.woocommerce-error .button:hover {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

.woocommerce-info .button:hover {
    background: #155DFD !important;
    color: #fff !important;
    border-color: #155DFD !important;
}

/* ═══ Fix: WooCommerce ordering form margin causing toolbar misalignment ═══ */
.woocommerce .woocommerce-ordering,
.wcb-shop__toolbar form.woocommerce-ordering {
    margin: 0 !important;
    padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PDP BUYBOX — Conversão: hierarquia, menos ruído, CTA dominante
   (Não altera o card de preço .wcb-pdp-buybox__price-card / __price-block)
   ═══════════════════════════════════════════════════════════════ */

#wcb-pdp-buybox {
    gap: 0 !important;
}

#wcb-pdp-buybox > .wcb-pdp-buybox__title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    color: #1e293b !important;
    margin: 0 0 10px !important;
}

@media (min-width: 1024px) {
    #wcb-pdp-buybox > .wcb-pdp-buybox__title {
        font-size: 1.65rem !important;
    }
}

#wcb-pdp-buybox > .wcb-pdp-buybox__price-block {
    margin-bottom: 0 !important;
}

/* Meta logo abaixo do título, antes do card de preço */
#wcb-pdp-buybox .wcb-pdp-buybox__after-price {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__sku {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__rating {
    gap: 8px !important;
    margin: 0 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__rating-link {
    font-size: 0.8rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__rating-link:hover {
    color: #334155 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__desc {
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: #64748b !important;
    margin: 0 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__desc p {
    margin: 0 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__urgency--low {
    background: linear-gradient(165deg, #fffbeb 0%, #fff7ed 45%, #ffedd5 100%) !important;
    color: #9a3412 !important;
    border: 1px solid rgba(234, 88, 12, 0.38) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 2px 10px rgba(234, 88, 12, 0.12) !important;
    animation: wcbPdpLowStockPulse 2.4s ease-in-out infinite !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__urgency--low strong {
    color: #c2410c !important;
    font-weight: 700 !important;
}

#wcb-pdp-buybox .wcb-pdp-divider--buybox {
    margin: 22px 0 20px !important;
    border-top-color: #eef0f3 !important;
}

/* ── Variação: cartão e swatches neutros (sem azul de destaque) ── */
#wcb-pdp-buybox .wcb-variation-card {
    background: #ffffff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 6px !important;
    padding: 14px 14px 12px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

#wcb-pdp-buybox .wcb-variation-card:hover {
    border-color: #e0e0e0 !important;
    box-shadow: none !important;
}

#wcb-pdp-buybox .wcb-variation-card__label {
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
    letter-spacing: 0.05em !important;
}

#wcb-pdp-buybox .wcb-variation-card__label-icon {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-radius: 6px !important;
    width: 22px !important;
    height: 22px !important;
}

#wcb-pdp-buybox .wcb-variation-card__hint {
    color: #94a3b8 !important;
    font-style: normal !important;
    font-size: 0.7rem !important;
}

#wcb-pdp-buybox .wcb-variation-card__hint.is-selected {
    color: #334155 !important;
    font-weight: 600 !important;
}

#wcb-pdp-buybox .wcb-swatch-wrap {
    gap: 8px !important;
}

#wcb-pdp-buybox .wcb-swatch-wrap--dots {
    gap: 10px !important;
}

/* Bolinha: só o círculo — não herdar caixa do .wcb-swatch-btn */
#wcb-pdp-buybox .wcb-swatch-btn--dot {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    text-transform: none !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot .wcb-swatch-dot {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(15, 23, 42, 0.15) !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot:hover:not(.is-disabled) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: scale(1.06) !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-active {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-active .wcb-swatch-dot {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #0f172a, inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-active::after {
    display: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn:not(.wcb-swatch-btn--dot) {
    min-height: 40px !important;
    min-width: 52px !important;
    padding: 8px 14px !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn:not(.wcb-swatch-btn--dot):hover:not(.is-disabled) {
    border-color: #cbd5e1 !important;
    color: #334155 !important;
    background: #f8fafc !important;
    transform: none !important;
    box-shadow: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn:not(.wcb-swatch-btn--dot).is-active {
    border-color: #0f172a !important;
    border-width: 2px !important;
    padding: 7px 13px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transform: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn.is-active::after {
    display: none !important;
}

#wcb-pdp-buybox .wcb-swatch-btn.is-disabled:not(.wcb-swatch-btn--dot) {
    opacity: 0.72 !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    border: 1px dashed #cbd5e1 !important;
    background: #f8fafc !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: not-allowed !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-disabled {
    opacity: 1 !important;
    background: transparent !important;
    position: relative !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-disabled .wcb-swatch-dot {
    opacity: 0.5 !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
    filter: saturate(0.55) brightness(0.96) !important;
}

#wcb-pdp-buybox .wcb-swatch-btn--dot.is-disabled::after {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 2 !important;
    width: 40px !important;
    height: 1.5px !important;
    pointer-events: none !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(148, 163, 184, 0.25) 15%, #cbd5e1 50%, rgba(148, 163, 184, 0.25) 85%, transparent 100%) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.65) !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Form: respiro linear */
#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart {
    gap: 14px !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .variations {
    margin-bottom: 0 !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart,
#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 14px !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart.variations_form {
    flex-direction: column !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) > .quantity,
#wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .quantity {
    flex-shrink: 0 !important;
    align-self: center !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) > .single_add_to_cart_button,
#wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) > button[name="add-to-cart"],
#wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
#wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart button[name="add-to-cart"] {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin-top: 0 !important;
}

/* Quantidade — 6px, altura alinhada ao CTA na mesma linha */
#wcb-pdp-buybox .wcb-pdp-buybox__form .quantity {
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid rgba(226, 232, 240, 0.98) !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    min-height: 48px !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .qty {
    width: 48px !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 4px !important;
    line-height: 48px !important;
    min-height: 48px !important;
    height: auto !important;
    box-sizing: border-box !important;
    flex: 0 0 48px !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .wcb-qty-btn {
    background:
        linear-gradient(152deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 255, 0.52) 42%, rgba(250, 251, 253, 0.99) 100%),
        #fff !important;
    border: none !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
    color: var(--wcb-blue-mid, #3b72fe) !important;
    min-width: 44px !important;
    width: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    min-height: 48px !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .wcb-qty-btn:hover {
    background:
        linear-gradient(152deg, rgba(244, 248, 255, 0.88) 0%, rgba(228, 236, 255, 0.62) 45%, rgba(248, 250, 252, 0.99) 100%),
        #fff !important;
    color: var(--wcb-blue, #155dfd) !important;
}

/* Adicionar ao carrinho — alinhado ao CTA newsletter (.wcb-nl4__btn): gradiente, brilho ::before, sombra */
#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"] {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, #2563eb 0%, #155dfd 55%, #0f48d4 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    padding: 15px 22px !important;
    border-radius: 6px !important;
    margin-top: 0 !important;
    cursor: pointer !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease !important;
    box-shadow:
        0 4px 20px rgba(21, 93, 253, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button::before,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -75% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left 0.55s ease !important;
    pointer-events: none !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:hover::before,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:hover::before {
    left: 130% !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:hover:not(:disabled):not(.disabled),
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:hover:not(:disabled) {
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 10px 32px rgba(21, 93, 253, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    transition-delay: 50ms !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:active,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:active {
    transform: translateY(0) !important;
    box-shadow:
        0 4px 20px rgba(21, 93, 253, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button.disabled,
#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:disabled,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:disabled {
    opacity: 0.88 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow:
        0 2px 12px rgba(21, 93, 253, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(135deg, #2563eb 0%, #155dfd 55%, #0f48d4 100%) !important;
    color: #fff !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button.disabled::before,
#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:disabled::before,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:disabled::before {
    transition: none !important;
    left: -75% !important;
}

/* Subtotal — alinhado ao azul da PDP + hierarquia clara */
#wcb-pdp-buybox .wcb-pdp-subtotal {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 6px !important;
    padding: 14px 16px !important;
    margin: 12px 0 10px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

#wcb-pdp-buybox .wcb-pdp-subtotal__label {
    color: #475569 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

#wcb-pdp-buybox .wcb-pdp-subtotal__label svg {
    color: var(--wcb-blue) !important;
}

#wcb-pdp-buybox .wcb-pdp-subtotal__price {
    font-size: 1.125rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

#wcb-pdp-buybox .wcb-pdp-subtotal__pix {
    color: #059669 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

#wcb-pdp-buybox .wcb-pdp-subtotal__pix svg {
    display: none !important;
}

/* Seta do CTA — newsletter usa currentColor branco + leve movimento no hover */
#wcb-pdp-buybox .wcb-pdp-cta-arrow {
    position: relative !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
    opacity: 0.92 !important;
    transition: transform 0.2s ease !important;
}

#wcb-pdp-buybox .wcb-pdp-buybox__form .single_add_to_cart_button:hover .wcb-pdp-cta-arrow,
#wcb-pdp-buybox .wcb-pdp-buybox__form button[name="add-to-cart"]:hover .wcb-pdp-cta-arrow {
    transform: translateX(3px) !important;
}

@media (max-width: 480px) {

    .wcb-pdp-buybox__form form.cart:not(.variations_form),
    .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart,
    #wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form),
    #wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .wcb-pdp-buybox__form form.cart:not(.variations_form) > .single_add_to_cart_button,
    .wcb-pdp-buybox__form form.cart:not(.variations_form) > button[name="add-to-cart"],
    .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
    .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart button[name="add-to-cart"],
    #wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) > .single_add_to_cart_button,
    #wcb-pdp-buybox .wcb-pdp-buybox__form form.cart:not(.variations_form) > button[name="add-to-cart"],
    #wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
    #wcb-pdp-buybox .wcb-pdp-buybox__form .woocommerce-variation-add-to-cart button[name="add-to-cart"] {
        width: 100% !important;
        flex: none !important;
    }
}

/* =============================================================================
   WCB — Governança DS: estilos migrados de header.php / front-page.php / hero
   (custom properties em :root; sem <style> inline nos templates listados)
   ============================================================================= */

/* --- Hero: fundos por --wcb-hero-bg-* (template-parts/home/hero.php) --- */
.wcb-hero__slide {
    background-image: var(--wcb-hero-bg-desktop);
}

@media (max-width: 768px) {
    .wcb-hero__slide {
        background-image: var(--wcb-hero-bg-mobile, var(--wcb-hero-bg-desktop));
    }
}

/* --- header.php: sticky site header + faixa de anúncio --- */
.wcb-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--wcb-white);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.admin-bar .wcb-site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .wcb-site-header {
        top: 46px;
    }
}

.wcb-site-header.is-scrolled {
    /* sem sombra ao scroll */
}

.wcb-site-header.is-scrolled .wcb-announcement {
    max-height: 0;
    height: 0;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    overflow: hidden;
    border-bottom: none;
    opacity: 0;
}

.wcb-announcement {
    box-sizing: border-box;
    background: var(--wcb-announcement-gradient);
    color: var(--wcb-white);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.2;
    transition:
        max-height 0.3s ease,
        height 0.3s ease,
        min-height 0.3s ease,
        padding 0.3s ease,
        opacity 0.25s ease;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    opacity: 1;
    overflow: hidden;
}

.wcb-announcement__inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0;
    height: 38px;
    min-height: 38px;
    padding: 0 clamp(12px, 3vw, 28px);
    position: relative;
    text-align: center;
}

.wcb-announcement__content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--wcb-white);
    text-decoration: none;
    transition: opacity 0.2s ease;
    line-height: 1.25;
    max-height: 38px;
    min-height: 0;
}

a.wcb-announcement__content:hover {
    opacity: 1;
    color: var(--wcb-white) !important;
}

.wcb-announcement__text {
    line-height: 1.25;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2em;
    max-width: 100%;
}

.wcb-announcement__text strong {
    font-weight: 700;
    line-height: inherit;
}

.wcb-announcement__arrow {
    flex-shrink: 0;
    align-self: center;
    opacity: 0.7;
    transition: transform 0.2s ease;
}

a.wcb-announcement__content:hover .wcb-announcement__arrow {
    transform: translateX(3px);
    opacity: 1;
}

.wcb-announcement__close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    transition: color 0.2s ease, background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcb-announcement__close:hover {
    color: var(--wcb-white);
    background: rgba(255, 255, 255, 0.15);
}

@media (max-width: 768px) {
    .wcb-announcement {
        font-size: 12px;
        height: 36px;
        min-height: 36px;
        max-height: 36px;
    }

    .wcb-announcement__inner {
        height: 36px;
        min-height: 36px;
        padding: 0 clamp(10px, 4vw, 20px);
    }

    .wcb-announcement__content {
        max-height: 36px;
    }

    .wcb-announcement__close {
        padding: 4px;
    }
}

/* --- front-page.php: cabeçalhos de secção + carrosséis (controles legacy) --- */
.wcb-section__header--with-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* alias legado: .wcb-section__header-right */
.wcb-section__header-right,
.wcb-section__actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-left: auto !important;
}

.wcb-header-carousel-controls {
    display: none !important;
}

.wcb-novidades-row2-header {
    display: none !important;
}

.wcb-header-carousel-controls__btn,
.wcb-header-carousel-controls__dots,
.wcb-header-carousel-controls__dot {
    display: none !important;
}

#wcb-vendidos-row1-carousel > .wcb-paged-carousel__controls,
#wcb-vendidos-row2-carousel > .wcb-paged-carousel__controls {
    display: none !important;
}

#wcb-novidades-carousel > .wcb-paged-carousel__controls,
#wcb-novidades2-carousel > .wcb-paged-carousel__controls,
#wcb-estoque-carousel > .wcb-paged-carousel__controls {
    display: none !important;
}

/* Carrosséis da home: sem avaliação = 5 estrelas douradas */
#wcb-novidades-carousel .wcb-product-card__rating--zero .wcb-product-card__stars,
#wcb-novidades2-carousel .wcb-product-card__rating--zero .wcb-product-card__stars,
#wcb-estoque-carousel .wcb-product-card__rating--zero .wcb-product-card__stars {
    color: #f59e0b !important;
}

#wcb-novidades-carousel .wcb-product-card__rating--zero .wcb-product-card__stars-empty,
#wcb-novidades2-carousel .wcb-product-card__rating--zero .wcb-product-card__stars-empty,
#wcb-estoque-carousel .wcb-product-card__rating--zero .wcb-product-card__stars-empty {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
}

/* --- front-page.php: banners estáticos “Mais Vendidos” --- */
.wcb-vendidos-layout__banner--dual {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: 100% !important;
}

.wcb-vendidos-banner-card {
    position: relative !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    display: block !important;
    height: 100% !important;
    min-height: 360px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

@media (max-width: 768px) {
    .wcb-vendidos-banner-card {
        min-height: 260px !important;
    }
}

.wcb-vendidos-banner-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

.wcb-vendidos-banner-card__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease !important;
}

.wcb-vendidos-banner-card:hover .wcb-vendidos-banner-card__img {
    transform: scale(1.1) !important;
    filter: brightness(1.05) !important;
}

.wcb-vendidos-banner-card__gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
        to top,
        rgba(7, 12, 26, 0.9),
        rgba(7, 12, 26, 0.55),
        rgba(7, 12, 26, 0.2)
    ) !important;
    transition: opacity 0.4s ease !important;
}

.wcb-vendidos-banner-card::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.wcb-vendidos-banner-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0.15 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
    border-radius: inherit !important;
}

.wcb-vendidos-banner-card:hover::before {
    opacity: 0.25 !important;
}

.wcb-vendidos-banner-card--blue::before {
    background: radial-gradient(circle at 70% 30%, rgba(26, 86, 219, 1), transparent 60%) !important;
}

.wcb-vendidos-banner-card--indigo::before {
    background: radial-gradient(circle at 30% 30%, rgba(99, 102, 241, 1), transparent 60%) !important;
}

.wcb-vendidos-banner-card__content {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    z-index: 3 !important;
    padding: 24px !important;
    color: var(--wcb-white) !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

@media (min-width: 769px) {
    .wcb-vendidos-banner-card__content {
        padding: 32px !important;
    }
}

.wcb-vendidos-banner-card__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28em !important;
    padding: 4px 10px !important;
    font-variant-emoji: emoji !important;
    margin-bottom: 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: var(--wcb-white) !important;
    width: fit-content !important;
    border: none !important;
    box-shadow: none !important;
}

.wcb-vendidos-banner-card__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--wcb-white) !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.01em !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.wcb-vendidos-banner-card__desc {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.wcb-vendidos-banner-card__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    background: var(--wcb-white) !important;
    color: var(--wcb-gray-900) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 16px !important;
    width: fit-content !important;
    text-decoration: none !important;
    transition: background 0.18s ease !important;
    position: relative !important;
    overflow: visible !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}

.wcb-vendidos-banner-card:hover .wcb-vendidos-banner-card__btn {
    background: var(--wcb-gray-100) !important;
}

.wcb-vendidos-banner-card__btn svg {
    flex-shrink: 0 !important;
    color: var(--wcb-gray-900) !important;
    stroke: currentColor !important;
    transition: transform 0.2s ease !important;
}

.wcb-vendidos-banner-card:hover .wcb-vendidos-banner-card__btn svg {
    transform: translateX(2px) !important;
}

/* --- front-page.php: navegação premium dos carrosséis paginados (ex-navStyle) --- */
.wcb-paged-carousel__controls {
    display: none !important;
}

.wcb-paged-carousel {
    position: relative;
    width: 100%;
    overflow: visible;
    padding: 0 48px;
}

.wcb-carousel-viewport {
    overflow: hidden;
    border-radius: 12px;
}

.wcb-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--wcb-carousel-arrow-border);
    background: var(--wcb-white);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.wcb-carousel-arrow:hover {
    border-color: var(--wcb-carousel-arrow-border-hover);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transform: translateY(-60%) scale(1.05);
}

.wcb-carousel-arrow:active {
    transform: translateY(-60%) scale(0.96);
}

.wcb-carousel-arrow--prev {
    left: 0;
}

.wcb-carousel-arrow--next {
    right: 0;
}

.wcb-carousel-arrow svg {
    width: 16px;
    height: 16px;
    stroke: var(--wcb-carousel-arrow-icon);
    stroke-width: 2.5;
    fill: none;
}

.wcb-carousel-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}

.wcb-carousel-progress__segment {
    flex: 0 0 auto;
    width: 32px;
    height: 4px;
    background: var(--wcb-carousel-progress-track);
    border-radius: 99px;
    overflow: hidden;
    cursor: pointer;
    transition: width 0.3s ease, background 0.2s ease;
}

.wcb-carousel-progress__segment.active {
    width: 48px;
    background: var(--wcb-carousel-progress-track-active);
}

.wcb-carousel-progress__segment.done {
    background: var(--wcb-carousel-progress-track-done);
}

.wcb-carousel-progress__segment:hover {
    background: var(--wcb-carousel-progress-track-hover);
}

.wcb-carousel-progress__fill {
    width: 0%;
    height: 100%;
    background: var(--wcb-blue);
    border-radius: 99px;
    transition: none;
}

.wcb-carousel-progress__segment.done .wcb-carousel-progress__fill {
    width: 0% !important;
}

@media (max-width: 768px) {
    .wcb-paged-carousel {
        padding: 0 32px;
    }

    .wcb-carousel-arrow {
        width: 28px;
        height: 28px;
    }

    .wcb-carousel-arrow svg {
        width: 13px;
        height: 13px;
    }

    .wcb-carousel-progress {
        margin-top: 14px;
    }

    .wcb-carousel-progress__segment {
        width: 24px;
    }

    .wcb-carousel-progress__segment.active {
        width: 36px;
    }
}

@media (max-width: 480px) {
    .wcb-paged-carousel {
        padding: 0 24px;
    }

    .wcb-carousel-arrow {
        width: 24px;
        height: 24px;
    }

    .wcb-carousel-arrow svg {
        width: 12px;
        height: 12px;
    }
}