/* Audit repair 1.1.36 — safe visual/accessibility hardening */

.category-nav > div,
.category-nav-mobile > summary,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button:not(.musicnotes-product-category),
.wc-block-components-button,
a[class*="bg-gradient"][class*="text-white"],
button[class*="bg-gradient"][class*="text-white"] {
    background-image: linear-gradient(90deg, var(--color-brand-orange) 0%, var(--color-brand-pink) 100%) !important;
    color: #fff !important;
}

.musicnotes-product-delivery-trust {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 1rem 0 .2rem;
    color: #334155;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.45;
}

.musicnotes-product-delivery-trust > span {
    display: inline-grid;
    flex: 0 0 1.35rem;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-brand-orange) 0%, var(--color-brand-pink) 100%);
    color: #fff;
    font-size: .72rem;
}

.musicnotes-product-included {
    margin: 1.25rem 0 .25rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: linear-gradient(135deg, #fff 0%, #fff7ed 52%, #fdf2f8 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.musicnotes-product-included h2 {
    margin: 0 0 .8rem;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.musicnotes-product-included__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .8rem;
    margin: 0;
}

.musicnotes-product-included__grid > div {
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .88);
}

.musicnotes-product-included dt {
    margin: 0 0 .15rem;
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
}

.musicnotes-product-included dd {
    margin: 0;
    color: #1e293b;
    font-size: .82rem;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: break-word;
}

@media (max-width: 767px) {
    body {
        font-size: 16px !important;
    }

    .woocommerce input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
    .woocommerce select,
    .woocommerce textarea,
    .woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
    .woocommerce-checkout select,
    .woocommerce-checkout textarea,
    .musicnotes-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .musicnotes-contact-form select,
    .musicnotes-contact-form textarea {
        min-height: 48px;
        font-size: 16px !important;
    }

    .musicnotes-product-included__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .musicnotes-product-delivery-trust {
        align-items: flex-start;
        font-size: .8rem;
    }
}


/* Music Notes — responsive hardening for 390 / 412 / 768 px */

/* Tablet category bar: scroll inside the bar, never create horizontal page overflow. */
@media (min-width: 640px) and (max-width: 1023px) {
    .category-nav {
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .category-nav::-webkit-scrollbar {
        display: none;
    }

    .category-nav > div {
        width: max-content;
        min-width: 100%;
    }

    .category-nav > div > .menu {
        justify-content: flex-start;
    }
}

/* Mobile previews: keep a real, compact score thumbnail instead of a text-only placeholder. */
@media (max-width: 767px) {
    .product-card__catalog-preview {
        position: relative;
        display: block;
        height: 116px;
        min-height: 116px;
        aspect-ratio: auto;
        background: linear-gradient(90deg, #fff7ed, #fdf2f8);
    }

    .product-card__catalog-preview > img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        padding: .65rem 1rem !important;
        object-fit: contain !important;
    }

    .product-card__catalog-preview > span[role="img"] {
        display: flex !important;
        width: 100%;
        height: 100%;
        padding: .75rem 1rem !important;
    }

    .product-card__mobile-preview-label {
        position: absolute;
        right: .7rem;
        bottom: .7rem;
        display: inline-flex;
        min-height: 0;
        width: auto;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(232, 114, 37, .22);
        border-radius: 999px;
        background: rgba(255, 255, 255, .94);
        padding: .35rem .65rem;
        color: var(--color-brand-pink);
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .06em;
        line-height: 1;
        box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
    }

    /* Home list — small score image, not a full-width preview block. */
    .product-card--home .product-preview-trigger {
        width: 96px !important;
        max-width: 96px !important;
        min-height: 0 !important;
        margin-inline: auto !important;
        aspect-ratio: 3 / 4;
    }

    .product-card--home .product-preview-trigger > img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        padding: .4rem !important;
        object-fit: contain !important;
    }

    .product-card--home .product-preview-trigger > span[role="img"] {
        display: flex !important;
        width: 100%;
        height: 100%;
    }

    .product-card--home .product-preview-trigger::after {
        display: none !important;
        content: none !important;
    }

    .product-card--home .product-preview-trigger + p {
        display: block !important;
        margin-top: .45rem !important;
        font-size: .62rem !important;
    }

    /* Native audio controls must never force horizontal scrolling. */
    audio,
    .product-card audio,
    .product-card--home audio,
    .woocommerce audio {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* WooCommerce mobile forms: don't inherit half-width first/last rows. */
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce-checkout #place_order,
    .woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
        width: 100% !important;
        min-height: 52px;
    }

    /* Product social CTA buttons are easier to tap full-width on narrow screens. */
    .single-product main > section a[href*="facebook.com"],
    .single-product main > section a[href*="tiktok.com"] {
        justify-content: center;
    }
}

/* 768–899 px: compact checkout must stay one-column until our 900px split. */
@media (min-width: 768px) and (max-width: 899px) {
    body.musicnotes-compact-checkout #customer_details.col2-set {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.musicnotes-compact-checkout #customer_details > .col-1 {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    body.musicnotes-compact-checkout #customer_details > .col-2 {
        display: none !important;
    }
}

/* Stacked product gallery on tablets: avoid a huge score image before the buy box. */
@media (min-width: 768px) and (max-width: 1023px) {
    .woocommerce div.product div.images .woocommerce-product-gallery__image > a > img {
        width: 100% !important;
        max-height: 560px;
        object-fit: contain;
    }
}

/* Very narrow phones: allow price/CTA rows and contact socials to breathe. */
@media (max-width: 420px) {
    .product-card:not(.product-card--home) .mt-auto.flex.items-end.justify-between {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    .product-card:not(.product-card--home) .mt-auto.flex.items-end.justify-between .button {
        width: 100%;
        justify-content: center;
    }

    .musicnotes-contact-socials {
        grid-template-columns: 1fr !important;
    }
}

/* Single product mobile title: never split Polish words in the middle. */
@media (max-width: 767px) {
    .single-product .woocommerce div.product .product_title,
    .woocommerce.single-product div.product .product_title,
    body.single-product .product_title {
        max-width: 100%;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: balance;
        font-size: clamp(1.5rem, 7.2vw, 1.95rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em;
    }
}


/* LiteSpeed Cache: keep lazy loading, but hide the gray placeholder flash
   inside product cards. LiteSpeed removes data-lazyloaded and adds
   .litespeed-loaded when the real image has loaded. */
.product-card img[data-lazyloaded],
.product-card--home img[data-lazyloaded] {
    opacity: 0;
}

.product-card img.litespeed-loaded:not(.product-card__brand-watermark-image),
.product-card--home img.litespeed-loaded:not(.product-card__brand-watermark-image) {
    opacity: 1;
    transition: opacity 180ms ease;
}

/* Keep the decorative Music Notes watermark subtle even after LiteSpeed
   swaps the lazy-load placeholder for the real image. */
.product-card--home .product-card__brand-watermark-image,
.product-card--home .product-card__brand-watermark-image.litespeed-loaded {
    opacity: 0.22 !important;
}

@media (max-width: 639px) {
    .product-card--home .product-card__brand-watermark-image,
    .product-card--home .product-card__brand-watermark-image.litespeed-loaded {
        opacity: 0.16 !important;
    }
}


/* Music Notes — mobile cart redesign */
@media (max-width: 767px) {
    body.woocommerce-cart .woocommerce-cart-form {
        width: 100%;
        margin: 0;
    }

    body.woocommerce-cart .woocommerce-cart-form table.shop_table,
    body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive,
    body.woocommerce-cart .woocommerce-cart-form table.cart {
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form table.shop_table thead,
    body.woocommerce-cart .woocommerce-cart-form table.cart thead {
        display: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody,
    body.woocommerce-cart .woocommerce-cart-form table.cart tbody {
        display: block !important;
        width: 100% !important;
    }

    body.woocommerce-cart .woocommerce-cart-form tr.cart_item {
        position: relative;
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr);
        grid-template-areas:
            "thumb name"
            "thumb price"
            "thumb quantity"
            "thumb subtotal";
        column-gap: 16px;
        row-gap: 0;
        width: 100%;
        margin: 0 0 18px;
        padding: 18px;
        overflow: hidden;
        border: 1px solid #e2e8f0 !important;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    }

    body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td {
        display: flex !important;
        min-width: 0;
        width: 100% !important;
        padding: 9px 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

    body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td::before {
        flex: 0 0 auto;
        margin-right: 10px;
        color: #0f172a;
        font-size: .76rem;
        font-weight: 800;
        line-height: 1.35;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-remove {
        position: absolute !important;
        top: 10px;
        right: 10px;
        z-index: 3;
        display: block !important;
        width: auto !important;
        padding: 0 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-remove::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-remove a.remove {
        display: inline-flex !important;
        width: 34px !important;
        height: 34px !important;
        align-items: center;
        justify-content: center;
        border: 1px solid #e2e8f0;
        border-radius: 999px;
        background: #fff;
        color: #475569 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-remove a.remove:hover,
    body.woocommerce-cart .woocommerce-cart-form td.product-remove a.remove:focus-visible {
        border-color: #f5428b;
        color: #be185d !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail {
        grid-area: thumb;
        align-self: start;
        justify-content: center;
        padding: 30px 0 0 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail a {
        display: flex;
        width: 88px;
        height: 118px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 1px solid rgba(232, 114, 37, .42);
        border-radius: 13px;
        background: linear-gradient(135deg, #fff7ed, #fff 52%, #fdf2f8);
        padding: 6px;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        object-fit: contain;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-name {
        grid-area: name;
        min-height: 52px;
        align-items: center;
        padding: 8px 42px 12px 0 !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-name::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-name a {
        color: #020617;
        font-size: 1rem;
        font-weight: 800;
        line-height: 1.28;
        text-decoration: none;
        overflow-wrap: break-word;
        word-break: normal;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-price {
        grid-area: price;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eef2f7 !important;
        color: #334155;
        font-weight: 600;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-quantity {
        grid-area: quantity;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eef2f7 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-subtotal {
        grid-area: subtotal;
        justify-content: space-between;
        align-items: center;
        color: #0f172a;
        font-weight: 800;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-price::before {
        content: "Cena" !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-quantity::before {
        content: "Ilość" !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-subtotal::before {
        content: "Kwota" !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-quantity .quantity {
        margin-left: auto;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-quantity input.qty {
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 10px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 11px !important;
        background: #fff !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 700;
    }

    body.woocommerce-cart .woocommerce-cart-form tr.cart_item + tr.cart_item {
        border-top: 1px solid #e2e8f0 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.actions {
        display: flex !important;
        width: 100% !important;
        margin-top: 4px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.actions::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.actions .coupon {
        display: none !important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.actions button[name="update_cart"],
    body.woocommerce-cart .woocommerce-cart-form td.actions .button {
        width: 100% !important;
        min-height: 50px;
        justify-content: center;
        border-radius: 13px !important;
        text-align: center;
    }

    body.woocommerce-cart .cart-collaterals,
    body.woocommerce-cart .cart-collaterals .cart_totals {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 22px 0 0 !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals {
        padding: 18px !important;
        border: 1px solid #e2e8f0;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    }

    body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
        margin: 0 0 14px !important;
        font-size: 1.25rem !important;
        line-height: 1.2;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals table {
        width: 100% !important;
        margin: 0 !important;
    }

    body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
        padding: 14px 0 0 !important;
    }

    body.woocommerce-cart .cart-collaterals .checkout-button {
        display: flex !important;
        width: 100% !important;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        border-radius: 13px !important;
        text-align: center;
    }
}

@media (max-width: 389px) {
    body.woocommerce-cart .woocommerce-cart-form tr.cart_item {
        grid-template-columns: 76px minmax(0, 1fr);
        column-gap: 12px;
        padding: 14px;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail a {
        width: 72px;
        height: 100px;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-name a {
        font-size: .94rem;
    }
}


/* ============================================================
 * Site-wide mobile hardening 1.1.43
 * Logged-in My Account + common WooCommerce narrow-screen guards.
 * ============================================================ */
@media (max-width: 767px) {
    /* Keep native WooCommerce views inside the real viewport without masking
       problems with global overflow-x:hidden/clip. */
    body.woocommerce-page #main-content,
    body.woocommerce-page #main-content > *,
    body.woocommerce-page .woocommerce,
    body.woocommerce-page .woocommerce > *,
    body.woocommerce-account .woocommerce-MyAccount-content,
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Logged-in My Account becomes a true one-column mobile layout. */
    body.woocommerce-account.logged-in .woocommerce {
        display: block !important;
        width: 100% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important;
        margin: 0 0 16px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li + li {
        min-width: 0;
        margin: 0 !important;
        border: 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a {
        display: flex !important;
        width: 100%;
        min-width: 0;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        padding: 10px 8px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px;
        background: #fff;
        color: #334155;
        text-align: center;
        font-size: .82rem;
        font-weight: 750;
        line-height: 1.2;
        white-space: normal !important;
        overflow-wrap: break-word;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .04);
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active a {
        border-color: transparent !important;
        background: linear-gradient(90deg, var(--color-brand-orange) 0%, var(--color-brand-pink) 100%) !important;
        color: #fff !important;
        box-shadow: 0 7px 18px rgba(190, 24, 93, .16);
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 16px !important;
        overflow: visible !important;
        border-radius: 17px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content > * {
        min-width: 0;
        max-width: 100%;
    }

    /* Addresses: never keep WooCommerce's old 48%/float columns on phones. */
    body.woocommerce-account .woocommerce-Addresses,
    body.woocommerce-account .u-columns.woocommerce-Addresses,
    body.woocommerce-account .woocommerce-Addresses.col2-set {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 14px 0 0 !important;
    }

    body.woocommerce-account .woocommerce-Addresses > .woocommerce-Address,
    body.woocommerce-account .woocommerce-Addresses > .col-1,
    body.woocommerce-account .woocommerce-Addresses > .col-2,
    body.woocommerce-account .woocommerce-Address {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px !important;
    }

    body.woocommerce-account .woocommerce-Address-title {
        align-items: flex-start !important;
        gap: 10px !important;
    }

    body.woocommerce-account .woocommerce-Address-title h2 {
        min-width: 0;
        margin: 0 !important;
        font-size: 1.25rem !important;
        line-height: 1.15 !important;
        overflow-wrap: break-word;
    }

    body.woocommerce-account .woocommerce-Address address {
        max-width: 100%;
        padding-left: 13px !important;
        font-size: .92rem;
        line-height: 1.7 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    /* Dashboard copy, emails, order numbers and notices can contain long tokens. */
    body.woocommerce-account .woocommerce-MyAccount-content p,
    body.woocommerce-account .woocommerce-MyAccount-content li,
    body.woocommerce-account .woocommerce-MyAccount-content address,
    body.woocommerce-account .woocommerce-MyAccount-content a,
    body.woocommerce-account .woocommerce-MyAccount-content td,
    body.woocommerce-account .woocommerce-MyAccount-content th,
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    /* Account tables use Woo's stacked rows, but ensure cell content itself
       can shrink instead of expanding the page. */
    body.woocommerce-account .woocommerce-MyAccount-content table,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td {
        min-width: 0;
        align-items: flex-start;
        gap: 10px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td::before {
        flex: 0 0 42%;
        max-width: 42%;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .button,
    body.woocommerce-account .woocommerce-MyAccount-content button,
    body.woocommerce-account .woocommerce-MyAccount-content input.button {
        max-width: 100%;
        white-space: normal !important;
        text-align: center;
    }

    /* Account edit forms: eliminate inherited half-width rows. */
    body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
    body.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body.woocommerce-account .woocommerce-MyAccount-content select,
    body.woocommerce-account .woocommerce-MyAccount-content textarea {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* ============================================================
 * Mobile polish 1.1.44
 * Checkout totals, branded audio slider, product-category archive.
 * ============================================================ */
@media (max-width: 767px) {
    /* Checkout: reserve enough room for values like "1 050,00 zł".
       Product titles may wrap; money never should. */
    body.woocommerce-checkout .woocommerce-checkout-review-order-table th.product-name,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
        width: 61% !important;
    }

    body.woocommerce-checkout .woocommerce-checkout-review-order-table th.product-total,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
        width: 39% !important;
        min-width: 112px;
        text-align: right !important;
    }

    body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal th,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th {
        width: 61% !important;
    }

    body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
        width: 39% !important;
        min-width: 112px;
        text-align: right !important;
    }

    body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol {
        display: inline !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* Audio range is not a form text field. Restore its compact geometry. */
    .musicnotes-audio-player__seek,
    .woocommerce .musicnotes-audio-player__seek,
    .woocommerce-checkout .musicnotes-audio-player__seek {
        min-height: 0 !important;
        height: 18px !important;
        padding-block: 0 !important;
    }

    /* Product taxonomy / shop archive header. */
    .musicnotes-archive-header {
        text-align: center;
    }

    .musicnotes-archive-header .musicnotes-archive-title {
        width: fit-content;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .musicnotes-archive-header .term-description {
        text-align: left;
    }

    .musicnotes-archive-search {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .musicnotes-archive-search input[type="search"] {
        min-width: 0;
        width: 100%;
        font-size: 16px !important;
    }

    .musicnotes-archive-search button {
        flex: 0 0 auto;
        min-width: 88px;
        padding-left: 14px !important;
        padding-right: 14px !important;
        white-space: nowrap;
    }
}

@media (max-width: 359px) {
    body.woocommerce-checkout .woocommerce-checkout-review-order-table th.product-name,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal th,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th {
        width: 57% !important;
    }

    body.woocommerce-checkout .woocommerce-checkout-review-order-table th.product-total,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td,
    body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
        width: 43% !important;
        min-width: 108px;
    }
}


/* Category archive badges use the shared brand gradient. */
@media (max-width: 767px) {
    .musicnotes-archive-title[data-category] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: .62rem 1rem;
        border-radius: .85rem;
        background: linear-gradient(90deg, var(--color-brand-orange) 0%, var(--color-brand-pink) 100%);
        color: #fff !important;
        box-shadow: 0 7px 18px rgba(236, 72, 153, .14);
    }

}

/* ============================================================
 * Single product mobile buy row 1.1.47
 * Price replaces quantity on phones; quantity stays editable in cart.
 * ============================================================ */
.musicnotes-mobile-cart-price {
    display: none;
}

@media (max-width: 767px) {
    /* The normal price above the player is duplicated on mobile, so hide it. */
    body.single-product .summary .musicnotes-single-top-price {
        display: none !important;
    }

    /* Put price + add-to-cart in one clean row. */
    body.single-product .summary form.cart {
        display: grid !important;
        grid-template-columns: minmax(0, .42fr) minmax(0, .58fr) !important;
        align-items: center !important;
        gap: .75rem !important;
        width: 100%;
        margin-top: 1.35rem !important;
        margin-bottom: 1.1rem !important;
    }

    body.single-product .summary form.cart .quantity {
        display: none !important;
    }

    body.single-product .summary .musicnotes-mobile-cart-price {
        display: flex !important;
        min-width: 0;
        align-items: center;
        color: var(--color-brand-orange, #e87225);
        font-size: clamp(1.35rem, 6vw, 1.7rem);
        font-weight: 800;
        line-height: 1.1;
        white-space: nowrap;
    }

    body.single-product .summary .musicnotes-mobile-cart-price del {
        display: none;
    }

    body.single-product .summary .musicnotes-mobile-cart-price ins {
        color: inherit;
        text-decoration: none;
    }

    body.single-product .summary form.cart .single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 3.35rem !important;
        margin: 0 !important;
        padding: .9rem .85rem !important;
        border-radius: .9rem !important;
        font-size: .96rem !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        white-space: nowrap;
    }

    /* Product information: metadata only, no file-format / delivery filler. */
    body.single-product .musicnotes-product-info {
        margin-top: 1.35rem;
        padding: 1rem;
        border-radius: 1.25rem;
    }

    body.single-product .musicnotes-product-info h2 {
        margin-bottom: .85rem;
        font-size: 1.35rem;
        line-height: 1.15;
    }

    body.single-product .musicnotes-product-info .musicnotes-product-included__grid {
        gap: .55rem;
    }

    body.single-product .musicnotes-product-info .musicnotes-product-included__grid > div {
        padding: .72rem .8rem;
    }
}

@media (max-width: 380px) {
    body.single-product .summary form.cart {
        grid-template-columns: minmax(0, .38fr) minmax(0, .62fr) !important;
        gap: .6rem !important;
    }

    body.single-product .summary .musicnotes-mobile-cart-price {
        font-size: 1.25rem;
    }

    body.single-product .summary form.cart .single_add_to_cart_button {
        font-size: .9rem !important;
        padding-inline: .65rem !important;
    }
}

/* ============================================================
 * Branded audio player — hard range reset 1.1.48
 * Isolate the seek bar from WooCommerce/global form input styles.
 * ============================================================ */
.musicnotes-audio-player input.musicnotes-audio-player__seek,
.woocommerce .musicnotes-audio-player input.musicnotes-audio-player__seek,
.woocommerce-page .musicnotes-audio-player input.musicnotes-audio-player__seek {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, .96) 0,
        rgba(255, 255, 255, .96) var(--seek-progress, 0%),
        rgba(255, 255, 255, .38) var(--seek-progress, 0%),
        rgba(255, 255, 255, .38) 100%
    ) center / 100% 4px no-repeat !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Chrome / Safari / Edge / Android Chromium */
.musicnotes-audio-player__seek::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 4px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.musicnotes-audio-player__seek::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 14px !important;
    height: 14px !important;
    margin-top: -5px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .22) !important;
}

/* Firefox */
.musicnotes-audio-player__seek::-moz-range-track {
    width: 100% !important;
    height: 4px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .38) !important;
    box-shadow: none !important;
}

.musicnotes-audio-player__seek::-moz-range-progress {
    height: 4px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .96) !important;
}

.musicnotes-audio-player__seek::-moz-range-thumb {
    width: 14px !important;
    height: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .22) !important;
}

.musicnotes-audio-player__seek:focus,
.musicnotes-audio-player__seek:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

/* Keep the visible focus treatment on the player wrapper instead of
   turning the seek input itself into a large form-field focus surface. */
.musicnotes-audio-player:has(.musicnotes-audio-player__seek:focus-visible) {
    box-shadow: 0 0 0 3px rgba(232, 114, 37, .18), 0 10px 24px rgba(245, 66, 139, .14);
}


/* ============================================================
 * Product description card — 1.1.49
 * Sits between the delivery note/player and the mobile price + CTA.
 * ============================================================ */
.musicnotes-product-description-card {
    margin: 1.1rem 0 0;
    padding: 1rem 1.05rem;
    border: 1px solid #e2e8f0;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, #ffffff 0%, #fffaf6 58%, #fff7fb 100%);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

.musicnotes-product-description-card h2 {
    margin: 0 0 .55rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.musicnotes-product-description-card__content {
    color: #475569;
    font-size: .92rem;
    line-height: 1.65;
}

.musicnotes-product-description-card__content > :first-child {
    margin-top: 0;
}

.musicnotes-product-description-card__content > :last-child {
    margin-bottom: 0;
}

.musicnotes-product-description-card__content p + p,
.musicnotes-product-description-card__content ul,
.musicnotes-product-description-card__content ol {
    margin-top: .55rem;
}

.musicnotes-product-description-card__content ul,
.musicnotes-product-description-card__content ol {
    padding-left: 1.2rem;
}

.musicnotes-product-description-card__content ul {
    list-style: disc;
}

.musicnotes-product-description-card__content ol {
    list-style: decimal;
}

@media (max-width: 767px) {
    body.single-product .musicnotes-product-description-card {
        margin-top: 1rem;
        padding: .9rem .95rem;
        border-radius: 1rem;
    }

    body.single-product .musicnotes-product-description-card h2 {
        font-size: .98rem;
    }

    body.single-product .musicnotes-product-description-card__content {
        font-size: .88rem;
        line-height: 1.6;
    }

    /* Keep the CTA immediately after the description, without a huge gap. */
    body.single-product .summary .musicnotes-product-description-card + form.cart {
        margin-top: 1rem !important;
    }
}


/* ============================================================
 * Product assurances — full-width lower bar 1.1.50
 * Three clean benefits below the main product card.
 * ============================================================ */
body.single-product .musicnotes-product-assurances--wide {
    clear: both;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    width: 100%;
    margin: 1.5rem 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #e2e8f0 !important;
    border-radius: 1.35rem;
    background: linear-gradient(135deg, #ffffff 0%, #fffaf6 52%, #fff7fb 100%);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

body.single-product .musicnotes-product-assurances--wide > div {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) !important;
    grid-template-rows: auto auto;
    align-items: center !important;
    column-gap: .75rem;
    row-gap: .12rem;
    min-width: 0;
    padding: 1.2rem 1.3rem;
}

body.single-product .musicnotes-product-assurances--wide > div + div {
    border-left: 1px solid #e2e8f0;
}

body.single-product .musicnotes-product-assurances--wide span {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: grid !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-brand-orange) 0%, var(--color-brand-pink) 100%) !important;
    color: #fff !important;
    font-size: .9rem !important;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(245, 66, 139, .14);
}

body.single-product .musicnotes-product-assurances--wide strong {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    color: #0f172a !important;
    font-size: .9rem !important;
    font-weight: 800 !important;
    line-height: 1.25;
}

body.single-product .musicnotes-product-assurances--wide small {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    color: #64748b !important;
    font-size: .76rem !important;
    line-height: 1.4;
}

@media (max-width: 767px) {
    body.single-product .musicnotes-product-assurances--wide {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 1rem !important;
        border-radius: 1.15rem;
    }

    body.single-product .musicnotes-product-assurances--wide > div {
        grid-template-columns: 2.35rem minmax(0, 1fr) !important;
        padding: .95rem 1rem;
    }

    body.single-product .musicnotes-product-assurances--wide > div + div {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
    }

    body.single-product .musicnotes-product-assurances--wide span {
        width: 2rem !important;
        height: 2rem !important;
        font-size: .82rem !important;
    }

    body.single-product .musicnotes-product-assurances--wide strong {
        font-size: .86rem !important;
    }

    body.single-product .musicnotes-product-assurances--wide small {
        font-size: .73rem !important;
    }
}