/* ============================================================
 * === LUMELAR P2 — PDP CUSTOM PILLOW TOP — CSS WARM SOPHISTICATED ===
 * Adicionado em: 2026-05-20 22:30:05
 *
 * Escopo: tudo dentro de .lume-pillow-pdp (escopo isolado)
 * Mobile-first: regras base = mobile. @media (min-width:769px) = desktop.
 *
 * Paleta hex oficial (do prompt master):
 *   Backgrounds:  #F3E8D9 cream | #F6ECDD ivory | #FFFFFF white | #E6DCCB divider
 *   Brass:        #B48A2C primary | #C39B34 light | #D1B15B highlight | #D8B24A stars
 *                 #8E6B1E dark | #A67C2C gradient
 *   Texto:        #1B1B1B primary | #232323 body | #5B4A3A brown | #6B5A49 muted
 *   Dark:         #111111 phone | #181818 footer | #222222 sticky | #F2F2F2 invert
 *   Acentos:      #3C9E57 pix | #2F8F4E success | #25D366 whatsapp
 *
 * Fontes: Cormorant Garamond (italic headlines) + Inter (UI/body/preços/CTAs)
 * ============================================================ */

/* ── Esconder template Flatsome/WC original do produto 358 (custom assume) ── */
body.postid-358 .product-page-title,
body.postid-358 .row-large.product-page > .product-images,
body.postid-358 .row-large.product-page > .product-info > .summary > *:not(form.variations_form),
body.postid-358 .woocommerce-tabs,
body.postid-358 .related,
body.postid-358 .upsells {
    display: none !important;
}

/* Manter variations_form do WC no DOM (necessário pro add-to-cart funcionar via JS) */
body.postid-358 form.variations_form {
    display: none !important;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

/* ════════════════════════════════════════════════════════════
 * RESET LOCAL — escopo .lume-pillow-pdp
 * ════════════════════════════════════════════════════════════ */
.lume-pillow-pdp {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #232323;
    line-height: 1.5;
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 80px; /* espaço pra sticky bar */
}

.lume-pillow-pdp *,
.lume-pillow-pdp *::before,
.lume-pillow-pdp *::after {
    box-sizing: border-box;
}

.lume-pillow-pdp em,
.lume-pillow-pdp i {
    font-family: 'Cormorant Garamond', 'Cormorant', 'Didot', Georgia, serif;
    font-style: italic;
    font-weight: 400;
}

.lume-pillow-pdp button,
.lume-pillow-pdp a {
    cursor: pointer;
    text-decoration: none;
}

.lpp {
    padding: 24px 16px;
    background: #FFFFFF;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 4 — HERO
 * ════════════════════════════════════════════════════════════ */
.lpp--hero {
    padding: 16px 16px 8px;
    background: #FFFFFF;
}

.lpp-hero__card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

.lpp-hero__photo-wrap {
    position: relative;
    background: #F6ECDD;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.lpp-hero__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lpp-hero__selo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 56px;
    height: 56px;
    z-index: 5;
}

.lpp-hero__selo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 5 — GALERIA THUMBNAILS
 * ════════════════════════════════════════════════════════════ */
.lpp--gallery {
    padding: 8px 16px 16px;
}

.lpp-gallery__row {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
}

.lpp-thumb {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    border: 1px solid #E6DCCB;
    overflow: hidden;
    padding: 0;
    background: #FFFFFF;
    transition: all .2s ease;
}

.lpp-thumb:hover {
    border-color: #B48A2C;
    transform: scale(1.05);
}

.lpp-thumb--active {
    border: 2px solid #B48A2C;
}

.lpp-thumb__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 6 — TÍTULO
 * ════════════════════════════════════════════════════════════ */
.lpp--title {
    padding: 20px 16px 12px;
}

.lpp-title__eyebrow {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #B48A2C;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.lpp-title__h1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: #1B1B1B !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: -0.3px;
}

.lpp-title__sub {
    font-size: 14px;
    font-weight: 400;
    color: #5B4A3A;
    margin: 0 0 12px 0;
}

.lpp-title__reviews {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.lpp-stars {
    color: #D8B24A;
    font-size: 14px;
    letter-spacing: 1px;
}

.lpp-title__reviews-link {
    font-size: 13px;
    font-weight: 500;
    color: #1B1B1B;
    text-decoration: underline;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 7 — PREÇO
 * ════════════════════════════════════════════════════════════ */
.lpp--price {
    padding: 12px 16px;
}

.lpp-price__card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid #E6DCCB;
}

.lpp-price__regular {
    font-size: 12px;
    color: #8E6B1E;
    margin-bottom: 4px;
}

.lpp-price__regular-val {
    text-decoration: line-through;
}

.lpp-price__main {
    font-size: 32px;
    font-weight: 700;
    color: #1B1B1B;
    line-height: 1;
    margin-bottom: 4px;
}

.lpp-price__installments {
    font-size: 13px;
    color: #5B4A3A;
    margin-top: 4px;
    margin-bottom: 6px;
}

.lpp-price__pix {
    font-size: 14px;
    font-weight: 700;
    color: #3C9E57;
    margin-top: 6px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lpp-pix-icon {
    color: #3C9E57;
    font-size: 12px;
}

.lpp-price__urgency {
    font-size: 11px;
    color: #8E6B1E;
    margin-top: 8px;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 8 — SELETOR DE TAMANHO
 * ════════════════════════════════════════════════════════════ */
.lpp--size {
    padding: 16px;
}

.lpp-size__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.lpp-size__label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #B48A2C;
    text-transform: uppercase;
}

.lpp-size__guide {
    font-size: 11px;
    font-style: italic;
    color: #8E6B1E;
}

.lpp-size__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.lpp-size__card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E6DCCB;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    transition: all .25s ease;
}

.lpp-size__card:hover {
    border-color: #B48A2C;
}

.lpp-size__card--active {
    border: 2px solid #B48A2C;
    background: rgba(180, 138, 44, 0.06);
}

.lpp-size__badge {
    position: absolute;
    top: -8px;
    right: 8px;
    background: #B48A2C;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 12px;
    text-transform: uppercase;
}

.lpp-size__icon {
    width: 24px;
    height: 24px;
    color: #B48A2C;
}

.lpp-size__name {
    font-size: 12px;
    font-weight: 600;
    color: #1B1B1B;
    text-transform: uppercase;
}

.lpp-size__dim {
    font-size: 10px;
    color: #5B4A3A;
}

.lpp-size__price {
    font-size: 13px;
    font-weight: 700;
    color: #1B1B1B;
    margin-top: 4px;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÕES 9-10 — CTAs
 * ════════════════════════════════════════════════════════════ */
.lpp--cta {
    padding: 4px 16px 16px;
}

.lpp-cta {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    border: none;
    transition: all .3s ease;
    font-family: 'Inter', sans-serif;
}

.lpp-cta--primary {
    background: linear-gradient(135deg, #8E6B1E 0%, #A67C2C 100%);
    color: #FFFFFF;
    padding: 16px 24px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 20px rgba(142, 107, 30, 0.25);
    margin-top: 16px;
}

.lpp-cta--primary:hover {
    background: linear-gradient(135deg, #A67C2C 0%, #B48A2C 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(180, 138, 44, 0.35);
}

.lpp-cta--pix {
    background: transparent;
    color: #3C9E57;
    border: 1.5px solid #3C9E57;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 10px;
}

.lpp-cta--pix:hover {
    background: #3C9E57;
    color: #FFFFFF;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 11 — BENEFÍCIOS
 * ════════════════════════════════════════════════════════════ */
.lpp--benefits {
    background: #F6ECDD;
    padding: 32px 16px;
}

.lpp-benefits__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.lpp-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.lpp-benefit__circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #B48A2C 0%, #C39B34 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lpp-benefit strong {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #1B1B1B;
    text-transform: uppercase;
}

.lpp-benefit span {
    font-size: 11px;
    color: #5B4A3A;
    line-height: 1.4;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 12 — SEGREDO DO CONFORTO
 * ════════════════════════════════════════════════════════════ */
.lpp--segredo {
    background: #FFFFFF;
    padding: 40px 16px;
    text-align: center;
}

.lpp-segredo__eyebrow {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #B48A2C;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.lpp-segredo__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    margin: 0 0 24px 0 !important;
}

.lpp-segredo__img {
    max-width: 600px;
    margin: 0 auto 16px;
}

.lpp-segredo__photo {
    width: 100%;
    border-radius: 12px;
    display: block;
}

.lpp-segredo__layers {
    list-style: decimal;
    padding-left: 24px;
    text-align: left;
    max-width: 480px;
    margin: 16px auto 0;
}

.lpp-segredo__layers li {
    font-size: 13px;
    color: #232323;
    margin-bottom: 6px;
    line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 13 — ANTES × DEPOIS
 * ════════════════════════════════════════════════════════════ */
.lpp--antesdep {
    background: #1B1B1B;
    padding: 32px 16px;
    text-align: center;
}

.lpp-antesdep__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #D1B15B !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 2px;
}

.lpp-antesdep__rule {
    display: block;
    width: 40px;
    height: 1px;
    background: #B48A2C;
    margin: 0 auto 20px;
}

.lpp-antesdep__img {
    margin-bottom: 16px;
}

.lpp-antesdep__photo {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    display: block;
}

.lpp-antesdep__chat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2A2A2A;
    border-radius: 16px;
    padding: 10px 16px;
    color: #F2F2F2;
    font-size: 12px;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 14 — DEPOIMENTOS
 * ════════════════════════════════════════════════════════════ */
.lpp--depoimentos {
    background: #F6ECDD;
    padding: 40px 16px;
    text-align: center;
}

.lpp-dep__eyebrow {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #B48A2C;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.lpp-dep__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    margin: 0 0 16px 0 !important;
}

.lpp-dep__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 24px;
}

.lpp-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #FFFFFF;
    border: 1px solid #E6DCCB;
    border-radius: 20px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #1B1B1B;
}

.lpp-dep__card {
    background: #FFFFFF;
    border: 1px solid #E6DCCB;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    margin-bottom: 12px;
    text-align: left;
}

.lpp-dep__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.lpp-dep__avatar {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #F6ECDD;
}

.lpp-dep__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lpp-dep__nome {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #1B1B1B;
}

.lpp-dep__cidade {
    display: block;
    font-size: 11px;
    color: #5B4A3A;
}

.lpp-dep__quote {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 14px;
    color: #232323;
    line-height: 1.6;
    margin: 8px 0 8px 0;
}

.lpp-dep__tag {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #B48A2C;
    text-transform: uppercase;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 15 — FAQ ACCORDION
 * ════════════════════════════════════════════════════════════ */
.lpp--faq {
    background: #FFFFFF;
    padding: 40px 16px;
}

.lpp-faq__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
}

.lpp-faq__card {
    background: #F6ECDD;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 8px;
}

.lpp-faq__q {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #1B1B1B;
}

.lpp-faq__q::-webkit-details-marker {
    display: none;
}

.lpp-faq__chev {
    transition: transform .25s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.lpp-faq__card[open] .lpp-faq__chev {
    transform: rotate(180deg);
}

.lpp-faq__a {
    font-size: 13px;
    color: #5B4A3A;
    line-height: 1.6;
    padding-top: 10px;
    margin: 0;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 16 — BUNDLE CROSS-SELL
 * ════════════════════════════════════════════════════════════ */
.lpp--bundle {
    background: #F6ECDD;
    padding: 32px 16px;
}

.lpp-bundle__card {
    background: #FFFFFF;
    border: 2px solid #B48A2C;
    border-radius: 12px;
    padding: 20px;
}

.lpp-bundle__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    text-align: center !important;
    margin: 0 0 16px 0 !important;
}

.lpp-bundle__row {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.lpp-bundle__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.lpp-bundle__img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    background: #F6ECDD;
    display: block;
}

.lpp-bundle__name {
    font-size: 12px;
    font-weight: 500;
    color: #1B1B1B;
    line-height: 1.3;
}

.lpp-bundle__price {
    font-size: 13px;
    font-weight: 700;
    color: #1B1B1B;
}

.lpp-bundle__plus {
    font-size: 24px;
    color: #B48A2C;
    font-weight: 300;
}

.lpp-bundle__totals {
    text-align: center;
    margin-bottom: 12px;
}

.lpp-bundle__total-old {
    display: block;
    text-decoration: line-through;
    color: #8E6B1E;
    font-size: 13px;
    margin-bottom: 4px;
}

.lpp-bundle__total-new {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #3C9E57;
}

.lpp-bundle__cta {
    margin-top: 12px;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 17 — GARANTIA
 * ════════════════════════════════════════════════════════════ */
.lpp--garantia {
    background: #FFFFFF;
    padding: 32px 16px;
}

.lpp-garantia__card {
    background: #F3E8D9;
    border: 1px solid #E6DCCB;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

.lpp-garantia__img {
    margin-bottom: 16px;
}

.lpp-garantia__photo {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.lpp-garantia__h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #1B1B1B !important;
    margin: 0 0 8px 0 !important;
}

.lpp-garantia__sub {
    font-size: 13px;
    color: #5B4A3A;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.lpp-garantia__seals {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 16px;
}

.lpp-seal {
    font-size: 11px;
    color: #5B4A3A;
    background: #FFFFFF;
    padding: 4px 10px;
    border-radius: 12px;
    border: 1px solid #E6DCCB;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 19 — STICKY BAR BOTTOM (mobile only)
 * ════════════════════════════════════════════════════════════ */
.lpp-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 64px;
    background: linear-gradient(180deg, #222222 0%, #1B1B1B 100%);
    border-top: 1px solid #B48A2C;
    display: flex;
    align-items: center;
    padding: 0;
}

.lpp-sticky__left {
    flex: 1;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lpp-sticky__price {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
}

.lpp-sticky__sub {
    font-size: 11px;
    color: #D1B15B;
    line-height: 1.2;
}

.lpp-sticky__cta {
    background: linear-gradient(135deg, #8E6B1E 0%, #A67C2C 100%);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 20px;
    margin-right: 8px;
    border: none;
    border-radius: 6px;
    transition: all .25s ease;
}

.lpp-sticky__cta:hover {
    background: linear-gradient(135deg, #A67C2C 0%, #B48A2C 100%);
}

.lpp-sticky--hidden {
    transform: translateY(100%);
    transition: transform .3s ease;
}

/* ════════════════════════════════════════════════════════════
 * SEÇÃO 20 — WHATSAPP FLUTUANTE
 * ════════════════════════════════════════════════════════════ */
.lpp-wa {
    position: fixed;
    bottom: 80px;
    right: 16px;
    z-index: 998;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
    transition: transform .25s ease;
}

.lpp-wa:hover {
    transform: scale(1.1);
}

/* ════════════════════════════════════════════════════════════
 * DESKTOP — min-width 769px
 * ════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .lume-pillow-pdp {
        max-width: 1100px;
        padding-bottom: 32px;
    }

    /* Layout 2-col: imagem esquerda / info direita */
    .lpp--hero,
    .lpp--gallery {
        max-width: 50%;
        float: left;
        clear: left;
    }

    .lpp--title,
    .lpp--price,
    .lpp--size,
    .lpp--cta {
        max-width: 50%;
        float: right;
        clear: right;
    }

    /* Sections largura total abaixo do hero/info */
    .lpp--benefits,
    .lpp--segredo,
    .lpp--antesdep,
    .lpp--depoimentos,
    .lpp--faq,
    .lpp--bundle,
    .lpp--garantia {
        clear: both;
    }

    /* Headlines maiores no desktop */
    .lpp-title__h1 { font-size: 36px !important; }
    .lpp-price__main { font-size: 40px; }
    .lpp-segredo__h2 { font-size: 36px !important; }
    .lpp-dep__h2 { font-size: 32px !important; }
    .lpp-faq__h2 { font-size: 32px !important; }
    .lpp-bundle__h2 { font-size: 28px !important; }
    .lpp-antesdep__h2 { font-size: 28px !important; }
    .lpp-garantia__h2 { font-size: 28px !important; }

    /* Benefits 4-col no desktop */
    .lpp-benefits__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
    }

    /* Sticky bar oculta no desktop */
    .lpp-sticky { display: none; }

    /* WhatsApp posição ajustada (sem sticky) */
    .lpp-wa { bottom: 32px; }
}

/* === FIM bloco P2 PDP Pillow Top === */

/* ============================================================
 * === P2-CDF-HIDE — Esconder template cdf-pdp herdado (PID 358) ===
 * O flatsome-child usa um template `single-product.php` que renderiza
 * .cdf-pdp__top com galeria/breadcrumb/info do Casa da Fé. Como meu
 * render via `the_content` já cobre tudo, escondo o .cdf-pdp__top inteiro.
 * ============================================================ */

body.postid-358 main#main.cdf-pdp > .cdf-pdp__top,
body.postid-358 .cdf-pdp__top,
body.postid-358 .cdf-pdp__top-wrap,
body.postid-358 .cdf-pdp__grid,
body.postid-358 .cdf-pdp__gallery,
body.postid-358 .product-thumbnails,
body.postid-358 .related,
body.postid-358 .upsells,
body.postid-358 .woocommerce-tabs,
body.postid-358 .woocommerce-breadcrumb {
    display: none !important;
}

/* Padding do main reset pra meu render começar logo abaixo do header */
body.postid-358 main#main.cdf-pdp,
body.postid-358 main#main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #FFFFFF !important;
}

/* === FIM P2-CDF-HIDE === */

/* P2-EXTRA-HIDE — esconder elementos legados ainda visíveis */
body.postid-358 h1.product_title,
body.postid-358 h1.product-title,
body.postid-358 .product_title,
body.postid-358 .cdf-accordion-section,
body.postid-358 .cdf-accordion,
body.postid-358 .cdf-acc,
body.postid-358 .product-page-title,
body.postid-358 .price_label,
body.postid-358 .row-large.product-page > *:not(.lume-pillow-pdp):not(.lume-pillow-pdp *),
body.postid-358 main#main > *:not(.lume-pillow-pdp):not(.lume-pillow-pdp *) {
    display: none !important;
}
/* exceção: o `<div class="entry-content cdf-pdp-content">` que envolve meu render */
body.postid-358 main#main > .entry-content,
body.postid-358 main#main > .cdf-pdp-content,
body.postid-358 main#main > article {
    display: block !important;
}
/* === FIM P2-EXTRA-HIDE === */

/* ============================================================
 * === P2-RESTORE — restaurar containers paid escondidos por engano ===
 * Override do regra anterior `body.postid-358 main#main > *:not(.lume-pillow-pdp)`
 * que escondeu .entry-content / article (containers necessários da .lume-pillow-pdp).
 * ============================================================ */

body.postid-358 main#main,
body.postid-358 main#main.cdf-pdp,
body.postid-358 main#main > .entry-content,
body.postid-358 main#main > article,
body.postid-358 main#main > article.product,
body.postid-358 main#main > div.cdf-pdp-content,
body.postid-358 main#main > .row-large,
body.postid-358 main#main > .row,
body.postid-358 main#main > div:has(.lume-pillow-pdp),
body.postid-358 article.product .entry-content,
body.postid-358 .product .entry-content,
body.postid-358 .product .summary {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
}

/* Garantir .lume-pillow-pdp sempre visível com prioridade máxima */
body.postid-358 .lume-pillow-pdp {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
}

/* Esconder explícito (positivos — sem :not agressivo) */
body.postid-358 .cdf-pdp__top,
body.postid-358 .cdf-pdp__grid,
body.postid-358 .cdf-pdp__top-wrap,
body.postid-358 .cdf-pdp__gallery,
body.postid-358 .product-thumbnails,
body.postid-358 h1.product_title,
body.postid-358 h1.product-title,
body.postid-358 .product_title,
body.postid-358 .product-page-title,
body.postid-358 .cdf-accordion-section,
body.postid-358 .cdf-accordion,
body.postid-358 .cdf-acc {
    display: none !important;
}

/* === FIM P2-RESTORE === */

/* ============================================================
 * === P2-FIX-ANCESTRY — restaurar ancestor chain da .lume-pillow-pdp ===
 * .lume-pillow-pdp renderiza DENTRO de .cdf-acc__content > .cdf-acc > .cdf-accordion-section
 * > .cdf-pdp__description > main#main.cdf-pdp. Preciso garantir TODOS ancestrais
 * fiquem display:block, mas esconder o accordion SUMMARY (cabeçalho "Descrição").
 * ============================================================ */

body.postid-358 main#main,
body.postid-358 main#main.cdf-pdp,
body.postid-358 .cdf-pdp__description,
body.postid-358 .cdf-accordion-section,
body.postid-358 .cdf-acc,
body.postid-358 details.cdf-acc,
body.postid-358 .cdf-acc__content {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
}

/* Forçar accordion ABERTO sempre (já que vai ficar sem summary) */
body.postid-358 details.cdf-acc {
    /* details com or sem [open] — sempre mostrar conteúdo */
}
body.postid-358 details.cdf-acc > .cdf-acc__content {
    display: block !important;
}

/* Esconder só o SUMMARY do accordion (cabeçalho "Descrição") */
body.postid-358 .cdf-acc__summary,
body.postid-358 summary.cdf-acc__summary {
    display: none !important;
}

/* === FIM P2-FIX-ANCESTRY === */

/* P2-REMOVE-PIX-CTA — esconder botão "Comprar agora pelo Pix" (Lucas pediu) */
body.postid-358 .lpp-cta--pix {
    display: none !important;
}

/* P2-HIDE-BUNDLE — esconder seção bundle (preço errado pro checkout) 
   TODO: criar produto WC "Kit Hotel" com preço fixo R$465,70 e re-habilitar */
body.postid-358 .lpp--bundle {
    display: none !important;
}

/* P2-DEDUP-WA — esconder .lpp-wa duplicado (já existe .lume-wa-float global do tema) */
body.postid-358 .lpp-wa,
body.postid-358 #lpp-wa {
    display: none !important;
}

/* P2-DEDUP-WA-V2 — esconder TAMBÉM o .lume-wa-float oficial no PID 358 */
body.postid-358 .lume-wa-float,
body.postid-358 a.lume-wa-float {
    display: none !important;
}

/* ============================================================
 * === P3 — DESIGN CRITIQUE FIXES (P0+P1+P2 batch CSS)         ===
 * ============================================================ */

/* P0.3 — Selo Padrão Hotelaria: 56→48px + mover top-right */
body.postid-358 .lpp-hero__selo {
    width: 48px !important;
    height: 48px !important;
    top: 12px !important;
    left: auto !important;
    right: 12px !important;
}

/* P1.5 — Antes×Depois: bg preto puro → dark warm */
body.postid-358 .lpp--antesdep {
    background: #2A2622 !important;
}

/* P2.10 — Eyebrow contrast: #B48A2C → #8E6B1E (AA pass) */
body.postid-358 .lpp-title__eyebrow,
body.postid-358 .lpp-segredo__eyebrow,
body.postid-358 .lpp-dep__eyebrow {
    color: #8E6B1E !important;
}

/* P2.11 — Tag "COMPRA VERIFICADA": 9px → 10px + letter-spacing relaxado */
body.postid-358 .lpp-dep__tag {
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
}

/* P2.13 — Avatares depoimentos: 48→56px */
body.postid-358 .lpp-dep__avatar {
    width: 56px !important;
    height: 56px !important;
}

/* P0.1 setup — estilos do novo seletor de cor (renderizado via PHP abaixo) */
body.postid-358 .lpp--color {
    padding: 4px 16px 12px;
}
body.postid-358 .lpp-color__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
body.postid-358 .lpp-color__label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #8E6B1E;
    text-transform: uppercase;
}
body.postid-358 .lpp-color__current {
    font-size: 12px;
    color: #5B4A3A;
}
body.postid-358 .lpp-color__swatches {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
body.postid-358 .lpp-color__swatch {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #E6DCCB;
    background: #FFFFFF;
    cursor: pointer;
    transition: all .25s ease;
    position: relative;
    padding: 0;
}
body.postid-358 .lpp-color__swatch:hover {
    transform: scale(1.1);
}
body.postid-358 .lpp-color__swatch[data-cor="branco"] { background: #FAFAF7; }
body.postid-358 .lpp-color__swatch[data-cor="cinza"]  { background: #B5B5B0; }
body.postid-358 .lpp-color__swatch[data-cor="preto"]  { background: #1F1B17; }
body.postid-358 .lpp-color__swatch[data-cor="marrom"] { background: #6A4F35; }
body.postid-358 .lpp-color__swatch--active {
    border: 2px solid #B48A2C;
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #B48A2C;
}

/* === FIM P3 batch CSS === */