.mobile-sticky-bar {
    display: none;
}

@media (max-width: 768px) {
    :root {
        --mobile-sticky-height: 4.35rem;
    }

    body.has-mobile-sticky-cta {
        padding-bottom: 0;
    }

    body.has-mobile-sticky-cta.mobile-sticky-active {
        padding-bottom: calc(var(--mobile-sticky-height, 0px) + env(safe-area-inset-bottom) + 0.5rem);
    }

    .mobile-sticky-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1200;
        display: block;
        padding: 0.4rem 0.62rem calc(0.4rem + env(safe-area-inset-bottom));
        background: rgba(247, 246, 243, 0.98);
        backdrop-filter: blur(16px);
        border-top: 1px solid rgba(40, 80, 63, 0.12);
        box-shadow: 0 -10px 30px rgba(17, 24, 39, 0.08);
        opacity: 0;
        transform: translateY(calc(100% + env(safe-area-inset-bottom)));
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.22s ease;
    }

    .mobile-sticky-bar.is-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .mobile-sticky-bar__inner {
        display: grid;
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.82fr);
        gap: 0.38rem;
        align-items: stretch;
    }

    .mobile-sticky-bar__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0.6rem 0.58rem;
        border-radius: 9px;
        font-size: 0.8rem;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        white-space: normal;
        line-height: 1.15;
    }

    .mobile-sticky-bar__link--primary {
        background: var(--primary-green, #28503F);
        color: #FFFFFF;
        box-shadow: 0 6px 16px rgba(40, 80, 63, 0.18);
    }

    .mobile-sticky-bar__link--secondary {
        background: #FFFFFF;
        color: var(--text-dark, #2F3634);
        border: 1px solid rgba(40, 80, 63, 0.12);
    }

    body.has-mobile-sticky-cta .whatsapp-float {
        display: none !important;
    }

    body.has-mobile-sticky-cta .scroll-to-top {
        display: none !important;
    }

    @container cq-shell (max-width: 340px) {
        .mobile-sticky-bar__inner.cq-meta {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.5rem;
        }

        .mobile-sticky-bar__link {
            min-height: 46px;
            padding: 0.68rem 0.62rem;
        }

        .mobile-sticky-bar__link--primary {
            grid-column: 1 / -1;
        }
    }

    @media (max-width: 340px) {
        :root {
            --mobile-sticky-height: 7.35rem;
        }
    }

    @container cq-shell (max-width: 320px) {
        .mobile-sticky-bar__inner.cq-meta {
            grid-template-columns: 1fr;
        }

        .mobile-sticky-bar__link {
            min-height: 44px;
            padding: 0.62rem;
            font-size: 0.8rem;
        }
    }

    @media (max-width: 320px) {
        :root {
            --mobile-sticky-height: 10.4rem;
        }
    }

    .page-home .eco-hero,
    .page-custom-quotes .eco-hero {
        min-height: auto;
        padding-top: 104px;
        padding-bottom: 2rem;
    }

    .page-home .eco-hero-content {
        max-width: 100%;
        text-align: left;
    }

    .page-home .eco-hero-badge {
        margin-bottom: 0.75rem;
        font-size: 0.78rem;
    }

    .page-home .eco-hero h1 br {
        display: none;
    }

    .page-home .eco-hero h1,
    .page-custom-quotes .eco-hero h1 {
        font-size: clamp(2rem, 10vw, 2.55rem);
        margin-bottom: 0.85rem;
    }

    .page-home .eco-hero-subtitle,
    .page-custom-quotes .eco-hero-subtitle {
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.55;
    }

    .page-home .home-hero-points {
        display: none !important;
    }

    .page-home .eco-hero-actions {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
        align-items: stretch;
    }

    .page-home .eco-hero-actions .eco-btn {
        width: 100%;
        justify-content: center;
    }

    .page-home .eco-hero-actions .eco-btn-secondary {
        min-height: auto;
        padding: 0.1rem 0;
        border: none;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        color: var(--primary-green, #28503F);
        text-decoration: underline;
        text-underline-offset: 0.16em;
    }

    .page-home .home-paths {
        padding-top: 0;
    }

    .page-home .home-paths .eco-section-header {
        margin-top: 0;
    }

    .page-home .home-paths-shell {
        padding: 1rem 1rem 1.15rem;
        border-radius: 20px;
    }

    .page-home .home-paths-header {
        margin-bottom: 0.85rem;
        text-align: left;
    }

    .page-home .home-paths-header .eco-section-title {
        font-size: 1.35rem;
        margin-bottom: 0;
    }

    .page-home .home-paths-header .eco-section-subtitle {
        display: none;
    }

    .page-home .home-paths-grid {
        gap: 0.75rem;
    }

    .page-home .home-path-card {
        min-height: auto;
        padding: 1rem;
        gap: 0.55rem;
        border-radius: 18px;
    }

    .page-home .home-path-card h3 {
        font-size: 1.08rem;
    }

    .page-home .home-path-card p {
        display: none;
    }

    .page-home .home-path-cta {
        margin-top: 0;
        font-size: 0.92rem;
    }

    .page-products .products-hero {
        height: auto;
        min-height: 0;
        margin-top: 72px;
        padding: 1.5rem 0 1rem;
        background: linear-gradient(135deg, rgba(40, 80, 63, 0.95), rgba(61, 107, 87, 0.92));
    }

    .page-products .products-intro {
        padding: 4.4rem 0 0.6rem !important;
        margin-top: 0 !important;
    }

    .page-products .products-hero .eco-section-header {
        margin: 0 auto;
    }

    .page-products .products {
        padding-top: 0 !important;
    }

    .page-products .products-conversion-zone {
        padding-top: 0.4rem;
        padding-bottom: 2.5rem;
    }

    .page-products .products-conversion-shell {
        border-radius: 22px;
    }

    .page-products .products-conversion-copy,
    .page-products .products-path-card,
    .page-products .products-space-card {
        border-radius: 18px;
    }

    .page-products .products-grid {
        margin-top: 1rem;
    }

    .page-home .home-paths,
    .page-home .products,
    .page-home .about,
    .page-home .contact,
    .page-products .products-conversion-zone,
    .page-products #products,
    .page-clearview-patio .features-section,
    .page-clearview-patio .specs-section,
    .page-clearview-patio .reviews-section,
    .page-clearview-patio .paired-products-section,
    .page-clearview-patio .faq-section,
    .page-outdoor-blinds #blind-options,
    .page-outdoor-blinds .cta-section {
        content-visibility: auto;
        contain-intrinsic-size: 1px 900px;
    }

    .page-custom-quotes .quote-section {
        padding-top: 1.4rem;
        padding-bottom: 2.2rem;
    }

    .page-custom-quotes .quote-funnel-intro {
        padding: 0.95rem 0.9rem;
        gap: 0.75rem;
    }

    .page-custom-quotes .quote-entry-actions {
        gap: 0.65rem;
    }

    .page-custom-quotes .quote-funnel-sidebar,
    .page-custom-quotes .quote-support-row,
    .page-custom-quotes .eco-cta,
    .page-custom-quotes .trust-signals {
        display: none !important;
    }

    .page-custom-quotes .quote-funnel-layout {
        grid-template-columns: 1fr;
    }

    .page-custom-quotes .quote-funnel-card {
        padding: 1.2rem;
    }

    .page-custom-quotes .quote-focus-controls {
        margin-bottom: 1rem;
    }

    .page-custom-quotes .quote-location-bar {
        padding: 0.9rem 1rem;
    }

    .page-custom-quotes .quote-step-head p,
    .page-custom-quotes .quote-entry-copy p {
        max-width: none;
    }

    .page-outdoor-blinds .ob-intro-shell {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .page-outdoor-blinds .products-hero {
        display: none;
    }

    .page-outdoor-blinds .ob-breadcrumb-section {
        padding-top: 88px !important;
    }

    .page-outdoor-blinds .ob-intro-shell > .ob-intro-grid {
        order: 1;
    }

    .page-outdoor-blinds .ob-intro-shell > .ob-intro-actions {
        order: 2;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-top: 0;
    }

    .page-outdoor-blinds .ob-intro-shell > .ob-mini-grid {
        order: 3;
        margin-top: 0;
    }

    .page-outdoor-blinds .ob-intro-copy {
        order: 1;
    }

    .page-outdoor-blinds .ob-intro-media {
        order: 2;
        min-height: 240px;
    }

    .page-outdoor-blinds .ob-intro-shell .eco-btn {
        width: 100%;
        justify-content: center;
    }

    .page-outdoor-blinds .ob-intro-copy h2 {
        font-size: 1.9rem;
        line-height: 1.08;
    }

    .page-clearview-patio .announcement-bar {
        display: none;
    }

    .page-clearview-patio .hero-full-width {
        height: auto;
        min-height: 0;
        padding: 6.1rem 0 2.4rem;
    }

    .page-clearview-patio .hero-overlay {
        background: linear-gradient(180deg, rgba(7, 15, 23, 0.72) 0%, rgba(7, 15, 23, 0.56) 45%, rgba(7, 15, 23, 0.4) 100%);
    }

    .page-clearview-patio .header-right {
        display: none;
    }

    .page-clearview-patio .hero-content {
        text-align: left;
    }

    .page-clearview-patio .hero-title {
        font-size: clamp(2rem, 11vw, 2.75rem);
        margin-left: 0;
        margin-right: 0;
    }

    .page-clearview-patio .hero-subtitle {
        font-size: 1rem;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1rem;
        max-width: 32rem;
        opacity: 0.96;
    }

    .page-clearview-patio .clearview-hero-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem !important;
    }

    .page-clearview-patio .clearview-hero-actions .btn {
        width: 100%;
    }

    .page-clearview-patio .clearview-hero-actions .btn-outline {
        display: none;
    }

    .page-clearview-patio .content-section,
    .page-clearview-patio .reviews-section,
    .page-clearview-patio .features-section,
    .page-clearview-patio .specs-section,
    .page-clearview-patio .product-details-container {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .page-clearview-patio .page-clearview-links {
        padding-top: 0.75rem !important;
        padding-bottom: 1.2rem !important;
    }

    .page-clearview-patio .clearview-feature-grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }

    .page-clearview-patio .clearview-feature-grid img {
        height: 240px !important;
    }

    .page-clearview-patio .mobile-sticky-cta {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .mobile-sticky-bar__inner {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.82fr);
        gap: 0.38rem;
    }

    .mobile-sticky-bar__link {
        min-height: 44px;
        padding: 0.58rem 0.52rem;
        font-size: 0.78rem;
    }

    .page-home .eco-hero-container,
    .page-custom-quotes .eco-hero-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page-home .home-hero-points span {
        font-size: 0.92rem;
        line-height: 1.35;
    }

    .page-products .products-conversion-copy h2,
    .page-outdoor-blinds .ob-intro-copy h2 {
        font-size: 1.7rem;
    }

    .page-clearview-patio .hero-full-width {
        padding-top: 5.4rem;
        padding-bottom: 2.25rem;
    }
}

/* Page-specific mobile compression for current Clearview and outdoor-blinds pages. */
@media (max-width: 700px) {
    .page-clearview-patio .hero-rain-badges {
        display: grid;
        gap: 0.45rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-clearview-patio .hero-rain-badge {
        justify-content: center;
        min-height: 38px;
        padding: 0.45rem 0.5rem;
        text-align: center;
    }

    .page-clearview-patio .hero-rain-actions {
        display: grid;
        gap: 0.65rem;
        grid-template-columns: 1fr 1fr;
    }

    .page-clearview-patio .hero-rain-actions > * {
        min-height: 46px;
        padding-inline: 0.6rem;
        width: 100%;
    }

    .page-clearview-patio .product-details-container {
        padding-block: 2.2rem !important;
    }

    .page-clearview-patio .product-details-container .text-center {
        margin-bottom: 1rem !important;
        text-align: left !important;
    }

    .page-clearview-patio .details-grid {
        gap: 1.2rem;
    }

    .page-clearview-patio .feature-card,
    .page-clearview-patio .finish-card,
    .page-clearview-patio .spec-card,
    .page-clearview-patio .faq-item {
        border-radius: 10px;
    }

    .page-clearview-patio .feature-card {
        padding: 1rem !important;
    }

    .page-clearview-patio .feature-card--problem-focus .clearview-problem-grid {
        display: grid;
        gap: 0.55rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0.75rem;
    }

    .page-clearview-patio .feature-card--problem-focus .clearview-problem-grid li {
        padding: 0.72rem !important;
    }

    .page-clearview-patio .feature-card--problem-focus .clearview-problem-grid span {
        font-size: 0.62rem !important;
        letter-spacing: 0.08em;
    }

    .page-clearview-patio .feature-card--problem-focus .clearview-problem-grid strong {
        font-size: 0.86rem !important;
        line-height: 1.15;
    }

    .page-clearview-patio .feature-card--problem-focus .clearview-problem-grid p {
        display: none !important;
    }

    .page-clearview-patio .clearview-problem-intro,
    .page-clearview-patio .clearview-problem-bridge {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
    }

    .page-clearview-patio .feature-card--split {
        display: grid !important;
        gap: 0.9rem !important;
        grid-template-columns: 1fr !important;
    }

    .page-clearview-patio .feature-card--split .clearview-feature-media {
        display: none !important;
    }

    .page-clearview-patio .clearview-original-list {
        display: grid;
        gap: 0.5rem;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-clearview-patio .clearview-original-list li {
        border: 1px solid var(--cv-line, #dfe8e5);
        border-radius: 8px;
        font-size: 0.9rem !important;
        line-height: 1.25 !important;
        padding: 0.7rem !important;
    }

    .page-clearview-patio .clearview-hero-message {
        display: block;
        padding: 1.05rem !important;
    }

    .page-clearview-patio .clearview-hero-message__copy h2,
    .page-clearview-patio .section-title,
    .page-clearview-patio .content-section h2,
    .page-clearview-patio .features-section h2,
    .page-clearview-patio .specs-section h2 {
        font-size: clamp(1.95rem, 9vw, 2.55rem) !important;
        line-height: 1.04 !important;
        text-align: left !important;
    }

    .page-clearview-patio .section-subtitle,
    .page-clearview-patio .clearview-hero-message__copy p,
    .page-clearview-patio .content-section p {
        font-size: 0.95rem !important;
        line-height: 1.48 !important;
        text-align: left !important;
    }

    .page-clearview-patio .features-grid,
    .page-clearview-patio .finish-grid,
    .page-clearview-patio .specs-grid,
    .page-clearview-patio .project-gallery-grid {
        gap: 0.75rem !important;
        grid-template-columns: 1fr !important;
    }

    .page-clearview-patio .features-grid .feature-card,
    .page-clearview-patio .specs-grid .spec-card {
        padding: 0.95rem !important;
    }

    .page-clearview-patio .features-grid h3,
    .page-clearview-patio .specs-grid h3 {
        font-size: 1.05rem !important;
        margin-bottom: 0.35rem !important;
    }

    .page-clearview-patio .finish-card {
        display: grid !important;
        grid-template-columns: minmax(108px, 36%) minmax(0, 1fr);
        min-height: 160px;
        overflow: hidden;
    }

    .page-clearview-patio .finish-card img {
        height: 100% !important;
        min-height: 160px;
        object-fit: cover;
        width: 100%;
    }

    .page-clearview-patio .finish-card > div,
    .page-clearview-patio .finish-card__body {
        align-content: center;
        display: grid;
        padding: 0.9rem !important;
    }

    .page-clearview-patio .finish-card h3 {
        font-size: 1.05rem !important;
        line-height: 1.1;
        margin-bottom: 0.35rem !important;
    }

    .page-clearview-patio .finish-card p {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        font-size: 0.83rem !important;
        line-height: 1.35 !important;
        overflow: hidden;
    }

    .page-clearview-patio .comparison-table-wrapper,
    .page-clearview-patio .clearview-table-wrap {
        margin-left: -1rem;
        margin-right: -1rem;
        overflow: visible !important;
        padding-inline: 1rem;
    }

    .page-clearview-patio .clearview-table-wrap table,
    .page-clearview-patio .clearview-table-wrap tbody,
    .page-clearview-patio .clearview-table-wrap tr,
    .page-clearview-patio .clearview-table-wrap td {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .page-clearview-patio .clearview-table-wrap table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .page-clearview-patio .clearview-table-wrap thead {
        display: none !important;
    }

    .page-clearview-patio .clearview-table-wrap tbody {
        display: grid !important;
        gap: 0.7rem;
    }

    .page-clearview-patio .clearview-table-wrap tr {
        background: #fff;
        border: 1px solid var(--cv-line, #dfe8e5) !important;
        border-radius: 8px;
        overflow: hidden;
    }

    .page-clearview-patio .clearview-table-wrap td {
        border-bottom: 1px solid var(--cv-line, #dfe8e5) !important;
        font-size: 0.86rem !important;
        padding: 0.62rem 0.75rem !important;
        text-align: left !important;
    }

    .page-clearview-patio .clearview-table-wrap td:last-child {
        border-bottom: 0 !important;
    }

    .page-clearview-patio .clearview-table-wrap td::before {
        color: var(--cv-muted, #64726f);
        display: block;
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        margin-bottom: 0.2rem;
        text-transform: uppercase;
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(1)::before {
        content: "Feature";
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(2)::before {
        content: "Clearview";
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(3)::before {
        content: "Glass";
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(4)::before {
        content: "Metal";
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(5)::before {
        content: "Fabric";
    }

    .page-clearview-patio .project-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }

    .page-clearview-patio .project-gallery-grid picture {
        display: block;
        min-width: 0;
    }

    .page-clearview-patio .project-card,
    .page-clearview-patio .project-gallery-item {
        min-height: 0 !important;
    }

    .page-clearview-patio .project-card img,
    .page-clearview-patio .project-gallery-item img,
    .page-clearview-patio .project-gallery-grid picture img {
        border-radius: 8px !important;
        height: 150px !important;
        object-fit: cover;
    }

    .page-clearview-patio .project-card:first-child,
    .page-clearview-patio .project-gallery-item:first-child,
    .page-clearview-patio .project-gallery-grid picture:first-child {
        grid-column: 1 / -1;
    }

    .page-clearview-patio .project-card:first-child img,
    .page-clearview-patio .project-gallery-item:first-child img,
    .page-clearview-patio .project-gallery-grid picture:first-child img {
        height: 235px !important;
    }

    .page-clearview-patio .clearview-quote-summary .feature-card,
    .page-clearview-patio .clearview-final-cta {
        text-align: left !important;
    }

    .page-clearview-patio .clearview-final-cta .hero-rain-badges {
        margin-top: 1rem;
    }

    .page-outdoor-blinds .v3-visual-hero {
        padding-block: 5.2rem 1.65rem;
    }

    .page-outdoor-blinds .ob-breadcrumb-section {
        padding-top: 0.85rem !important;
    }

    .page-outdoor-blinds .ob-intro-shell {
        padding: 1rem !important;
    }

    .page-outdoor-blinds .ob-intro-grid {
        gap: 0.9rem !important;
        grid-template-columns: 1fr !important;
    }

    .page-outdoor-blinds .ob-intro-media {
        min-height: 210px !important;
    }

    .page-outdoor-blinds .ob-eyebrow {
        display: none;
    }

    .page-outdoor-blinds .ob-check-list {
        gap: 0.55rem;
        margin: 0.85rem 0;
    }

    .page-outdoor-blinds .ob-check-list li {
        gap: 0.55rem;
        grid-template-columns: 24px 1fr;
    }

    .page-outdoor-blinds .ob-bullet {
        height: 24px;
        width: 24px;
    }

    .page-outdoor-blinds .ob-check-list span:not(.ob-bullet) {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
    }

    .page-outdoor-blinds .ob-mini-grid,
    .page-outdoor-blinds .ob-option-grid,
    .page-outdoor-blinds .ob-use-grid,
    .page-outdoor-blinds .ob-guide-grid,
    .page-outdoor-blinds .ob-quote-grid {
        gap: 0.7rem;
        grid-template-columns: 1fr !important;
    }

    .page-outdoor-blinds .ob-mini-card,
    .page-outdoor-blinds .ob-option-card,
    .page-outdoor-blinds .ob-use-card,
    .page-outdoor-blinds .ob-guide-card,
    .page-outdoor-blinds .ob-quote-card {
        border-radius: 8px;
        padding: 0.9rem !important;
    }

    .page-outdoor-blinds .ob-mini-card span,
    .page-outdoor-blinds .ob-use-card p,
    .page-outdoor-blinds .ob-guide-card p,
    .page-outdoor-blinds .ob-option-card p,
    .page-outdoor-blinds .ob-option-note {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        font-size: 0.86rem;
        line-height: 1.36;
        overflow: hidden;
    }

    .page-outdoor-blinds .ob-option-icon {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .page-outdoor-blinds .ob-gallery-grid {
        gap: 0.7rem;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-outdoor-blinds .ob-gallery-card {
        border-radius: 8px;
    }

    .page-outdoor-blinds .ob-gallery-card:first-child {
        grid-column: 1 / -1;
    }

    .page-outdoor-blinds .ob-gallery-card img {
        height: 150px !important;
    }

    .page-outdoor-blinds .ob-gallery-card:first-child img {
        height: 225px !important;
    }

    .page-outdoor-blinds .ob-gallery-caption {
        padding: 0.8rem;
    }

    .page-outdoor-blinds .ob-gallery-caption h3 {
        font-size: 1rem;
        line-height: 1.1;
        margin-bottom: 0.35rem;
    }

    .page-outdoor-blinds .ob-gallery-caption p {
        display: none;
    }

    .page-outdoor-blinds .ob-table td {
        padding: 0.72rem 0.8rem !important;
    }
}

/* Final phone pass: keep summary value visible without forcing every desktop cell into a long stack. */
@media (max-width: 700px) {
    .page-clearview-patio .clearview-table-wrap tbody {
        gap: 0.55rem !important;
    }

    .page-clearview-patio .clearview-table-wrap tr {
        display: grid !important;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    }

    .page-clearview-patio .clearview-table-wrap td {
        align-content: center;
        border-bottom: 0 !important;
        display: grid !important;
        font-size: 0.83rem !important;
        min-height: 70px;
        padding: 0.7rem !important;
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(n + 3) {
        display: none !important;
    }

    .page-clearview-patio .clearview-table-wrap td:first-child {
        background: #f6f7f4;
        color: var(--cv-ink, #0f241d);
        font-weight: 800 !important;
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(2) {
        background: var(--cv-green, #063d2d) !important;
        color: #fff !important;
        font-weight: 800 !important;
    }

    .page-clearview-patio .clearview-table-wrap td:nth-child(2)::before {
        color: rgba(255, 255, 255, 0.68);
    }

    .page-clearview-patio .project-gallery-grid picture:nth-child(n + 6),
    .page-clearview-patio .project-card:nth-child(n + 6),
    .page-clearview-patio .project-gallery-item:nth-child(n + 6) {
        display: none !important;
    }

    .page-clearview-patio .project-card img,
    .page-clearview-patio .project-gallery-item img,
    .page-clearview-patio .project-gallery-grid picture img {
        height: 130px !important;
    }

    .page-clearview-patio .project-card:first-child img,
    .page-clearview-patio .project-gallery-item:first-child img,
    .page-clearview-patio .project-gallery-grid picture:first-child img {
        height: 210px !important;
    }

    .page-outdoor-blinds .ob-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-outdoor-blinds .ob-mini-card {
        min-height: 0;
        padding: 0.78rem !important;
    }

    .page-outdoor-blinds .ob-mini-card strong {
        font-size: 0.9rem;
        line-height: 1.18;
    }

    .page-outdoor-blinds .ob-mini-card span {
        -webkit-line-clamp: 1;
        margin-top: 0.25rem;
    }

    .page-outdoor-blinds .ob-option-grid,
    .page-outdoor-blinds .ob-use-grid,
    .page-outdoor-blinds .ob-quote-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-outdoor-blinds .ob-option-card {
        min-height: 0;
        padding: 0.82rem !important;
    }

    .page-outdoor-blinds .ob-option-card h3,
    .page-outdoor-blinds .ob-use-card h3,
    .page-outdoor-blinds .ob-guide-card h3 {
        font-size: 0.98rem;
        line-height: 1.14;
        margin-bottom: 0.35rem;
    }

    .page-outdoor-blinds .ob-option-card p,
    .page-outdoor-blinds .ob-option-note {
        display: none !important;
    }

    .page-outdoor-blinds .ob-table-wrap {
        overflow: visible !important;
    }

    .page-outdoor-blinds .ob-table,
    .page-outdoor-blinds .ob-table tbody {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .page-outdoor-blinds .ob-table tr {
        display: grid !important;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        margin-bottom: 0.6rem !important;
    }

    .page-outdoor-blinds .ob-table td {
        align-content: center;
        display: grid !important;
        min-height: 78px;
        padding: 0.72rem !important;
    }

    .page-outdoor-blinds .ob-table td:nth-child(2),
    .page-outdoor-blinds .ob-table td:nth-child(4) {
        display: none !important;
    }

    .page-outdoor-blinds .ob-table td:nth-child(1) {
        background: #f6f7f4;
        font-weight: 800;
    }

    .page-outdoor-blinds .ob-table td:nth-child(3) {
        background: #fff;
    }

    .page-outdoor-blinds .ob-table td:nth-child(3)::before {
        content: "Upgrade cue" !important;
    }

    .page-outdoor-blinds .ob-guide-grid {
        gap: 0.65rem;
        grid-template-columns: 1fr !important;
    }

    .page-outdoor-blinds .ob-guide-card {
        padding: 0.85rem !important;
    }
}

@media (max-width: 420px) {
    .page-outdoor-blinds .ob-mini-grid,
    .page-outdoor-blinds .ob-option-grid,
    .page-outdoor-blinds .ob-use-grid,
    .page-outdoor-blinds .ob-quote-grid {
        gap: 0.55rem;
    }

    .page-outdoor-blinds .ob-mini-card,
    .page-outdoor-blinds .ob-option-card,
    .page-outdoor-blinds .ob-use-card,
    .page-outdoor-blinds .ob-quote-card {
        padding: 0.7rem !important;
    }

    .page-clearview-patio .clearview-table-wrap td,
    .page-outdoor-blinds .ob-table td {
        font-size: 0.78rem !important;
        min-height: 66px;
        padding: 0.62rem !important;
    }
}