/* Ficha Govee V3 — scoped, overrides Bagisto/Tailwind shop theme */

.govee-body-v3 {
    --govee-bg: #07111F;
    --govee-card: #0C1728;
    --govee-card-2: #101D33;
    --govee-border: #1B2A44;
    --govee-text: #F5F7FB;
    --govee-muted: #A9B4C7;
    --govee-cyan: #18C8FF;
    --govee-violet: #7A5CFF;
    background: #07111F !important;
    color: #F5F7FB !important;
    font-family: Poppins, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    margin: 3.5rem 0;
    width: 100%;
}

.govee-product-page .govee-body-v3 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.govee-section-anchor {
    scroll-margin-top: 72px;
}

@media (max-width: 767px) {
    .govee-section-anchor {
        scroll-margin-top: 64px;
    }
}

.govee-body-v3 *,
.govee-body-v3 *::before,
.govee-body-v3 *::after {
    box-sizing: border-box;
}

.govee-body-v3__inner {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 1.25rem;
}

@media (min-width: 768px) {
    .govee-body-v3__inner {
        padding: 0 2.5rem;
    }
}

@media (min-width: 1180px) {
    .govee-body-v3__inner {
        padding: 0 3.75rem;
    }
}

/* Typography */
.govee-body-v3 h1,
.govee-body-v3 h2,
.govee-body-v3 h3,
.govee-body-v3 h4,
.govee-body-v3 h5,
.govee-body-v3 h6,
.govee-body-v3__title,
.govee-body-v3__section-title,
.govee-body-v3__feature-title,
.govee-body-v3__media-card-title,
.govee-body-v3__faq-q,
.govee-body-v3__delivery-label {
    color: #F5F7FB !important;
}

.govee-body-v3 p,
.govee-body-v3__subtitle,
.govee-body-v3__section-subtitle,
.govee-body-v3__body-text,
.govee-body-v3__card-value,
.govee-body-v3__feature-text,
.govee-body-v3__media-card-text,
.govee-body-v3__faq-a,
.govee-body-v3__delivery-value {
    color: #A9B4C7;
}

.govee-body-v3 a:not(.govee-body-v3__btn) {
    color: #18C8FF !important;
}

.govee-body-v3__eyebrow {
    background: linear-gradient(90deg, var(--govee-cyan), var(--govee-violet));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
}

.govee-body-v3__title {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0;
}

.govee-body-v3__subtitle {
    color: #A9B4C7 !important;
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    margin: 0.75rem 0 0;
    max-width: 42rem;
}

.govee-body-v3__body-text {
    color: #A9B4C7 !important;
    font-size: 0.975rem;
    line-height: 1.65;
    margin: 0;
    max-width: none;
}

.govee-body-v3__section-title {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 1rem;
}

.govee-body-v3__section-subtitle {
    color: #A9B4C7 !important;
    font-size: 0.95rem;
    margin: -0.35rem 0 1.25rem;
    max-width: 52rem;
}

/* Blocks spacing */
.govee-body-v3__block {
    margin-top: 2.5rem;
}

.govee-body-v3__block:first-child {
    margin-top: 0;
}

/* Picture / responsive images */
.govee-body-v3__picture {
    display: block;
    line-height: 0;
    width: 100%;
}

.govee-body-v3__picture img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.govee-body-v3__media {
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
}

.govee-body-v3__media img,
.govee-body-v3__media video,
.govee-body-v3__media iframe {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.govee-body-v3__media--image img {
    object-fit: contain;
}

/* Hero */
.govee-body-v3__hero {
    background: linear-gradient(135deg, #0a1628 0%, #0c1728 45%, #121f38 100%) !important;
    border: 1px solid #1B2A44;
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 0;
}

.govee-body-v3__hero--full {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.govee-body-v3__hero-content {
    order: 1;
    padding: 1.75rem 1.5rem 1rem;
    position: relative;
    z-index: 2;
}

.govee-body-v3__hero-media {
    order: 2;
    position: relative;
    width: 100%;
}

.govee-body-v3__hero-media .govee-body-v3__media {
    border-radius: 0;
}

.govee-body-v3__hero-media .govee-body-v3__media--image img {
    object-fit: contain;
}

.govee-body-v3__hero-scrim {
    background: linear-gradient(180deg, transparent 40%, rgba(7, 17, 31, 0.55) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

/* Full-width media overlay (hero_full + full_width_media) */
.govee-body-v3__full-overlay {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow: hidden;
    padding: 0;
}

.govee-body-v3__full-overlay .govee-body-v3__hero-media,
.govee-body-v3__full-overlay .govee-body-v3__full-width-media {
    grid-column: 1;
    grid-row: 1;
    order: unset;
    position: relative;
    width: 100%;
}

.govee-body-v3__full-overlay .govee-body-v3__hero-content,
.govee-body-v3__full-overlay .govee-body-v3__full-overlay-content {
    align-items: center;
    align-self: end;
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-end;
    justify-self: stretch;
    order: unset;
    padding: 1.25rem 1.125rem 1.5rem;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.govee-body-v3__full-overlay-content {
    margin-inline: auto;
    width: min(90%, 900px);
}

.govee-body-v3__full-overlay-title,
.govee-body-v3__full-overlay-content .govee-body-v3__title,
.govee-body-v3__full-overlay-content .govee-body-v3__section-title {
    margin-inline: auto;
    text-align: center;
    width: 100%;
}

.govee-body-v3__full-overlay-text,
.govee-body-v3__full-overlay-content .govee-body-v3__subtitle,
.govee-body-v3__full-overlay-content .govee-body-v3__section-subtitle,
.govee-body-v3__full-overlay-content .govee-body-v3__rich-text {
    margin-inline: auto;
    max-width: min(90%, 48rem);
    text-align: center;
    width: 100%;
}

.govee-body-v3__full-overlay-content .govee-body-v3__rich-text p,
.govee-body-v3__full-overlay-content .govee-body-v3__rich-text ul,
.govee-body-v3__full-overlay-content .govee-body-v3__rich-text ol {
    margin-inline: auto;
    text-align: center;
}

.govee-body-v3__full-overlay-content .govee-body-v3__rich-text p + p {
    margin-top: 0.75rem;
}

.govee-body-v3__full-overlay-actions,
.govee-body-v3__full-overlay-content .govee-body-v3__badges {
    align-items: center;
    justify-content: center;
}

.govee-body-v3__full-width-scrim,
.govee-body-v3__full-overlay .govee-body-v3__hero-scrim {
    background: linear-gradient(180deg, transparent 40%, rgba(7, 17, 31, 0.55) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.govee-body-v3__full-overlay .govee-body-v3__full-width-media .govee-body-v3__media {
    border-radius: 0;
}

.govee-body-v3__full-overlay .govee-body-v3__full-width-media .govee-body-v3__media--image img,
.govee-body-v3__full-overlay .govee-body-v3__hero-media .govee-body-v3__media--image img {
    object-fit: contain;
}

@media (min-width: 768px) {
    .govee-body-v3__full-overlay .govee-body-v3__hero-content,
    .govee-body-v3__full-overlay .govee-body-v3__full-overlay-content {
        padding: 2rem 2.5rem 2.5rem;
    }

    .govee-body-v3__full-width-scrim,
    .govee-body-v3__full-overlay .govee-body-v3__hero-scrim {
        background: linear-gradient(180deg, transparent 25%, rgba(7, 17, 31, 0.72) 85%);
    }
}

@media (min-width: 900px) {
    .govee-body-v3__hero--full:not(.govee-body-v3__hero--overlay) {
        align-items: center;
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr 1.1fr;
        padding: 2rem 2.25rem;
    }

    .govee-body-v3__hero--full:not(.govee-body-v3__hero--overlay) .govee-body-v3__hero-content {
        order: unset;
        padding: 0;
    }

    .govee-body-v3__hero--full:not(.govee-body-v3__hero--overlay) .govee-body-v3__hero-media {
        order: unset;
    }

    .govee-body-v3__hero--full:not(.govee-body-v3__hero--overlay) .govee-body-v3__media {
        border-radius: 1rem;
    }
}

.govee-body-v3__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.govee-body-v3__badge {
    background: linear-gradient(90deg, rgba(24, 200, 255, 0.15), rgba(122, 92, 255, 0.2)) !important;
    border: 1px solid rgba(24, 200, 255, 0.35);
    border-radius: 999px;
    color: #F5F7FB !important;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.85rem;
}

/* Full width media (non-overlay) */
.govee-body-v3__full-width:not(.govee-body-v3__full-overlay) .govee-body-v3__media {
    border-radius: 1.25rem;
}

.govee-body-v3__full-width:not(.govee-body-v3__full-overlay) .govee-body-v3__media--image img {
    height: auto;
    object-fit: contain;
    width: 100%;
}

.govee-body-v3__full-width--overlay {
    border-radius: 1.25rem;
}

/* Image + text */
.govee-body-v3__image-text {
    align-items: center;
    display: grid;
    gap: 1.75rem;
    grid-template-columns: 1fr;
}

.govee-body-v3__image-text-media .govee-body-v3__media--image img {
    height: auto;
    object-fit: contain;
}

.govee-body-v3__image-text-copy {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: center;
}

@media (min-width: 900px) {
    .govee-body-v3__image-text {
        grid-template-columns: 1fr 1fr;
    }

    .govee-body-v3__image-text--right .govee-body-v3__image-text-media {
        order: 2;
    }

    .govee-body-v3__image-text--right .govee-body-v3__image-text-copy {
        order: 1;
    }
}

/* Video block */
.govee-body-v3__video-block .govee-body-v3__media--video {
    background: #050b14 !important;
    border-radius: 1.25rem;
    margin-top: 0.25rem;
    max-width: 100%;
}

.govee-body-v3__media--video {
    aspect-ratio: 16 / 9;
    background: #050b14 !important;
}

.govee-body-v3__media--video iframe,
.govee-body-v3__media--video video {
    background: #050b14;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.govee-body-v3__media--link {
    background: #0C1728 !important;
    padding: 1.5rem;
    text-align: center;
}

.govee-body-v3__btn {
    background: linear-gradient(90deg, #18C8FF, #7A5CFF) !important;
    border-radius: 999px;
    color: #07111F !important;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.65rem 1.35rem;
    text-decoration: none !important;
}

/* Feature grid */
.govee-body-v3__feature-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.govee-body-v3__feature-grid--2 {
    grid-template-columns: 1fr;
}

.govee-body-v3__feature-grid--3,
.govee-body-v3__feature-grid--4,
.govee-body-v3__feature-grid--5 {
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .govee-body-v3__feature-grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .govee-body-v3__feature-grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .govee-body-v3__feature-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .govee-body-v3__feature-grid--5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .govee-body-v3__feature-grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .govee-body-v3__feature-grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
}

.govee-body-v3__feature-item {
    background: #101D33 !important;
    border: 1px solid #1B2A44 !important;
    border-radius: 1rem;
    padding: 1.15rem 1.25rem;
}

.govee-body-v3__feature-icon {
    color: #18C8FF !important;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.govee-body-v3__feature-accent {
    background: linear-gradient(90deg, #18C8FF, #7A5CFF);
    border-radius: 2px;
    height: 3px;
    margin-bottom: 0.65rem;
    width: 2rem;
}

.govee-body-v3__feature-title {
    font-size: 0.975rem;
    font-weight: 700;
    margin: 0 0 0.3rem;
}

.govee-body-v3__feature-text {
    color: #A9B4C7 !important;
    font-size: 0.875rem;
    margin: 0;
}

.govee-body-v3__rich-text p {
    margin: 0 0 0.75rem;
}

.govee-body-v3__rich-text p:last-child {
    margin-bottom: 0;
}

.govee-body-v3__rich-text a {
    color: #18C8FF !important;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.govee-body-v3__rich-text ul,
.govee-body-v3__rich-text ol {
    margin: 0 0 0.75rem 1.1rem;
    padding: 0;
}

.govee-body-v3__rich-text li {
    margin-bottom: 0.35rem;
}

.govee-body-v3__rich-text code {
    background: rgba(24, 200, 255, 0.08);
    border-radius: 0.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.9em;
    padding: 0.1rem 0.35rem;
}

/* Media grid */
.govee-body-v3__media-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

.govee-body-v3__media-grid--spans {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.govee-body-v3__media-grid--spans .govee-body-v3__media-grid-item {
    grid-column: span 12;
}

@media (min-width: 640px) {
    .govee-body-v3__media-grid--spans .govee-grid-item--full {
        grid-column: span 12;
    }

    .govee-body-v3__media-grid--spans .govee-grid-item--half {
        grid-column: span 6;
    }

    .govee-body-v3__media-grid--spans .govee-grid-item--third {
        grid-column: span 4;
    }
}

.govee-body-v3__media-grid--1 {
    grid-template-columns: 1fr;
}

.govee-body-v3__media-grid--2 {
    grid-template-columns: 1fr;
}

.govee-body-v3__media-grid--3 {
    grid-template-columns: 1fr;
}

.govee-body-v3__media-grid--4,
.govee-body-v3__media-grid--many {
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .govee-body-v3__media-grid--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .govee-body-v3__media-grid--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .govee-body-v3__media-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .govee-body-v3__media-grid--many {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .govee-body-v3__media-grid--many {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.govee-body-v3__media-grid-item {
    border-radius: 1rem;
    overflow: hidden;
}

.govee-body-v3__media-grid-media {
    position: relative;
}

.govee-body-v3__media-grid-media .govee-body-v3__media {
    border-radius: 1rem;
}

.govee-body-v3__media-grid-media .govee-body-v3__media--image img {
    height: auto;
    object-fit: contain;
    width: 100%;
}

.govee-body-v3__media-grid-item--overlay .govee-body-v3__media-grid-caption {
    background: linear-gradient(180deg, transparent 0%, rgba(7, 17, 31, 0.88) 72%);
    bottom: 0;
    left: 0;
    padding: 2.5rem 1.1rem 1.1rem;
    position: absolute;
    right: 0;
    z-index: 1;
}

.govee-body-v3__media-grid-item--caption:not(.govee-body-v3__media-grid-item--overlay) .govee-body-v3__media-grid-caption {
    background: #101D33;
    border: 1px solid #1B2A44;
    border-radius: 0 0 1rem 1rem;
    border-top: none;
    padding: 0.85rem 1rem 1rem;
}

.govee-body-v3__media-card-title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.govee-body-v3__media-card-text {
    color: #A9B4C7 !important;
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
}

/* Specs section — dark premium table, full-bleed sin 100vw.
 * Rompe .govee-body-v3__inner usando 100cqw del contenedor .govee-product-page
 * (ancho de layout = clientWidth, NO incluye scrollbar). Fallback: 100% del padre. */
.govee-body-v3__specs-section {
    background: #000 !important;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding: 3.5rem clamp(1.25rem, 4vw, 5rem);
    width: 100%;
}

@supports (width: 1cqw) {
    .govee-body-v3__specs-section {
        margin-left: calc(50% - 50cqw);
        margin-right: calc(50% - 50cqw);
        max-width: 100cqw;
        width: 100cqw;
    }
}

.govee-body-v3__specs-title {
    color: #fff !important;
    font-size: clamp(1.75rem, 4vw, 2.625rem);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0 0 2rem;
    max-width: 1620px;
}

.govee-body-v3__specs-wrap {
    max-width: 1620px;
    overflow-x: hidden;
    width: 100%;
}

.govee-body-v3__specs-list {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.govee-body-v3__specs-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    display: grid;
    gap: 0.35rem 2rem;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    padding: 0.85rem 0;
}

.govee-body-v3__specs-label,
.govee-body-v3__specs-value {
    margin: 0;
}

.govee-body-v3__specs-label {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
}

.govee-body-v3__specs-value {
    color: #fff !important;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.45;
}

@media (max-width: 639px) {
    .govee-body-v3__specs-section {
        padding: 2.5rem 1.25rem;
    }

    .govee-body-v3__specs-row {
        gap: 0.25rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .govee-body-v3__specs-label {
        font-size: 0.82rem;
    }

    .govee-body-v3__specs-value {
        font-size: 0.92rem;
        padding-bottom: 0.15rem;
    }
}

/* Legacy specs table (fallback attributes) */
.govee-body-v3__specs-table {
    background: transparent !important;
    border-collapse: collapse;
    width: 100%;
}

.govee-body-v3__specs-table tr {
    border-bottom: 1px solid #1B2A44;
}

.govee-body-v3__specs-table th,
.govee-body-v3__specs-table td {
    background: transparent !important;
    font-size: 0.9rem;
    padding: 0.75rem 0;
    text-align: left;
    vertical-align: top;
}

.govee-body-v3__specs-table th {
    color: #A9B4C7 !important;
    font-weight: 600;
    padding-right: 1.5rem;
    width: 38%;
}

.govee-body-v3__specs-table td {
    color: #F5F7FB !important;
}

@media (max-width: 639px) {
    .govee-body-v3__specs-table,
    .govee-body-v3__specs-table tbody,
    .govee-body-v3__specs-table tr,
    .govee-body-v3__specs-table th,
    .govee-body-v3__specs-table td {
        display: block;
        width: 100%;
    }

    .govee-body-v3__specs-table tr {
        background: #101D33 !important;
        border: 1px solid #1B2A44;
        border-radius: 0.75rem;
        margin-bottom: 0.65rem;
        padding: 0.75rem 1rem;
    }

    .govee-body-v3__specs-table th {
        color: #18C8FF !important;
        font-size: 0.75rem;
        letter-spacing: 0.04em;
        margin-bottom: 0.25rem;
        padding: 0;
        text-transform: uppercase;
        width: 100%;
    }

    .govee-body-v3__specs-table td {
        padding: 0;
    }
}

/* FAQ */
.govee-body-v3__faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.govee-body-v3__faq-item {
    background: #101D33 !important;
    border: 1px solid #1B2A44 !important;
    border-radius: 1rem;
    padding: 1.15rem 1.25rem;
}

.govee-body-v3__faq-q {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 0.5rem;
}

.govee-body-v3__faq-a {
    color: #A9B4C7 !important;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

/* Fallback layout (unchanged structure) */
.govee-body-v3__quick-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .govee-body-v3__quick-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .govee-body-v3__quick-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.govee-body-v3__card,
.govee-body-v3__panel {
    background: #0C1728 !important;
    border: 1px solid #1B2A44 !important;
    border-radius: 1rem;
    padding: 1.25rem 1.35rem;
}

.govee-body-v3__panel {
    border-radius: 1.25rem;
    padding: 1.5rem 1.75rem;
}

.govee-body-v3__card-label {
    color: #A9B4C7 !important;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 0 0 0.4rem;
    text-transform: uppercase;
}

.govee-body-v3__card-value {
    color: #F5F7FB !important;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.govee-body-v3__stack {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 1.5rem;
}

.govee-body-v3__two-col {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .govee-body-v3__two-col {
        grid-template-columns: repeat(2, 1fr);
    }
}

.govee-body-v3__panel--wide {
    grid-column: 1 / -1;
}

.govee-body-v3__prose {
    color: #A9B4C7 !important;
    font-size: 0.925rem;
}

.govee-body-v3__prose p,
.govee-body-v3__prose li,
.govee-body-v3__prose span,
.govee-body-v3__prose td,
.govee-body-v3__prose th {
    color: #A9B4C7 !important;
}

.govee-body-v3__prose h1,
.govee-body-v3__prose h2,
.govee-body-v3__prose h3,
.govee-body-v3__prose h4,
.govee-body-v3__prose h5,
.govee-body-v3__prose h6,
.govee-body-v3__prose strong {
    color: #F5F7FB !important;
    font-weight: 700;
    margin: 1rem 0 0.5rem;
}

.govee-body-v3__prose ul {
    list-style: disc;
    margin: 0.5rem 0;
    padding-left: 1.25rem;
}

.govee-body-v3__prose li {
    margin-bottom: 0.35rem;
}

.govee-body-v3__prose table {
    background: transparent !important;
    border-collapse: collapse;
    width: 100%;
}

.govee-body-v3__prose td,
.govee-body-v3__prose th {
    background: transparent !important;
    border-bottom: 1px solid #1B2A44 !important;
    color: #A9B4C7 !important;
    padding: 0.5rem 0.75rem 0.5rem 0;
    text-align: left;
}

.govee-body-v3__prose a {
    color: #18C8FF !important;
}

.govee-body-v3__delivery-block + .govee-body-v3__delivery-block {
    border-top: 1px solid #1B2A44;
    margin-top: 1rem;
    padding-top: 1rem;
}

.govee-body-v3__delivery-label {
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.govee-body-v3__delivery-value {
    color: #A9B4C7 !important;
    font-size: 0.9rem;
    margin: 0;
}

/* Image compare — before/after interactive slider */
.govee-image-compare {
    margin: 3rem auto;
    max-width: 1440px;
    width: 100%;
}

.govee-image-compare__header {
    margin: 0 auto 1.5rem;
    max-width: 960px;
    text-align: center;
}

.govee-image-compare__title,
.govee-image-compare__subtitle {
    margin-inline: auto;
}

.govee-image-compare__stage {
    border-radius: 16px;
    margin-inline: auto;
    max-width: 1440px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.govee-image-compare:not(.govee-image-compare--interactive) .govee-image-compare__stage {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.govee-image-compare:not(.govee-image-compare--interactive) .govee-image-compare__after-clip,
.govee-image-compare:not(.govee-image-compare--interactive) .govee-image-compare__range,
.govee-image-compare:not(.govee-image-compare--interactive) .govee-image-compare__divider {
    display: none;
}

.govee-image-compare--interactive .govee-image-compare__stage {
    aspect-ratio: var(--compare-aspect-ratio, 16 / 9);
    background: #0C1728;
    touch-action: pan-y;
}

.govee-image-compare--interactive .govee-image-compare__before,
.govee-image-compare--interactive .govee-image-compare__after-clip {
    inset: 0;
    position: absolute;
}

.govee-image-compare--interactive .govee-image-compare__after-clip {
    clip-path: inset(0 0 0 calc(var(--compare-position, 50) * 1%));
    z-index: 2;
}

.govee-image-compare__before,
.govee-image-compare__after {
    height: 100%;
    width: 100%;
}

.govee-image-compare__picture,
.govee-image-compare__picture img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.govee-image-compare__range {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: ew-resize;
    height: 100%;
    inset: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.govee-image-compare__range:focus-visible + .govee-image-compare__divider .govee-image-compare__handle {
    box-shadow: 0 0 0 3px rgba(24, 200, 255, 0.45);
    outline: none;
}

.govee-image-compare__divider {
    bottom: 0;
    left: calc(var(--compare-position, 50) * 1%);
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
    z-index: 3;
}

.govee-image-compare--interactive .govee-image-compare__divider {
    background: linear-gradient(180deg, rgba(245, 247, 251, 0.15) 0%, rgba(245, 247, 251, 0.85) 50%, rgba(245, 247, 251, 0.15) 100%);
}

.govee-image-compare__handle {
    background: radial-gradient(circle at 35% 35%, #F5F7FB 0%, #D7DEEA 55%, #A9B4C7 100%);
    border: 2px solid rgba(7, 17, 31, 0.65);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    display: block;
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
}

.govee-image-compare__handle::before,
.govee-image-compare__handle::after {
    background: #07111F;
    border-radius: 1px;
    content: "";
    height: 10px;
    opacity: 0.55;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}

.govee-image-compare__handle::before {
    left: 14px;
}

.govee-image-compare__handle::after {
    right: 14px;
}

@media (max-width: 767px) {
    .govee-image-compare {
        margin: 2rem auto;
    }

    .govee-image-compare__header {
        margin-bottom: 1rem;
        padding-inline: 0.25rem;
    }

    .govee-image-compare__stage {
        border-radius: 12px;
    }

    .govee-image-compare__handle {
        height: 48px;
        width: 48px;
    }
}

/* Double selling points */
.govee-double-sp {
    background: linear-gradient(180deg, #07111F 0%, #0B1A30 55%, #07111F 100%);
    border-radius: 20px;
    margin: 2.5rem auto;
    overflow: hidden;
    padding: 2.5rem 1.5rem;
}

.govee-double-sp__title {
    margin: 0 auto 1.75rem;
    max-width: 42rem;
    text-align: center;
}

.govee-double-sp__media {
    margin: 0 auto 2rem;
    max-width: 960px;
}

.govee-double-sp__columns {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 56rem;
}

.govee-double-sp__item {
    background: rgba(12, 23, 40, 0.72);
    border: 1px solid #1B2A44;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
}

.govee-double-sp__item-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.35rem;
}

.govee-double-sp__item-subtitle {
    color: #18C8FF;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.govee-double-sp__item-text {
    color: #A9B4C7;
    margin: 0;
    max-width: 28rem;
}

@media (max-width: 767px) {
    .govee-double-sp {
        border-radius: 16px;
        padding: 1.75rem 1rem;
    }

    .govee-double-sp__columns {
        grid-template-columns: 1fr;
    }
}

/* Video toggle */
.govee-video-toggle {
    margin: 2.5rem auto;
    max-width: 960px;
}

.govee-video-toggle__title {
    margin-bottom: 1.25rem;
    text-align: center;
}

.govee-video-toggle__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.govee-video-toggle__tab {
    background: #0C1728;
    border: 1px solid #1B2A44;
    border-radius: 999px;
    color: #F5F7FB;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
    padding: 0.55rem 1rem;
}

.govee-video-toggle__tab[aria-selected="true"] {
    background: linear-gradient(135deg, rgba(24, 200, 255, 0.18), rgba(122, 92, 255, 0.18));
    border-color: #18C8FF;
}

.govee-video-toggle__tab:focus-visible {
    outline: 2px solid #18C8FF;
    outline-offset: 2px;
}

.govee-video-toggle__panel-title {
    font-size: 1rem;
    margin: 0 0 0.75rem;
}

.govee-video-toggle__panel-text {
    color: #A9B4C7;
    margin-bottom: 1rem;
}

.govee-video-toggle__fallback {
    display: none;
}

.govee-video-toggle__fallback-item + .govee-video-toggle__fallback-item {
    margin-top: 2rem;
}

.govee-video-toggle:not(.govee-video-toggle--interactive) .govee-video-toggle__interactive {
    display: none;
}

.govee-video-toggle:not(.govee-video-toggle--interactive) .govee-video-toggle__fallback {
    display: block;
}

/* Scroll cutout */
.govee-scroll-cutout {
    margin: 2.5rem auto;
    overflow: hidden;
}

.govee-scroll-cutout__title {
    margin-bottom: 1.25rem;
    text-align: center;
}

.govee-scroll-cutout__stacked {
    display: none;
}

.govee-scroll-cutout__stage {
    min-height: 120vh;
    position: relative;
}

.govee-scroll-cutout__sticky {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    position: sticky;
    top: 5rem;
}

.govee-scroll-cutout__visual {
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

.govee-scroll-cutout__layer {
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.45s ease;
}

.govee-scroll-cutout__layer:first-child {
    opacity: 1;
}

.govee-scroll-cutout__picture,
.govee-scroll-cutout__picture img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.govee-scroll-cutout__copy {
    align-self: center;
}

.govee-scroll-cutout__scene {
    display: none;
    max-width: 28rem;
}

.govee-scroll-cutout__scene.is-active,
.govee-scroll-cutout__scene:first-child {
    display: block;
}

.govee-scroll-cutout__scene-title {
    font-size: 1.25rem;
    margin: 0 0 0.75rem;
}

.govee-scroll-cutout__scene-text {
    color: #A9B4C7;
}

.govee-scroll-cutout--stacked .govee-scroll-cutout__stage,
.govee-scroll-cutout:not(.govee-scroll-cutout--interactive) .govee-scroll-cutout__stage {
    display: none;
}

.govee-scroll-cutout--stacked .govee-scroll-cutout__stacked,
.govee-scroll-cutout:not(.govee-scroll-cutout--interactive) .govee-scroll-cutout__stacked {
    display: grid;
    gap: 1.5rem;
}

.govee-scroll-cutout__stacked-item {
    background: #0C1728;
    border: 1px solid #1B2A44;
    border-radius: 16px;
    overflow: hidden;
}

.govee-scroll-cutout__stacked-media img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.govee-scroll-cutout__stacked-item .govee-scroll-cutout__scene-title,
.govee-scroll-cutout__stacked-item .govee-scroll-cutout__scene-text {
    padding: 0 1.25rem;
}

.govee-scroll-cutout__stacked-item .govee-scroll-cutout__scene-title {
    padding-top: 1rem;
}

.govee-scroll-cutout__stacked-item .govee-scroll-cutout__scene-text {
    padding-bottom: 1.25rem;
}

@media (max-width: 767px) {
    .govee-scroll-cutout__sticky {
        grid-template-columns: 1fr;
        position: static;
    }

    .govee-scroll-cutout__stage {
        min-height: auto;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .govee-body-v3 *,
    .govee-body-v3 *::before,
    .govee-body-v3 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
