@media (max-width: 767px) {
    .catalog-product-view .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .catalog-product-view .page-main {
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .catalog-product-view .column.main {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bookplus-experience {
        padding-bottom: 88px !important;
        background: #fff !important;
    }

    .bookplus-wrap {
        width: 100% !important;
        max-width: none !important;
        padding: 0 0 28px !important;
    }

    .bookplus-breadcrumb,
    .bookplus-chips,
    .bookplus-title-actions {
        display: none !important;
    }

    .bookplus-hero-copy {
        margin: 0 !important;
        padding: 15px 20px 12px !important;
    }

    .bookplus-hero-copy h1 {
        color: #17243d !important;
        font-size: 26px !important;
        line-height: 1.12 !important;
        font-weight: 740 !important;
        letter-spacing: 0 !important;
    }

    .bookplus-title-row {
        display: block !important;
        margin-top: 7px !important;
    }

    .bookplus-title-meta {
        gap: 7px 11px !important;
        color: #606879 !important;
        font-size: 12.5px !important;
        font-weight: 620 !important;
        line-height: 1.35 !important;
    }

    .bookplus-title-meta > span + span::before {
        width: 3px !important;
        height: 3px !important;
    }

    .bookplus-hero-copy p {
        margin-top: 9px !important;
        color: #566070 !important;
        font-size: 14px !important;
        line-height: 1.48 !important;
    }

    .bookplus-gallery {
        margin: 0 !important;
    }

    .bookplus-gallery-grid,
    .bookplus-content .bookplus-gallery-grid,
    .bookplus-content .bookplus-gallery-grid--single {
        display: none !important;
    }

    .bookplus-gallery-mobile {
        display: block !important;
    }

    .bookplus-mobile-strip {
        gap: 0 !important;
        border-radius: 0 !important;
    }

    .bookplus-mobile-strip img {
        min-width: 100% !important;
        height: 292px !important;
        border-radius: 0 !important;
    }

    .bookplus-mobile-gallery-meta {
        margin: 0 !important;
        padding: 8px 20px 14px !important;
        background: #fff !important;
    }

    .bookplus-mobile-gallery-meta span,
    .bookplus-mobile-gallery-meta button {
        border: 1px solid #e2e7ee !important;
        background: #fff !important;
        color: #263244 !important;
        font-size: 11px !important;
        font-weight: 750 !important;
        padding: 6px 10px !important;
    }

    .bookplus-main-grid,
    .bookplus-content {
        display: grid !important;
        gap: 0 !important;
    }

    .bookplus-lead {
        margin: 0 !important;
        padding: 16px 20px 18px !important;
        border-top: 1px solid #eef1f5 !important;
        color: #253044 !important;
        font-size: 15px !important;
        font-weight: 620 !important;
        line-height: 1.48 !important;
    }

    .bookplus-facts {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 18px 20px !important;
        border-top: 1px solid #eef1f5 !important;
    }

    .bookplus-fact-card {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
    }

    .bookplus-fact-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        background: #f0f3f6 !important;
    }

    .bookplus-fact-card strong {
        font-size: 15px !important;
        font-weight: 740 !important;
        line-height: 1.25 !important;
    }

    .bookplus-fact-card .bookplus-fact-copy > span {
        color: #6b7280 !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .bookplus-panel {
        border: 0 !important;
        border-top: 1px solid #e5e9ef !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 22px 20px !important;
    }

    .bookplus-panel h2 {
        margin-bottom: 14px !important;
        color: #2f3339 !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 740 !important;
    }

    .bookplus-panel p,
    .bookplus-check-list,
    .bookplus-rich-text {
        color: #4d535c !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .bookplus-highlight-grid,
    .bookplus-two-col,
    .bookplus-split-panels {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .bookplus-highlight-item {
        gap: 10px !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }

    .bookplus-highlight-item span {
        flex-basis: 20px !important;
        width: 20px !important;
        height: 20px !important;
        margin-top: 1px !important;
        font-size: 11px !important;
    }

    .bookplus-check-list {
        gap: 12px !important;
    }

    .bookplus-option-strip {
        gap: 12px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding: 0 20px 4px !important;
    }

    .bookplus-option-card {
        flex-basis: 286px !important;
    }

    .bookplus-sidebar {
        display: none !important;
    }

    .bookplus-mobile-cta {
        padding: 12px 20px 14px !important;
    }

    .bookplus-mobile-cta a {
        border-radius: 12px !important;
        background: var(--bp-primary) !important;
        padding: 13px 18px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }
}
