/*
Novo tema
*/

:root {
    --bg: #FAFAFA;
    --bg-color: #FAFAFA;
    --surface: #FFFFFF;
    --surface-alt: #F4F1EA;
    --surface-hover: #EBEBEB;
    --primary: #354b40;
    --primary-hover: #8A7A4F;
    --accent: #564D34;
    --text-main: #2A2A2A;
    --text-muted: #666666;
    --border: #EAEAEA;
    --danger: #B35E5E;
    --success: #528052;
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 32px;
    --radius-pill: 999px;
    --shadow-soft: 0 4px 16px rgba(0,0,0,0.04);
    --shadow-float: 0 12px 32px rgba(0,0,0,0.08);
    --shadow-modal: 0 24px 64px rgba(0,0,0,0.16);
    --transition: all .3s cubic-bezier(.25,.8,.25,1);
    --bounce: all .4s cubic-bezier(.175,.885,.32,1.275);
}

*, *::before, *::after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at top left, rgba(161,143,94,.10), transparent 34rem),
        linear-gradient(180deg, #fff 0%, var(--bg) 45%, #fff 100%) !important;
    color: var(--text-main) !important;
    -webkit-font-smoothing: antialiased;
}
body, p, span, div, input, select, textarea, button, a, label {
    font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
    color: var(--text-main) !important;
    letter-spacing: -.02em;
}
a {
    color: inherit;
    text-decoration: none !important;
}
img {
    max-width: 100%;
}
body.locked {
    overflow: hidden !important;
}


/* TOPBAR */
.bg-color-theme-new {
    background: var(--accent) !important;
    color: #fff !important;
    border-bottom: 0 !important;
    padding: 9px 16px !important;
    text-align: center !important;
    letter-spacing: .04em;
}
.bg-color-theme-new .d-table {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
}
.bg-color-theme-new .t-cell {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}
.bg-color-theme-new label {
    color: #fff !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.bg-color-theme-new select {
    width: auto !important;
    min-width: 132px !important;
    height: 34px !important;
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: var(--radius-pill) !important;
    padding: 0 14px !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
.bg-color-theme-new option {
    color: var(--text-main) !important;
}

/* HEADER */
.modern-header {
    background: rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 14px 24px !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: var(--shadow-soft) !important;
}
.modern-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    max-width: 1388px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.modern-navbar > a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 160px !important;
}
.modern-navbar img {
    max-height: 54px !important;
    width: auto !important;
    object-fit: contain !important;
}
.modern-nav-items {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(14px, 2vw, 28px) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
}
.modern-nav-items a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    color: var(--text-main) !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    position: relative !important;
    transition: var(--transition) !important;
    white-space: nowrap !important;
}
.modern-nav-items a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 0;
    height: 2px;
    border-radius: 4px;
    background: var(--primary);
    transition: var(--transition);
}
.modern-nav-items a:hover {
    color: var(--primary) !important;
}
.modern-nav-items a:hover::after {
    width: 100%;
}
.modern-icon-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 50% !important;
    background: var(--surface-alt) !important;
    display: grid !important;
    place-items: center !important;
    color: var(--text-main) !important;
    font-size: 1.08rem !important;
    cursor: pointer !important;
    transition: var(--bounce) !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}
.modern-icon-btn:hover {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(161,143,94,.24) !important;
}


/* HERO ADAPTADO DO SEGUNDO ANEXO */
.modern-hero-shell {
    max-width: 1388px;
    margin: 24px auto 56px;
    padding: 0 16px;
}
.modern-hero-media {
    height: 70vh;
    min-height: 780px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    box-shadow: var(--shadow-float);
    border: 1px solid rgba(255,255,255,.68);
}
.modern-hero-media::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 38%;
    background: linear-gradient(0deg, rgba(0,0,0,.30), transparent);
    pointer-events: none;
}
.modern-hero-content {
    position: relative;
    z-index: 1;
    max-width: 640px;
    padding: clamp(34px, 8vw, 96px);
    color: #fff;
}
.modern-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.32);
    color: #fff;
    background: rgba(255,255,255,.14);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 8px 16px;
    border-radius: var(--radius-pill);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .09em;
    margin-bottom: 18px;
}
.modern-hero-title {
    color: #fff !important;
    font-size: 2.7em !important;
    line-height: .98 !important;
    margin: 0 0 22px !important;
    text-shadow: 0 8px 34px rgba(0,0,0,.38);
}
.modern-hero-desc {
    color: rgba(255,255,255,.94) !important;
    font-size: clamp(1rem, 1.8vw, 1.24rem) !important;
    line-height: 1.68 !important;
    max-width: 560px;
    margin: 0 0 32px !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.26);
}
.modern-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}
.modern-hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    height: 54px !important;
    padding: 0 28px !important;
    border-radius: var(--radius-pill) !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    transition: var(--transition) !important;
    background: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(161,143,94,.36) !important;
}
.modern-hero-btn:hover {
    background: var(--primary-hover) !important;
    transform: translateY(-2px) !important;
}
.modern-hero-link {
    display: inline-flex;
    align-items: center;
    min-height: 54px;
    padding: 0 18px;
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.24);
    color: #fff !important;
    font-weight: 750;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.modern-hero-badges {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 1388px;
    margin: -72px auto 58px;
    padding: 0 32px;
    position: relative;
    z-index: 2;
}
.modern-hero-badge {
    background: rgba(255,255,255,.94);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-float);
    padding: 18px 20px;
    display: flex;
    gap: 12px;
    align-items: center;
}
.modern-hero-badge i {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--surface-alt);
    color: var(--primary);
    font-size: 1.1rem;
}
.modern-hero-badge strong {
    display: block;
    color: var(--text-main);
    font-size: .95rem;
    margin-bottom: 2px;
}
.modern-hero-badge span {
    color: var(--text-muted);
    font-size: .84rem;
    line-height: 1.35;
}

/* SEÇÕES */
#catalog {
    padding: 0 16px 64px !important;
    background: transparent !important;
}
#catalog > .p-16.d-s-none {
    display: none !important;
}
#catalog h2.text-center {
    font-size: clamp(2rem, 4vw, 3.15rem) !important;
    line-height: 1.08 !important;
    margin: 22px auto 8px !important;
    max-width: 880px !important;
}
#catalog > p, #catalog p.text-center {
    color: var(--text-muted) !important;
    font-size: clamp(1rem, 1.8vw, 1.18rem) !important;
}
#catalog .d-block.pt-16 {
    max-width: 1388px !important;
    margin: 0 auto !important;
    padding-top: 12px !important;
}
#catalog .section.p-16.pt-0 {
    padding: 0 !important;
}
.catalog-toolbar {
    width: 100%;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    padding: 16px;
    margin: 6px 0 34px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: center;
}
.catalog-search {
    height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--surface-alt);
    border: 2px solid transparent;
    border-radius: var(--radius-pill);
    padding: 0 18px;
    transition: var(--transition);
}
.catalog-search:focus-within {
    background: #fff;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(161,143,94,.10);
}
.catalog-search i {
    color: var(--text-muted);
}
.catalog-search input, .catalog-search #modern-search-input {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    font-weight: 600;
}
.catalog-sort {
    height: 52px !important;
    min-width: 178px;
    width: auto !important;
    border-radius: var(--radius-pill) !important;
    border: 2px solid transparent !important;
    background-color: var(--surface-alt) !important;
    padding: 0 18px !important;
    font-weight: 700 !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
.category-strip {
    overflow-x: auto;
    padding: 2px 0 4px;
}
.category-pill {
    border: 1px solid var(--border) !important;
    background: #fff !important;
    color: var(--text-main) !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: var(--radius-pill) !important;
    font-size: .75rem !important;
    font-weight: 750 !important;
    white-space: nowrap;
    cursor: pointer;
    transition: var(--transition);
    margin:5px;
}
.category-pill:hover, .category-pill.active {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}

/* GRID E CARDS DO CATÁLOGO */
#catalog .section > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin: 0 !important;
    width: 100% !important;
}
#catalog [id^="insumo-grid-"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
#catalog [id^="insumo-grid-"].is-hidden {
    display: none !important;
}
#catalog [id^="insumo-grid-"] form {
    height: 100% !important;
}
.e-commerce-box {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-soft) !important;
    border: 1px solid var(--border) !important;
    transition: var(--bounce) !important;
    background: var(--surface) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin-bottom: 0 !important;
    position: relative !important;
}
.e-commerce-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: var(--shadow-float) !important;
    border-color: rgba(161,143,94,.28) !important;
}
.e-commerce-box .bg-size-cover {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: var(--surface-alt) !important;
    transition: transform .8s cubic-bezier(.25,.8,.25,1) !important;
}
.e-commerce-box:hover .bg-size-cover {
    transform: scale(1.06) !important;
}
.e-commerce-box .absolute.w-100 {
    display: none !important;
}
.e-commerce-box .container.no-overflow {
    width: 100% !important;
    padding: 22px 22px 8px !important;
    flex: 1 1 auto !important;
    text-align: center !important;
}
.e-commerce-box .product-category {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    min-height: 26px;
    margin: 0 auto 10px !important;
    padding: 0 10px !important;
    border-radius: var(--radius-pill) !important;
    background: var(--surface-alt) !important;
    color: var(--accent) !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}
.e-commerce-box h3 {
    font-family: 'Quicksand', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.18rem !important;
    color: var(--text-main) !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1.24 !important;
    min-height: 2.9em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.e-commerce-box h2 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
    color: var(--primary) !important;
    font-weight: 850 !important;
    margin: 0 !important;
    text-align: center !important;
}
.e-commerce-box h2 small {
    color: var(--text-muted) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
}
.e-commerce-box .d-block.text-center.p-16.pb-32 {
    padding: 14px 22px 24px !important;
    display: grid !important;
    gap: 10px !important;
    margin-top: auto !important;
}
.e-commerce-box .d-block.text-center.p-16.pb-32 > a {
    margin: 0 !important;
    width: 100% !important;
}
.e-commerce-box .btn,
.e-commerce-box .btn-theme,
.btn-theme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    border-radius: var(--radius-pill) !important;
    padding: 0 22px !important;
    font-size: .94rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    transition: var(--transition) !important;
    cursor: pointer !important;
}
.e-commerce-box a .btn-theme {
    width: 100% !important;
    color: var(--primary) !important;
    border: 1px solid rgba(161,143,94,.45) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.e-commerce-box a .btn-theme:hover {
    background: var(--surface-alt) !important;
    border-color: var(--primary) !important;
    transform: translateY(-2px) !important;
}
.e-commerce-box .add-item-button {
    width: 100% !important;
    background: var(--primary) !important;
    color: #fff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 10px 24px rgba(161,143,94,.24) !important;
}
.e-commerce-box .add-item-button:hover,
.btn-theme:hover {
    background: var(--primary-hover) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(161,143,94,.30) !important;
}
.ribbon {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 3 !important;
    background: var(--primary) !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: var(--radius-pill) !important;
    font-weight: 850 !important;
    font-size: .72rem !important;
    letter-spacing: .06em !important;
    padding: 7px 12px !important;
    box-shadow: var(--shadow-soft) !important;
}
.mensagem-do-produto {
    border-radius: var(--radius) !important;
    background: rgba(86,77,52,.92) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* FORMULÁRIOS E CAMPOS */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], select, textarea {
    border-radius: var(--radius-sm) !important;
    border: 1px solid var(--border) !important;
    padding: 13px 15px !important;
    font-size: .96rem !important;
    background: #fff !important;
    transition: var(--transition) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: var(--text-main) !important;
    outline: none !important;
    min-height: 48px !important;
    height: auto !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.02) !important;
}
textarea {
    line-height: 1.55 !important;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(161,143,94,.12) !important;
}

/* WHY US / CAROUSEL */
#whyus {
    background: linear-gradient(180deg, var(--surface-alt), #fff) !important;
    padding: 76px 16px !important;
}
#whyus .section {
    padding: 0 !important;
}
#whyus h2 {
    max-width: 960px;
    margin: 0 auto 12px !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.08 !important;
}
#whyus .owl-item > div,
#whyus [style*="cama-"] {
    min-height: 340px !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-soft) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
}

/* CONTACTO */
#contact {
    background: #fff !important;
    padding: 78px 16px !important;
}
#contact .section {
    padding: 0 !important;
}
#contact h2 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
}
#formulario-de-contato {
    background: var(--surface) !important;
    padding: clamp(22px, 4vw, 42px) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-float) !important;
    border: 1px solid var(--border) !important;
}
#formulario-de-contato label {
    color: var(--text-muted) !important;
    font-weight: 750 !important;
}
#formulario-de-contato .btn-theme {
    width: 100% !important;
    min-height: 54px !important;
    background: var(--primary) !important;
    color: #fff !important;
    border: 0 !important;
}

/* MODAIS */
.modern-close-btn {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: var(--surface-alt) !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    color: var(--text-main) !important;
    font-size: 1rem !important;
    transition: var(--bounce) !important;
    z-index: 10 !important;
    border: 1px solid var(--border) !important;
}
.modern-close-btn:hover {
    background: var(--danger) !important;
    color: #fff !important;
    border-color: var(--danger) !important;
    transform: rotate(90deg) !important;
}
.formulario-de-cadastro h2 {
    font-size: clamp(1.7rem, 3vw, 2.15rem) !important;
    color: var(--primary) !important;
    margin-bottom: 18px !important;
    text-align: center !important;
}
.formulario-de-cadastro p.text-bold {
    font-weight: 700 !important;
    color: var(--text-main) !important;
    font-size: .9rem !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}
.formulario-de-cadastro p.text-bold span {
    font-weight: 500 !important;
    color: var(--text-muted) !important;
    font-size: .82rem !important;
}
.reg-step {
    display: none;
    animation: fadeIn .28s ease;
}
.reg-step.active {
    display: block;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.step-indicator {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 26px;
    max-width: 280px;
}
.step-indicator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--border);
    z-index: 0;
    transform: translateY(-50%);
}
.step-dot {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--surface);
    border: 2px solid var(--border);
    display: grid;
    place-items: center;
    font-weight: 850;
    font-size: .95rem;
    color: var(--text-muted);
    position: relative;
    z-index: 1;
    transition: var(--transition);
}
.step-dot.active {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}
.step-dot.completed {
    border-color: var(--success);
    background: var(--success);
    color: #fff;
}
.checkout-step-box {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px;
    margin-bottom: 20px;
    background: #fff;
    text-align: left;
    box-shadow: var(--shadow-soft);
}
.checkout-step-box h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: var(--text-main) !important;
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    margin: 0 0 16px !important;
    font-weight: 850 !important;
}
.modern-payment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.modern-payment-grid a {
    display: block;
    width: 100%;
}
.modern-payment-btn {
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 8px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 56px !important;
    background: #fafafa !important;
    transition: var(--transition) !important;
    cursor: pointer !important;
    max-width: none !important;
}
.b-payments.btn-glow {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(161,143,94,.16) !important;
    background: #fff !important;
}
.modern-payment-btn img {
    max-height: 30px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
#grid-do-pedido-detalhado-f {
    background: transparent !important;
}
#grid-do-pedido-detalhado-f .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px dashed var(--border) !important;
    padding: 9px 0 !important;
    margin-bottom: 8px !important;
    font-size: .92rem !important;
}


@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}


/* FOOTER */
footer {
    background: linear-gradient(180deg, #fff, var(--surface-alt)) !important;
    border-top: 1px solid var(--border) !important;
    padding: 68px 0 24px !important;
    margin-top: 0 !important;
}
footer h4 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 850 !important;
    color: var(--text-main) !important;
}
footer p, footer a {
    color: var(--text-muted) !important;
    line-height: 1.6 !important;
}
footer a:hover {
    color: var(--primary) !important;
}
footer .fa-whatsapp, footer .fa-facebook-f, footer .fa-instagram {
    color: #fff !important;
}

/* RESPONSIVIDADE */
@media (max-width: 1180px) {
    #catalog .section > .row {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
    .modern-hero-badges {
        margin-top: -52px;
    }
}
@media (max-width: 900px) {
    .modern-header {
        padding: 12px 16px !important;
    }
    .modern-navbar {
        flex-wrap: wrap !important;
    }
    .modern-navbar > a:first-child {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    .modern-navbar > div:last-child {
        order: 2;
    }
    .modern-nav-items {
        order: 3;
        flex: 1 0 100% !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        gap: 18px !important;
        padding-top: 8px !important;
        -webkit-overflow-scrolling: touch;
    }
    .modern-nav-items a {
        min-height: 36px !important;
        font-size: .78rem !important;
    }
    .modern-hero-shell {
        margin-top: 16px;
    }
    .modern-hero-media {
        min-height: 540px;
        border-radius: 26px;
    }
    .modern-hero-badges {
        grid-template-columns: 1fr;
        margin: -42px auto 48px;
        padding: 0 24px;
    }
    .catalog-toolbar {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }
    .catalog-sort {
        width: 100% !important;
    }
    #catalog .section > .row {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 20px !important;
    }
}
@media (max-width: 640px) {
    .bg-color-theme-new label {
        font-size: .68rem !important;
        line-height: 1.35;
    }
    .modern-header {
        padding: 10px 12px !important;
    }
    .modern-navbar img {
        max-height: 44px !important;
    }
    .modern-icon-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }
    .modern-hero-shell {
        padding: 0 10px;
        margin-bottom: 42px;
    }
    .modern-hero-media {
        min-height: 520px;
        border-radius: 22px;
        align-items: flex-end;
        background-position: center;
    }
    .modern-hero-content {
        padding: 28px 24px 42px;
    }
    .modern-hero-title {
        font-size: 1.8em !important;
    }
    .modern-hero-actions {
        align-items: stretch;
    }
    .modern-hero-btn, .modern-hero-link {
        width: 100%;
        justify-content: center;
    }
    .modern-hero-badges {
        padding: 0 16px;
        margin-top: -24px;
    }
    .modern-hero-badge {
        padding: 15px;
    }
    #catalog {
        padding: 0 12px 52px !important;
    }
    #catalog .section > .row {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .e-commerce-box {
        border-radius: 24px !important;
    }
    .e-commerce-box h3 {
        min-height: 0;
    }
    #contact, #whyus {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    #formulario-de-contato [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    .formulario-de-cadastro {
        padding: 10px !important;
    }
    .formulario-de-cadastro > .d-block {
        border-radius: 22px !important;
        padding: 24px 16px !important;
        width: 100% !important;
    }
    .formulario-de-cadastro [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    .formulario-de-cadastro [style*="grid-column: 1 / -1"] {
        grid-column: auto !important;
    }
    .formulario-de-cadastro [style*="display: flex; justify-content: space-between"] {
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    .formulario-de-cadastro [style*="display: flex; justify-content: space-between"] .btn-theme,
    .formulario-de-cadastro button.btn-theme {
        flex: 1 1 auto;
    }

    footer {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}



/* REFINAMENTO FINAL: paleta, espaçamentos, idioma intuitivo, WhatsApp e tipografia */
body, p, span, div, input, select, textarea, button, a, label {
    font-family: 'Manrope', 'Inter', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .modern-hero-title {
    font-family: 'Fraunces', 'Playfair Display', serif !important;
    letter-spacing: -0.035em !important;
}
.bg-color-theme-new {
    padding: 10px 18px !important;
    background: linear-gradient(135deg, var(--accent), #3f3827) !important;
}
.modern-topbar-inner {
    max-width: 1388px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #fff;
}
.modern-topbar-message {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.modern-language-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(8px);
}
.modern-language-switch select {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}
.modern-lang-pill {
    border: 0 !important;
    min-width: 42px;
    height: 30px;
    border-radius: var(--radius-pill);
    color: rgba(255,255,255,.76) !important;
    background: transparent !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    cursor: pointer;
    transition: var(--transition);
}
.modern-lang-pill.active, .modern-lang-pill:hover {
    background: #fff !important;
    color: var(--accent) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.modern-header {
    padding: 16px 26px !important;
}
.modern-header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
.modern-whatsapp-btn {
    background: #f0f7ef !important;
    color: #218c4f !important;
    border-color: rgba(33,140,79,.12) !important;
}
.modern-whatsapp-btn:hover {
    background: #218c4f !important;
    color: #fff !important;
    border-color: #218c4f !important;
}
.modern-hero-shell {
    margin: 28px auto 64px !important;
}
.modern-hero-media {
    box-shadow: 0 24px 70px rgba(42,42,42,.18) !important;
}
.modern-hero-content {
    max-width: 680px !important;
}

.modern-hero-desc {
    max-width: 620px !important;
    font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
}
.modern-hero-whatsapp {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.35) !important;
}
#catalog {
    padding-top: 0 !important;
}
#catalog > h2 {
    margin-top: 10px !important;
    font-size: clamp(2rem, 4vw, 3.1rem) !important;
}
#catalog > p {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.7 !important;
}
.catalog-toolbar {
    margin-bottom: 34px !important;
    padding: 18px !important;
    gap: 14px !important;
}
.e-commerce-box {
    border-radius: 28px !important;
}
.e-commerce-box h3 {
    font-size: 1.08rem !important;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.e-commerce-box h2 {
    font-size: 1.45rem !important;
}
.e-commerce-box .d-block.text-center {
    padding: 10px 18px 24px !important;
}
#whatsapp-cta {
    background: linear-gradient(180deg, rgba(244,241,234,.48), #fff 78%) !important;
    padding: 88px 18px 44px !important;
}
.modern-whatsapp-section {
    max-width: 1180px;
    margin: 0 auto;
}
.modern-whatsapp-card {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 30px;
    align-items: stretch;
    background:
        radial-gradient(circle at top right, rgba(161,143,94,.18), transparent 28rem),
        linear-gradient(135deg, #ffffff 0%, #F7F3EA 100%);
    border: 1px solid rgba(161,143,94,.18);
    border-radius: 38px;
    padding: clamp(28px, 5vw, 54px);
    box-shadow: 0 28px 80px rgba(42,42,42,.10);
    overflow: hidden;
    position: relative;
}
.modern-whatsapp-card::before {
    content: '';
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(86,77,52,.08);
}
.modern-whatsapp-copy, .modern-whatsapp-info {
    position: relative;
    z-index: 1;
}
.modern-whatsapp-copy h2 {
    font-size: clamp(2.2rem, 5vw, 4.6rem) !important;
    line-height: 1 !important;
    margin: 12px 0 18px !important;
    color: var(--text-main) !important;
}
.modern-whatsapp-copy p {
    color: var(--text-muted) !important;
    font-size: 1.06rem !important;
    line-height: 1.75 !important;
    max-width: 680px;
    margin-bottom: 28px !important;
}
.modern-whatsapp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.modern-whatsapp-main, .modern-whatsapp-secondary {
    min-height: 56px;
    padding: 0 26px;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 800;
    transition: var(--transition);
}
.modern-whatsapp-main {
    background: #218c4f !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(33,140,79,.24);
}
.modern-whatsapp-main:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(33,140,79,.34);
}
.modern-whatsapp-secondary {
    background: #fff !important;
    color: var(--primary) !important;
    border: 1px solid rgba(161,143,94,.28);
}
.modern-whatsapp-info {
    display: grid;
    gap: 14px;
    align-content: center;
}
.modern-whatsapp-info div {
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(161,143,94,.14);
    border-radius: 22px;
    padding: 18px;
}
.modern-whatsapp-info strong {
    display: block;
    color: var(--accent);
    font-size: .84rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 4px;
}
.modern-whatsapp-info span {
    display: block;
    color: var(--text-main);
    font-weight: 700;
    line-height: 1.45;
}
.whatsapp-floating {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1200;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #218c4f;
    color: #fff !important;
    font-size: 1.72rem;
    box-shadow: 0 18px 40px rgba(33,140,79,.35);
    transition: var(--bounce);
}
.whatsapp-floating:hover {
    transform: translateY(-4px) scale(1.03);
}
@media(max-width: 900px) {
    .modern-topbar-inner {
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }
    .modern-whatsapp-card {
        grid-template-columns: 1fr;
        border-radius: 28px;
    }
    .modern-nav-items a[href='#whatsapp-cta'] {
        display: none !important;
    }
}
@media(max-width: 640px) {
    .modern-header {
        padding: 12px 14px !important;
    }
    .modern-header-actions {
        gap: 7px;
    }
    .modern-whatsapp-btn {
        display: none !important;
    }
    .modern-hero-title {
        font-size: 1.8em !important;
    }
    .modern-whatsapp-actions a {
        width: 100%;
    }
    #whatsapp-cta {
        padding-top: 56px !important;
    }
    .whatsapp-floating {
        right: 16px;
        bottom: 16px;
        width: 54px;
        height: 54px;
    }
}



/* ===== AJUSTES V3: verde escuro, hero full width e blocos comerciais ===== */
:root{
    --bg:#F4F7F1;
    --bg-color:#F4F7F1;
    --surface:#FFFFFF;
    --surface-alt:#EAF0E5;
    --surface-hover:#DDE8D7;
    --primary:#123B2A;
    --primary-hover:#0B2A1E;
    --accent:#2F5D3F;
    --accent-2:#7C9A66;
    --text-main:#10231B;
    --text-muted:#607066;
    --border:#DCE7D8;
    --success:#2E7D4F;
    --danger:#B35E5E;
    --shadow-soft:0 8px 24px rgba(18,59,42,.07);
    --shadow-float:0 24px 70px rgba(18,59,42,.14);
}
body{
    background:linear-gradient(180deg,#fff 0%,var(--bg) 42%,#fff 100%)!important;
    color:var(--text-main)!important;
}
.bg-color-theme-new{
    background:linear-gradient(135deg,#0b2a1e,#174632)!important;
}
.modern-header{
    background:rgba(255,255,255,.96)!important;
}
.modern-nav-items a:hover{
    color:var(--primary)!important;
}
.modern-nav-items a[href='#whatsapp-cta'], .modern-whatsapp-btn{
    display:none!important;
}

.modern-icon-btn:hover,.category-pill:hover,.category-pill.active{
    background:var(--primary)!important;
    border-color:var(--primary)!important;
    color:#fff!important;
}
.modern-language-switch{
    border-color:rgba(255,255,255,.28)!important;
}
.modern-lang-pill.active,.modern-lang-pill:hover{
    color:#123B2A!important;
}
#catalog{
    padding:0 0 56px!important;
}
.modern-hero-shell,.modern-hero-badges{
    display:none!important;
}
.modern-hero-slideshow{
    width:100vw;
    margin-left:calc(50% - 50vw);
    position:relative;
    min-height:clamp(520px,72vh,760px);
    overflow:hidden;
    background:var(--primary);
}
.modern-hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    transition:opacity .8s ease,visibility .8s ease;
}
.modern-hero-slide.active{
    opacity:1;
    visibility:visible;
    z-index:1;
}
.modern-hero-slideshow .modern-hero-content{
    width:min(1388px,100%);
    margin:0 auto;
    padding:clamp(48px,8vw,110px) 32px;
    max-width:1388px!important;
}
.modern-hero-slideshow .modern-hero-title{
    max-width:780px;
    color:#fff!important;
    font-size:2.7em !important;
    line-height:.96!important;
    margin:0 0 20px!important;
    text-shadow:0 12px 38px rgba(0,0,0,.35);
}
.modern-hero-slideshow .modern-hero-desc{
    max-width:640px;
    color:rgba(255,255,255,.94)!important;
    font-size:clamp(1rem,1.5vw,1.22rem)!important;
    line-height:1.7!important;
    margin-bottom:30px!important;
}
.modern-hero-slideshow .modern-eyebrow{
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
}
.modern-hero-link{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.30)!important;
}
.modern-hero-dots{
    position:absolute;
    left:50%;
    bottom:30px;
    transform:translateX(-50%);
    z-index:2;
    display:flex;
    gap:10px;
}
.modern-hero-dots button{
    width:12px;
    height:12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.7);
    background:rgba(255,255,255,.20);
    cursor:pointer;
    transition:all .3s ease;
    padding:0;
}
.modern-hero-dots button.active{
    width:34px;
    background:#fff;
}
.modern-trust-strip{
    width:min(1240px,calc(100% - 32px));
    margin:-42px auto 24px;
    position:relative;    
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.modern-trust-item{
    background:rgba(255,255,255,.96);
    border:1px solid var(--border);
    border-radius:22px;
    padding:16px;
    box-shadow:var(--shadow-soft);
    display:flex;
    align-items:center;
    gap:12px;
}
.modern-trust-item i{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--surface-alt);
    color:var(--primary);
    font-size:1.05rem;
}
.modern-trust-item strong{
    display:block;
    font-size:.94rem;
    color:var(--text-main);
    font-weight:850;
    line-height:1.15;
}
.modern-trust-item span{
    display:block;
    font-size:.78rem;
    color:var(--text-muted);
    line-height:1.35;
    margin-top:2px;
}
#catalog h2.text-center{
    margin-top:10px!important;
    margin-bottom:6px!important;
}
#catalog p.text-center{
    padding-bottom:18px!important;
    margin-bottom:0!important;
}
.catalog-toolbar{
    margin-top:0!important;
    margin-bottom:26px!important;
}
.e-commerce-box h2,.product-category,.modern-eyebrow,.category-pill.active{
    color:var(--primary)!important
}
.e-commerce-box .add-item-button,.category-pill.active{
    color:#fff!important
}
.e-commerce-box:hover{
    border-color:rgba(18,59,42,.25)!important;
}
.store-section{
    padding:74px 18px;
    background:#fff;
}
.store-section:nth-of-type(even){
    background:var(--bg);
}
.store-container{
    width:min(1180px,100%);
    margin:0 auto;
}
.store-section-head{
    text-align:center;
    max-width:780px;
    margin:0 auto 34px;
}
.store-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--surface-alt);
    color:var(--primary);
    padding:8px 14px;
    font-size:.78rem;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:14px;
}
.store-section h2{
    font-size:clamp(2rem,4vw,3.4rem)!important;
    line-height:1.04!important;
    margin:0 0 14px!important;
    color:var(--text-main)!important;
}
.store-section p{
    color:var(--text-muted)!important;
    line-height:1.75!important;
    font-size:1.02rem!important;
}
.store-card-grid,.store-proof-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.store-info-card,.store-proof-grid>div,.store-faq-grid details{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:26px;
    box-shadow:var(--shadow-soft);
}
.store-info-card i,.store-proof-grid i{
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--surface-alt);
    color:var(--primary);
    font-size:1.25rem;
    margin-bottom:18px;
}
.store-info-card h3{
    font-family:'Manrope','Inter',sans-serif!important;
    font-size:1.1rem!important;
    margin:0 0 10px!important;
    font-weight:850!important;
}
.store-process-card{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:30px;
    align-items:center;
    background:linear-gradient(135deg,#0b2a1e,#1d563b);
    border-radius:36px;
    padding:clamp(28px,5vw,56px);
    box-shadow:var(--shadow-float);
}
.store-process-card h2,.store-process-card p{
    color:#fff!important
}
.store-process-card .store-kicker{
    background:rgba(255,255,255,.12);
    color:#fff;
}
.store-steps{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.store-steps div{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    padding:18px;
}
.store-steps strong{
    display:block;
    color:#BFD4B4;
    font-size:1.3rem;
    margin-bottom:7px;
}
.store-steps span{
    color:#fff;
    font-weight:750;
}
.store-proof-grid strong{
    display:block;
    color:var(--text-main);
    font-size:1rem;
    margin-bottom:6px;
}
.store-proof-grid span{
    color:var(--text-muted);
    line-height:1.55;
}
.store-faq-grid{
    display:grid;
    gap:12px;
    max-width:900px;
    margin:0 auto;
}
.store-faq-grid summary{
    cursor:pointer;
    font-weight:850;
    color:var(--text-main);
    font-size:1.02rem;
}
.store-faq-grid p{
    margin-top:12px!important;
    font-size:.96rem!important;
}
.modern-whatsapp-main{
    background:var(--primary)!important;
    box-shadow:0 14px 34px rgba(18,59,42,.25)!important
}
.whatsapp-floating{
    background:var(--primary)!important;
    box-shadow:0 18px 40px rgba(18,59,42,.30)!important
}
footer{
    background:linear-gradient(180deg,#fff,var(--surface-alt))!important;
}
@media(max-width:1024px){
    .modern-trust-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .store-card-grid,.store-proof-grid{
        grid-template-columns:1fr 1fr;
    }
    .store-process-card{
        grid-template-columns:1fr;
    }
}
@media(max-width:700px){
    .modern-hero-slideshow{
        min-height:560px;
    }
    .modern-hero-slide{
        align-items:flex-end;
        background-position:center;
    }
    .modern-hero-slideshow .modern-hero-content{
        padding:42px 22px 80px;
    }
    .modern-hero-slideshow .modern-hero-title{
        font-size:1.7em !important;
    }
    .modern-hero-actions a{
        width:100%;
        justify-content:center;
    }
    .modern-trust-strip{
        grid-template-columns:1fr;
        margin:-24px auto 18px;
        width:calc(100% - 24px);
    }
    #catalog{
        padding-bottom:42px!important;
    }
    #catalog h2.text-center{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .store-section{
        padding:54px 14px;
    }
    .store-card-grid,.store-proof-grid,.store-steps{
        grid-template-columns:1fr;
    }
    .store-process-card{
        border-radius:28px;
        padding:28px 20px;
    }
    .modern-nav-items a[href='#whyus']{
        display:none!important;
    }
}

/* ===== AJUSTES V4: verde mais escuro, hero streaming, menos espaçamento e limpeza ===== */
:root{
    --bg:#F3F7F1!important;
    --bg-color:#F3F7F1!important;
    --surface:#FFFFFF!important;
    --surface-alt:#E7EFE4!important;
    --surface-hover:#D9E7D4!important;
    --primary:#061B13!important;
    --primary-hover:#020F0A!important;
    --accent:#123B2A!important;
    --accent-2:#4E7B57!important;
    --text-main:#081A13!important;
    --text-muted:#5E7066!important;
    --border:#D8E5D5!important;
}
body{
    background:linear-gradient(180deg,#fff 0%,var(--bg) 36%,#fff 100%)!important;
}
.bg-color-theme-new{
    background:linear-gradient(135deg,#020f0a,#061b13 55%,#123b2a)!important;
}
.modern-header{
    box-shadow:0 8px 28px rgba(6,27,19,.07)!important;
}
.modern-nav-items a[href="#whyus"],
.modern-nav-items a[href="#whatsapp-cta"],
.modern-whatsapp-btn{
    display:none!important;
}
#whyus,
#contact:empty,
.sk-container-fluid:empty,
.section:empty{
    display:none!important;
    padding:0!important;
    margin:0!important;
}
.modern-hero-shell,
.modern-hero-badges{
    display:none!important;
}
.modern-hero-slideshow{
    margin-top:0!important;
    min-height:clamp(500px,70vh,720px)!important;
    background:#050806!important;
}
.modern-hero-slide{
    background-color:#050806!important;
}
.modern-hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 16% 48%, rgba(255,255,255,.10), transparent 26rem),
        linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.72) 42%, rgba(0,0,0,.30) 70%, rgba(0,0,0,.06) 100%),
        linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.22) 36%, rgba(0,0,0,.24) 100%);
}
.modern-hero-slide > .modern-hero-content{
    position:relative;
    z-index:2;
}
.modern-hero-slideshow .modern-hero-content{
    padding-top:clamp(42px,7vw,94px)!important;
    padding-bottom:clamp(50px,7vw,96px)!important;
}
.modern-hero-btn,
.e-commerce-box .add-item-button,
.btn-theme{
    background:var(--primary)!important;
    border-color:var(--primary)!important;
    box-shadow:0 14px 32px rgba(6,27,19,.28)!important;
}
.modern-hero-btn:hover,
.e-commerce-box .add-item-button:hover,
.btn-theme:hover{
    background:var(--primary-hover)!important;
    box-shadow:0 18px 42px rgba(6,27,19,.35)!important;
}
.modern-trust-strip{
    margin:-30px auto 10px!important;
    gap:10px!important;
}
.modern-trust-item{
    padding:14px 16px!important;
    border-radius:20px!important;
}
#catalog{
    padding-bottom:42px!important;
}
#catalog h2.text-center{
    margin-top:0!important;
    margin-bottom:2px!important;
    padding-top:0!important;
}
#catalog p.text-center{
    padding-top:4px!important;
    padding-bottom:12px!important;
    margin-bottom:0!important;
}
#catalog .d-block.pt-16{
    padding-top:0!important;
}
.catalog-toolbar{
    margin-top:0!important;
    margin-bottom:22px!important;
}
.store-section{
    padding-top:62px!important;
    padding-bottom:62px!important;
}
.store-section.store-faq{
    padding-bottom:48px!important;
}
#whatsapp-cta{
    padding-top:52px!important;
}
footer{
    margin-top:0!important;
}
@media(max-width:900px){
    .modern-hero-slideshow{
        min-height:540px!important;
    }
    .modern-trust-strip{
        margin:-22px auto 8px!important;
    }
}
@media(max-width:640px){
    .modern-hero-slideshow{
        min-height:530px!important;
    }
    .modern-hero-slide::before{
        background:
            linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.62) 48%, rgba(0,0,0,.20) 100%);
    }
    .modern-trust-strip{
        margin:-18px auto 6px!important;
    }
    #catalog h2.text-center{
        margin-top:0!important;
    }
    #catalog p.text-center{
        padding-bottom:10px!important;
    }
}


/* ===== AJUSTES V5: Material Design suave, tipografia premium, menu smooth e cookies ===== */
:root{
    --md-primary:#2F5D50!important;
    --md-primary-dark:#1F4037!important;
    --md-primary-soft:#E4EFEA!important;
    --md-secondary:#A7B99E!important;
    --md-secondary-soft:#F2F6EF!important;
    --md-tertiary:#D8C7A4!important;
    --bg:#F7FAF6!important;
    --bg-color:#F7FAF6!important;
    --surface:#FFFFFF!important;
    --surface-alt:#EEF5F0!important;
    --surface-hover:#E4EEE8!important;
    --primary:var(--md-primary)!important;
    --primary-hover:var(--md-primary-dark)!important;
    --accent:#496F61!important;
    --accent-2:#8AA681!important;
    --text-main:#182D27!important;
    --text-muted:#667970!important;
    --border:#DDEAE2!important;
    --shadow-soft:0 6px 18px rgba(31,64,55,.08)!important;
    --shadow-float:0 18px 48px rgba(31,64,55,.13)!important;
    --shadow-modal:0 28px 78px rgba(31,64,55,.20)!important;
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:118px;
}
body{
    background:
        radial-gradient(circle at 10% 4%, rgba(167,185,158,.20), transparent 30rem),
        radial-gradient(circle at 90% 12%, rgba(216,199,164,.18), transparent 28rem),
        linear-gradient(180deg,#fff 0%,var(--bg) 38%,#fff 100%)!important;
    font-family:'Manrope','Inter',system-ui,sans-serif!important;
    color:var(--text-main)!important;
}
body, p, span, div, input, select, textarea, button, a, label{
    font-family:'Manrope','Inter',system-ui,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,.modern-hero-title{
    font-family:'Fraunces','Playfair Display',Georgia,serif!important;
    letter-spacing:-.045em!important;
}
.bg-color-theme-new{
    background:linear-gradient(135deg,#2F5D50,#496F61)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.12) inset!important;
}
.modern-header{
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
    border-bottom:1px solid rgba(221,234,226,.82)!important;
    box-shadow:0 6px 22px rgba(31,64,55,.08)!important;
}
.modern-nav-items a{
    color:#294139!important;
    border-radius:999px!important;
    padding:0 12px!important;
}
.modern-nav-items a::after{
    display:none!important;
}
.modern-nav-items a:hover{
    background:var(--surface-alt)!important;
    color:var(--primary)!important;
}
.modern-icon-btn{
    background:#F1F6F3!important;
    color:var(--primary)!important;
    border:1px solid var(--border)!important;
    box-shadow:0 2px 7px rgba(31,64,55,.06)!important;
}
.modern-icon-btn:hover
{
    background:var(--primary)!important;
    color:#fff!important;
    border-color:var(--primary)!important;
}
.modern-language-switch{
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.30)!important;
}
.modern-lang-pill.active,.modern-lang-pill:hover{
    color:var(--primary)!important;
}

.modern-hero-slideshow{
    background:#111!important;
    min-height:clamp(480px,68vh,690px)!important;
}
.modern-hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.60) 42%, rgba(0,0,0,.18) 72%, rgba(0,0,0,.06) 100%),
        linear-gradient(0deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.20) 38%, rgba(0,0,0,.16) 100%)!important;
}
.modern-hero-slide > .modern-hero-content{
    position:relative;
    z-index:2;
}
.modern-eyebrow{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.28)!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
}
.modern-hero-slideshow .modern-hero-title{
    text-shadow:0 12px 42px rgba(0,0,0,.45)!important;
}
.modern-hero-btn,
.btn-theme,
.e-commerce-box .add-item-button,
.modern-whatsapp-main{
    background:var(--primary)!important;
    border-color:var(--primary)!important;
    box-shadow:0 10px 24px rgba(47,93,80,.24)!important;
}
.modern-hero-btn:hover,
.btn-theme:hover,
.e-commerce-box .add-item-button:hover,
.modern-whatsapp-main:hover{
    background:var(--primary-hover)!important;
    box-shadow:0 14px 34px rgba(31,64,55,.30)!important;
}
.modern-hero-link{
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.28)!important;
    backdrop-filter:blur(12px)!important;
}
.modern-hero-dots button.active{
    background:#fff!important;
}

.modern-trust-strip{
    margin:-28px auto 14px!important;
}
.modern-trust-item,
.e-commerce-box,
.store-info-card,
.store-proof-grid>div,
.store-faq-grid details,
.catalog-toolbar{
    border:1px solid var(--border)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:var(--shadow-soft)!important;
}
.modern-trust-item i,
.store-info-card i,
.store-proof-grid i{
    background:var(--md-primary-soft)!important;
    color:var(--primary)!important;
}
#catalog{
    padding-bottom:40px!important;
}
#catalog h2.text-center{
    margin-top:0!important;
    margin-bottom:4px!important;
}
#catalog p.text-center{
    padding-bottom:10px!important;
}
.catalog-toolbar{
    border-radius:28px!important;
    padding:16px!important;
    margin-bottom:24px!important;
}
.catalog-search,.catalog-sort{
    background:#F3F8F5!important;
    border-color:#E1ECE5!important;
}
.catalog-search:focus-within,
input:focus, select:focus, textarea:focus{
    border-color:var(--primary)!important;
    box-shadow:0 0 0 4px rgba(47,93,80,.12)!important;
}
.category-pill{
    background:#fff!important;
    color:#345348!important;
    border-color:var(--border)!important;
}
.category-pill:hover,.category-pill.active{
    background:var(--md-primary-soft)!important;
    color:var(--primary)!important;
    border-color:#C8DDD2!important;
    box-shadow:0 4px 12px rgba(47,93,80,.08)!important;
}
.e-commerce-box:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 18px 44px rgba(31,64,55,.14)!important;
    border-color:#C7DDD2!important;
}
.e-commerce-box h2{
    color:var(--primary)!important;
}
.e-commerce-box a .btn-theme{
    background:#fff!important;
    color:var(--primary)!important;
    border-color:#C7DDD2!important;
    box-shadow:none!important;
}
.ribbon{
    background:var(--accent)!important;
}
.store-section{
    background:#fff!important;
}
.store-section:nth-of-type(even){
    background:var(--bg)!important;
}
.store-kicker{
    background:var(--md-primary-soft)!important;
    color:var(--primary)!important;
}
.store-process-card{
    background:linear-gradient(135deg,#2F5D50,#759B85)!important;
    box-shadow:var(--shadow-float)!important;
}
.store-steps div{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.25)!important;
}
.store-steps strong{
    color:#E8F4EC!important;
}
.whatsapp-floating{
    background:var(--primary)!important;
    box-shadow:0 12px 28px rgba(47,93,80,.28)!important;
}
footer{
    background:linear-gradient(180deg,#fff,var(--surface-alt))!important;
}

/* Material motion */
.modern-nav-items a,
.modern-icon-btn,
.category-pill,
.btn-theme,
.modern-hero-btn,
.modern-hero-link,
.e-commerce-box,
.cookie-btn{
    transition:background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

/* Cookies */
.cookie-consent{
    position:fixed;
    left:50%;
    bottom:22px;
    transform:translate(-50%, 26px);
    width:min(980px, calc(100% - 28px));
    z-index:3000;
    opacity:0;
    pointer-events:none;
    transition:opacity .32s ease, transform .32s ease;
}
.cookie-consent.is-visible{
    opacity:1;
    transform:translate(-50%, 0);
    pointer-events:auto;
}
.cookie-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(18px) saturate(160%);
    -webkit-backdrop-filter:blur(18px) saturate(160%);
    border:1px solid rgba(221,234,226,.96);
    border-radius:28px;
    box-shadow:0 24px 70px rgba(31,64,55,.18);
    padding:20px 22px;
}
.cookie-copy{
    display:flex;
    gap:14px;
    align-items:flex-start;
}
.cookie-copy i{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--md-primary-soft);
    color:var(--primary);
    font-size:1.1rem;
}
.cookie-copy h3{
    font-family:'Manrope','Inter',sans-serif!important;
    font-size:1.05rem!important;
    letter-spacing:0!important;
    margin:0 0 5px!important;
    color:var(--text-main)!important;
    font-weight:850!important;
}
.cookie-copy p{
    margin:0!important;
    font-size:.92rem!important;
    line-height:1.55!important;
    color:var(--text-muted)!important;
}
.cookie-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.cookie-btn{
    min-height:44px;
    border-radius:999px;
    border:1px solid var(--border);
    padding:0 18px;
    font-weight:800;
    cursor:pointer;
    background:#fff;
    color:var(--text-main);
}
.cookie-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(31,64,55,.10);
}
.cookie-btn.primary{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}
.cookie-btn.ghost{
    background:var(--surface-alt);
    color:var(--primary);
}
.cookie-panel{
    display:none;
    grid-column:1 / -1;
    border-top:1px solid var(--border);
    margin-top:4px;
    padding-top:14px;
}
.cookie-panel.is-open{
    display:block;
}
.cookie-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.cookie-option{
    background:#F7FAF8;
    border:1px solid var(--border);
    border-radius:18px;
    padding:14px;
}
.cookie-option strong{
    display:block;
    color:var(--text-main);
    font-size:.9rem;
    margin-bottom:5px;
}
.cookie-option span{
    display:block;
    color:var(--text-muted);
    font-size:.82rem;
    line-height:1.45;
}
.cookie-option input{
    width:auto!important;
    min-height:0!important;
    margin-right:6px!important;
    accent-color:var(--primary);
}
@media(max-width:760px){
    html{
        scroll-padding-top:150px;
    }
    .cookie-card{
        grid-template-columns:1fr;
        border-radius:24px;
        padding:18px;
    }
    .cookie-actions{
        justify-content:stretch;
    }
    .cookie-btn{
        flex:1 1 auto;
    }
    .cookie-options{
        grid-template-columns:1fr;
    }
    .modern-hero-slideshow{
        min-height:540px!important;
    }
}



/* ===== AJUSTES V6: paleta #354b40 + hero claro harmonizado ===== */
:root{
    --theme:#354b40!important;
    --theme-dark:#26392f!important;
    --theme-soft:#edf3ef!important;
    --theme-soft-2:#f7f8f4!important;
    --red-accent:#cc3c3d!important;
    --olive:#80846e!important;
    --gold:#988561!important;
    --black:#000000!important;
    --white:#ffffff!important;
    --bg:#f8faf6!important;
    --bg-color:#f8faf6!important;
    --surface:#ffffff!important;
    --surface-alt:#eef3ee!important;
    --surface-hover:#e4ebe4!important;
    --primary:var(--theme)!important;
    --primary-hover:var(--theme-dark)!important;
    --accent:var(--olive)!important;
    --accent-2:var(--gold)!important;
    --text-main:#17211c!important;
    --text-muted:#697369!important;
    --border:#dde5dc!important;
    --shadow-soft:0 8px 24px rgba(53,75,64,.08)!important;
    --shadow-float:0 22px 58px rgba(53,75,64,.14)!important;
    --shadow-modal:0 28px 80px rgba(0,0,0,.18)!important;
}
html{
    scroll-behavior:smooth!important;
    scroll-padding-top:128px!important;
}
body{
    background:
        radial-gradient(circle at 8% 0%, rgba(152,133,97,.13), transparent 30rem),
        radial-gradient(circle at 92% 12%, rgba(128,132,110,.12), transparent 28rem),
        linear-gradient(180deg,#fff 0%,var(--bg) 42%,#fff 100%)!important;
}
body,p,span,div,input,select,textarea,button,a,label{
    font-family:'Manrope','Inter',system-ui,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,.modern-hero-title{
    font-family:'Fraunces','Playfair Display',serif!important;
    letter-spacing:-.035em!important;
}
.bg-color-theme-new{
    background:linear-gradient(135deg,var(--theme),#26392f)!important;
}
.modern-topbar-message{
    font-weight:800!important;
}
.modern-header{
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    border-bottom:1px solid rgba(53,75,64,.10)!important;
    box-shadow:0 10px 30px rgba(53,75,64,.08)!important;
}
.modern-nav-items{
    gap:clamp(10px,1.45vw,22px)!important;
}
.modern-nav-items a{
    color:#2c3932!important;
    font-size:.78rem!important;
    font-weight:850!important;
    letter-spacing:.045em!important;
}
.modern-nav-items a[href="#whyus"],
.modern-nav-items a[href="#whatsapp-cta"]{
    display:inline-flex!important;
}
.modern-nav-items a:hover{
    color:var(--theme)!important;
}
.modern-nav-items a::after{
    background:var(--gold)!important;
}
.modern-icon-btn{
    background:var(--theme-soft)!important;
    color:var(--theme)!important;
    border-color:rgba(53,75,64,.08)!important;
}

.modern-icon-btn:hover{
    background:var(--theme)!important;
    color:#fff!important;
    border-color:var(--theme)!important;
    box-shadow:0 14px 34px rgba(53,75,64,.22)!important;
}
.modern-lang-pill.active,.modern-lang-pill:hover{
    color:var(--theme)!important;
}

/* Hero claro, leve e comercial */
.modern-hero-slideshow{
    background:linear-gradient(135deg,#fbfcfa 0%,#eef3ee 100%)!important;
    min-height:clamp(510px,70vh,720px)!important;
    isolation:isolate;
}
.modern-hero-slide{
    background-color:#fbfcfa!important;
    background-blend-mode:normal!important;
}
.modern-hero-slide::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:
        radial-gradient(circle at 18% 26%, rgba(152,133,97,.18), transparent 24rem),
        linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 40%, rgba(255,255,255,.45) 68%, rgba(255,255,255,.10) 100%),
        linear-gradient(0deg, rgba(248,250,246,.84) 0%, rgba(255,255,255,.08) 52%, rgba(255,255,255,.28) 100%)!important;
}
.modern-hero-slide::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:32%;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(0deg,var(--bg) 0%,rgba(248,250,246,0) 100%);
}
.modern-hero-slide>.modern-hero-content{
    position:relative!important;
    z-index:2!important;
}
.modern-hero-slideshow .modern-hero-content{
    padding-top:clamp(44px,7vw,100px)!important;
    padding-bottom:clamp(58px,7vw,108px)!important;
}
.modern-hero-slideshow .modern-hero-title{
    color:var(--theme)!important;
    text-shadow:none!important;
    max-width:780px!important;
}
.modern-hero-slideshow .modern-hero-desc{
    color:#4f5c54!important;
    text-shadow:none!important;
    font-weight:600!important;
}
.modern-hero-slideshow .modern-eyebrow{
    background:rgba(255,255,255,.82)!important;
    color:var(--theme)!important;
    border:1px solid rgba(53,75,64,.12)!important;
    box-shadow:0 8px 24px rgba(53,75,64,.08)!important;
}
.modern-hero-btn,.btn-theme,.e-commerce-box .add-item-button{
    background:var(--theme)!important;
    border-color:var(--theme)!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(53,75,64,.22)!important;
}
.modern-hero-btn:hover,.btn-theme:hover,.e-commerce-box .add-item-button:hover{
    background:var(--theme-dark)!important;
    box-shadow:0 18px 44px rgba(53,75,64,.28)!important;
}
.modern-hero-link{
    background:#fff!important;
    color:var(--theme)!important;
    border:1px solid rgba(53,75,64,.14)!important;
    box-shadow:0 10px 28px rgba(53,75,64,.09)!important;
}
.modern-hero-link:hover{
    border-color:var(--gold)!important;
    color:var(--gold)!important;
    transform:translateY(-2px);
}
.modern-hero-dots button{
    border-color:rgba(53,75,64,.36)!important;
    background:rgba(53,75,64,.18)!important;
}
.modern-hero-dots button.active{
    background:var(--theme)!important;
    border-color:var(--theme)!important;
}

/* Harmonia das seções */
.modern-trust-strip{
    margin:-26px auto 18px!important;
}
.modern-trust-item,.catalog-toolbar,.e-commerce-box,.store-info-card,.store-proof-grid>div,.store-faq-grid details{
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(53,75,64,.11)!important;
    box-shadow:var(--shadow-soft)!important;
}
.modern-trust-item i,.store-info-card i,.store-proof-grid i{
    background:var(--theme-soft)!important;
    color:var(--theme)!important;
}
.modern-trust-item strong,.store-proof-grid strong{
    color:var(--theme)!important;
}
.store-kicker,.product-category{
    background:var(--theme-soft)!important;
    color:var(--theme)!important;
}
.e-commerce-box h2{
    color:var(--theme)!important;
}
.ribbon{
    background:var(--red-accent)!important;
    color:#fff!important;
}
.category-pill{
    border-color:rgba(53,75,64,.14)!important;
    color:#354b40!important;
    background:#fff!important;
}
.category-pill:hover,.category-pill.active{
    background:var(--theme)!important;
    border-color:var(--theme)!important;
    color:#fff!important;
}
.catalog-search{
    background:var(--theme-soft-2)!important;
}
.catalog-search:focus-within{
    border-color:var(--theme)!important;
    box-shadow:0 0 0 4px rgba(53,75,64,.10)!important;
}
.catalog-sort{
    background-color:var(--theme-soft-2)!important;
    color:var(--theme)!important;
}
.store-section:nth-of-type(even){
    background:linear-gradient(180deg,var(--theme-soft-2),#fff)!important;
}
.store-process-card{
    background:
        radial-gradient(circle at top right, rgba(152,133,97,.22), transparent 20rem),
        linear-gradient(135deg,var(--theme) 0%,#26392f 100%)!important;
}
.store-steps strong{
    color:#d9ceb6!important;
}
.store-faq-grid summary{
    color:var(--theme)!important;
}
.modern-whatsapp-card{
    background:
        radial-gradient(circle at top right, rgba(152,133,97,.18), transparent 28rem),
        linear-gradient(135deg,#ffffff 0%,#f4f6f1 100%)!important;
    border-color:rgba(53,75,64,.12)!important;
}
.modern-whatsapp-main,.whatsapp-floating{
    background:var(--theme)!important;
    box-shadow:0 16px 38px rgba(53,75,64,.26)!important;
}
.modern-whatsapp-secondary{
    color:var(--theme)!important;
    border-color:rgba(53,75,64,.16)!important;
}
footer{
    background:linear-gradient(180deg,#fff,var(--theme-soft))!important;
}
.cookie-banner{
    border-color:rgba(53,75,64,.14)!important;
    box-shadow:0 24px 70px rgba(53,75,64,.18)!important;
}
.cookie-btn-primary,.cookie-toggle input:checked + span{
    background:var(--theme)!important;
}
.cookie-btn-outline{
    border-color:rgba(53,75,64,.16)!important;
    color:var(--theme)!important;
}
.cookie-preferences h3,.cookie-banner strong{
    color:var(--theme)!important;
}
@media(max-width:1120px){
    .modern-nav-items{
        gap:12px!important
    }
    .modern-nav-items a{
        font-size:.72rem!important;
    }
}
@media(max-width:900px){
    
    .modern-nav-items{
        padding-bottom:4px!important;        
    }
    .modern-nav-items a[href="#whatsapp-cta"]{
        display:inline-flex!important;
    }
    .modern-hero-slideshow{
        min-height:540px!important;
    }
}
@media(max-width:640px){
    .modern-hero-slide::before{
        background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 48%,rgba(255,255,255,.18) 100%)!important;
    }
    .modern-hero-slideshow .modern-hero-content{
        padding:42px 22px 82px!important;
    }
    .modern-trust-strip{
        margin:-18px auto 10px!important;
    }
}


/* ===== AJUSTES FINAIS: FAQ, footer informado e voltar ao topo ===== */
.store-faq .store-section-head p{
    max-width:720px;
    margin:0 auto;
    color:var(--text-muted)!important;
}
.store-faq-grid details{
    transition:var(--transition);
}
.store-faq-grid details[open]{
    border-color:rgba(53,75,64,.22)!important;
    box-shadow:0 16px 38px rgba(53,75,64,.10)!important;
}
.store-faq-grid summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
}
.store-faq-grid summary::-webkit-details-marker{
    display:none
}
.store-faq-grid summary::after{
    content:'\2b';
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--surface-alt);
    color:var(--primary);
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    font-size:.8rem;
    transition:var(--transition);
}
.store-faq-grid details[open] summary::after{
    content:'\f068';
    background:var(--primary);
    color:#fff;
}
.modern-footer{
    background:linear-gradient(180deg,#fff,var(--surface-alt))!important;
    border-top:1px solid var(--border)!important;
    padding:52px 0 18px!important;
    margin-top:0!important;
}
.modern-footer-inner{
    max-width:1180px!important;
    margin:0 auto!important;
}
.modern-footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:start!important;
}
.modern-footer-col{
    width:100%!important;
    max-width:100%!important;
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    box-shadow:var(--shadow-soft);
    padding:22px!important;
}
.modern-footer p{
    color:var(--text-muted)!important;
    line-height:1.65!important;
    margin:0!important;
}
.modern-footer .text-bold{
    color:var(--text-main)!important;
    font-weight:900!important;
    margin-top:4px!important;
}
.modern-footer .text-bold i{
    color:var(--primary)!important;
    margin-right:6px;
}
.modern-footer a p{
    transition:var(--transition);
}
.modern-footer a:hover p{
    color:var(--primary)!important;
    transform:translateX(3px);
}
.modern-social-row{
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
}
.modern-social-row a{
    display:inline-flex!important;
}
.modern-social-row .social-media-link{
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff!important;
    transition:var(--transition);
}
.modern-social-row .whatsapp-icon{
    background:#25d366!important
}
.modern-social-row .facebook-icon{
    background:#1877f2!important
}
.modern-social-row .instagram-icon{
    background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)!important
}
.modern-social-row .social-media-link:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.back-to-top-btn{
    position:fixed;
    right:22px;
    bottom:92px;
    z-index:1300;
    width:52px;
    height:52px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--primary);
    color:#fff;
    box-shadow:0 16px 36px rgba(53,75,64,.28);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    transition:var(--transition);
}
.back-to-top-btn.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.back-to-top-btn:hover{
    background:var(--primary-hover);
    transform:translateY(-3px);
}
@media(max-width:760px){
    .modern-footer-grid{
        grid-template-columns:1fr!important
    }
    .modern-footer{
        padding-top:38px!important
    }
    .modern-footer-col{
        border-radius:22px;
        padding:18px!important
    }
    .back-to-top-btn{
        right:16px;
        bottom:84px;
        width:48px;
        height:48px
    }
}

/* ===== FOOTER PREMIUM FLUIDO - aplicado da versão anterior ===== */
:root{
    --theme:#354b40!important;
    --theme-dark:#26392f!important;
    --theme-soft:#eef4f0!important;
    --theme-soft-2:#f8faf7!important;
    --gold:#988561!important;
    --text-main:#17211c!important;
    --text-muted:#687469!important;
    --border:#dce7df!important;
}
footer.premium-footer,
.premium-footer{
    background:
        radial-gradient(circle at 92% 100%, rgba(152,133,97,.12), transparent 28rem),
        linear-gradient(180deg,#fff 0%,#f4f7f2 100%)!important;
    border-top:1px solid var(--border)!important;
    margin:0!important;
    padding:70px 0 24px!important;
    position:relative!important;
    overflow:hidden!important;
}
.premium-footer:before{
    content:'';
    position:absolute;
    right:-14rem;
    bottom:-18rem;
    width:42rem;
    height:42rem;
    border-radius:50%;
    background:rgba(152,133,97,.10);
    pointer-events:none;
}
.premium-footer-inner{
    width:min(1388px,calc(100% - 48px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);
    gap:clamp(34px,6vw,82px);
    position:relative;
    z-index:1;
    align-items:start;
}
.premium-footer-brand img{
    max-height:72px!important;
    width:auto!important;
    margin:0 0 18px!important;
    object-fit:contain!important;
}
.premium-footer-brand p{
    max-width:380px!important;
    color:var(--text-muted)!important;
    line-height:1.75!important;
    font-size:.98rem!important;
    margin:0 0 22px!important;
}
.premium-footer-socials{
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
}
.premium-footer-socials a{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:var(--theme)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(53,75,64,.18)!important;
    transition:all .25s ease!important;
}
.premium-footer-socials a:hover{
    transform:translateY(-3px)!important;
    background:var(--gold)!important;
    color:#fff!important;
}
.premium-footer-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px!important;
}
.premium-footer-column{
    min-width:0!important;
}
.premium-footer-column h4{
    font-family:'Manrope','Inter',sans-serif!important;
    font-size:.86rem!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:var(--theme)!important;
    margin:0 0 15px!important;
    padding:0!important;
    font-weight:950!important;
    line-height:1.35!important;
}
.premium-footer-column h4 i{
    color:var(--gold)!important;
    margin-right:7px!important;
}
.premium-footer-column p,
.premium-footer-column a{
    color:var(--text-muted)!important;
    font-size:.92rem!important;
    line-height:1.7!important;
    margin:0 0 12px!important;
    padding:0!important;
}
.premium-footer-column strong{
    color:var(--text-main)!important;
}
.premium-footer-column a:hover{
    color:var(--theme)!important;
}
.premium-footer-bottom{
    width:min(1388px,calc(100% - 48px));
    margin:44px auto 0;
    padding-top:20px;
    border-top:1px solid rgba(53,75,64,.10);
    position:relative;
    z-index:1;
}
.premium-footer-bottom p{
    margin:0!important;
    padding:0!important;
    color:var(--text-muted)!important;
    font-size:.86rem!important;
    line-height:1.6!important;
}
@media(max-width:1180px){
    .premium-footer-inner{
        grid-template-columns:1fr!important;
    }
    .premium-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:820px){
    .premium-footer{
        padding-top:58px!important;
    }
    .premium-footer-inner,
    .premium-footer-bottom{
        width:calc(100% - 28px)!important;
    }
    .premium-footer-grid{
        grid-template-columns:1fr!important;
        gap:24px!important;
    }
}
@media(max-width:560px){
    .premium-footer{
        padding-top:48px!important;
        padding-bottom:22px!important;
    }
    .premium-footer-brand img{
        max-height:58px!important;
    }
    .premium-footer-bottom{
        text-align:left!important;
        margin-top:34px!important;
    }
}

/* ==========================================================================
   3. GALERIA E IMAGENS
   ========================================================================== */
.viewer, #custom-image-viewer {
    width: 100% !important;
    min-height: clamp(360px, 46vw, 560px) !important;
    aspect-ratio: 4/3 !important;
    border-radius: 24px !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 18px 44px rgba(53,75,64,.12) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    cursor: zoom-in !important;
}
.photo-album-details {
    padding: 18px 0 0 !important;
}
.photo-album-details p {
    font-weight: 900 !important;
    color: var(--theme) !important;
    margin: 0 0 12px !important;
}
#image-list {
    display: flex !important;
    gap: 12px !important;
    min-height: 98px !important;
    overflow-x: auto !important;
    padding: 5px 2px 12px !important;
}
.custom-image {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 2px solid transparent !important;
    box-shadow: 0 8px 18px rgba(53,75,64,.10) !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
}
.custom-image:hover, .custom-image.is-active {
    border-color: var(--gold) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   4. OPÇÕES E VARIAÇÕES
   ========================================================================== */
fieldset.product-toggle-group, #grupo-opcoes, #grupo-opcoes2, #grupo-grades, #grupo-tamanhos, #grupo-adicional1, #grupo-adicional2, #grupo-adicional3, #grupo-adicional4, #grupo-adicional5, #grupo-adicional6, #grupo-cores {
    border: 1px solid var(--border) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    margin: 0 0 16px !important;
    background: linear-gradient(180deg, #fff, #f8faf7) !important;
    text-align: center;
}
fieldset.product-toggle-group > p:first-child, fieldset[id^="grupo-"] > p:first-child {
    font-family: 'Manrope', 'Inter', sans-serif !important;
    color: var(--theme) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

/* Oculta as bolinhas padrão de qualquer input de rádio dentro da classe */
.botoes-selecionaveis input[type="radio"] {
    display: none;
}

/* Estiliza as labels para virarem botões inline */
.botoes-selecionaveis label {
    display: inline-block;

    /* DEFINIÇÃO DE TAMANHO PADRÃO */
    width: 150px;          /* Largura fixa para padronizar todos os botões */
    min-height: 85px;      /* Altura mínima para acomodar textos longos em mais de uma linha */
    vertical-align: top;   /* Garante que botões vizinhos fiquem alinhados pelo topo */

    /* QUEBRA E ALINHAMENTO DO TEXTO */
    white-space: normal;   /* Permite que o texto quebre linhas naturalmente */
    text-align: center;    /* Centraliza o texto (opcional, mude para left se preferir) */

    /* ESPAÇAMENTO E ESTILO VISUAL */
    padding: 14px;
    margin: 6px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #ffffff;
    color: #333333;
    cursor: pointer;
    font-size: 0.9em;
    box-sizing: border-box; /* Garante que o padding não aumente o tamanho final de 260px */
    transition: all 0.2s ease-in-out;
}

/* Efeito ao passar o mouse */
.botoes-selecionaveis label:hover {
    background-color: #f8f8f8;
    border-color: #cccccc;
}

/* Estilo do botão quando está selecionado */
.botoes-selecionaveis input[type="radio"]:checked + label {
    background-color: #112219;
    color: #ffffff;
    border-color: #112219;
    font-weight: bold;
}

/* (Opcional) Ajusta textos cinzas dentro do botão quando selecionado */
.botoes-selecionaveis input[type="radio"]:checked + label .text-color-gray {
    color: #b0b0b0;
}

/* Oculta quebras de linha para garantir que fiquem lado a lado */
.botoes-selecionaveis br {
    display: none;
}

/* DESCRIÇÃO E FAQ */
.product-description-box {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 28px;
    margin-top: 32px;
    box-shadow: var(--shadow-soft);
}
.product-description-box pre {
    font-family: 'Manrope', 'Inter', sans-serif !important;
    color: var(--muted);
    line-height: 1.75;
    font-size: 1rem;
    white-space: pre-wrap;
    margin: 0;
}
.product-faq-section {
    padding: 72px 24px !important;
    background: linear-gradient(180deg, #fff, var(--theme-soft-2)) !important;
}
.product-faq-container {
    max-width: 1120px !important;
    margin: 0 auto !important;
}
.product-faq-head {
    text-align: center;
    margin: 0 auto 28px;
    max-width: 760px;
}
.product-faq-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--theme-soft);
    color: var(--theme);
    padding: 9px 16px;
    font-size: .78rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 14px;
}
.product-faq-head h2 {
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 1.04 !important;
    margin: 0 0 12px !important;
    color: var(--theme) !important;
}
.product-faq-head p {
    color: var(--muted) !important;
    font-size: 1.04rem !important;
    line-height: 1.75 !important;
}
.product-faq-list {
    display: grid;
    gap: 12px;
}
.product-faq-list details {
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    padding: 0 !important;
    box-shadow: 0 8px 22px rgba(53,75,64,.06) !important;
    overflow: hidden !important;
}
.product-faq-list summary {
    cursor: pointer;
    padding: 18px 22px !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 1rem;
    font-weight: 950;
    color: var(--theme);
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 18px;
}
.product-faq-list summary::-webkit-details-marker {
    display: none;
}
.product-faq-list summary:after {
    content: '+';
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--theme-soft);
    color: var(--theme);
    font-weight: 900;
}
.product-faq-list details[open] summary:after {
    content: '−';
    background: var(--theme);
    color: #fff;
}
.product-faq-list p {
    padding: 0 22px 20px !important;
    margin: 0 !important;
    color: var(--muted) !important;
    line-height: 1.75 !important;
    font-size: .98rem !important;
}

@media(max-width:560px){
    .modern-header {
        padding: 12px 14px !important;
    }
    .modern-brand img, .modern-navbar img {
        max-height: 44px !important;
    }
    .modern-icon-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }
    .product-title-modern {
        font-size: 2.22rem !important;
    }
    .product-short-desc {
        font-size: .98rem !important;
    }
    .viewer, #custom-image-viewer {
        min-height: 300px !important;
    }
    .custom-image {
        width: 74px !important;
        height: 74px !important;
        min-width: 74px !important;
    }
    .product-toggle-grid {
        grid-template-columns: 1fr !important;
    }
    .product-faq-section {
        padding: 52px 14px !important;
    }
    .premium-footer-grid {
        grid-template-columns: 1fr !important;
    }
    .modern-floating-actions {
        right: 14px !important;
        bottom: 14px !important;
    }
    .modern-floating-btn {
        width: 50px !important;
        height: 50px !important;
    }
    
    .botoes-selecionaveis label {
        display: block;

        /* DEFINIÇÃO DE TAMANHO PADRÃO */
        width: 100%;          /* Largura fixa para padronizar todos os botões */
        min-height: 5px;      /* Altura mínima para acomodar textos longos em mais de uma linha */
        
    }
}

