/* ===============================================================
   APUS / Warehousechild V23 — mobile (do 767.98px)
   - mniejsza galeria, nadal bez kadrowania i ze znakiem producenta
   - 2 kolumny podstawowych cech
   - czytelniejsze opisy i kody
   - ciaśniejsze odstępy w magazynach i linkach
   - oryginalny, przyklejony koszyk PrestaShop
   Desktop bez zmian. Nie dodajemy JS.
   =============================================================== */

@media (max-width: 767.98px) {
    /* 1. Galeria: mniej przewijania na starcie. */
    .apus-pdp .apus-pdp-gallery {
        margin-bottom: 10px;
    }

    .apus-pdp .apus-pdp-gallery .product-cover .vc__brand_on_cover {
        top: 8px;
        left: 8px;
        max-width: 82px;
        max-height: 34px;
        padding: 4px 6px;
    }
    .apus-pdp .apus-pdp-gallery .product-cover .vc__brand_on_cover img.manufacturer-logo {
        max-width: 68px !important;
        max-height: 22px !important;
    }
    .apus-pdp .apus-pdp-gallery #product-images-large .product-lmage-large picture {
        min-height: 0;
    }
    .apus-pdp .apus-pdp-gallery #product-images-large .product-lmage-large picture > img,
    .apus-pdp .apus-pdp-gallery #product-images-large .product-lmage-large picture > source + img {
        width: 100%;
        height: clamp(235px, 74vw, 305px);
        max-width: 100%;
        max-height: 305px;
        object-fit: contain;
        object-position: center;
    }
    .apus-pdp .apus-pdp-gallery #product-images-thumbs {
        margin-top: 7px;
    }
    .apus-pdp .apus-pdp-gallery #product-images-thumbs .thumb-container {
        padding: 3px;
    }
    .apus-pdp .apus-pdp-gallery #product-images-thumbs .thumb-container img {
        max-height: 55px;
        object-fit: contain;
    }

    /* 2. Tytul, kody i ceny. Nie zmieniamy danych ani duzych liter. */
    .apus-pdp .apus-pdp-heading {
        margin-bottom: 13px;
    }
    .apus-pdp .vc__product_title,
    .apus-pdp .vc__product_title > span {
        font-size: 19px !important;
        font-weight: 500 !important;
        line-height: 1.33;
        letter-spacing: -.012em;
    }
    .apus-pdp .vc__product_title {
        margin-bottom: 7px !important;
    }
    .apus-pdp .apus-pdp-meta {
        gap: 2px 11px;
        font-size: 12.5px;
        line-height: 1.5;
    }
    .apus-pdp .apus-pdp-purchase .vc__price_tax_inc .current-price,
    .apus-pdp .apus-pdp-purchase .vc__price_tax_inc .current-price-value {
        font-size: 28px;
        font-weight: 600;
    }
    .apus-pdp .apus-pdp-purchase .vc__price_tax_inc .vc__price_tax_suffix,
    .apus-pdp .apus-pdp-purchase .vc__price_tax_exc .product-without-taxes.product-price {
        font-size: 12.5px;
    }

    /* 3. Cechy: zawsze czytelne, dwie kolumny zamiast 5 w jednym rzedzie. */
    .apus-pdp .apus-pdp-specs {
        margin: 15px 0 0;
        padding: 12px 0 13px;
    }
    .apus-pdp .apus-pdp-section-label {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .apus-pdp .apus-pdp-specs .vc__product_featured_features {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 15px;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    .apus-pdp .apus-pdp-specs .vc__product_featured_features > li {
        display: flex;
        flex-direction: column;
        flex: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        line-height: 1.4;
        overflow-wrap: break-word;
    }
    .apus-pdp .apus-pdp-specs .value {
        font-size: 15px;
        line-height: 1.3;
    }
    .apus-pdp .apus-pdp-specs .name {
        font-size: 12.5px;
        line-height: 1.4;
    }
    .apus-pdp .apus-pdp-spec-link {
        margin-top: 10px;
        font-size: 12.5px;
    }

    /* 4. Magazyny: kompaktowe 2 kolumny, bez ucinania stanow. */
    .apus-pdp .apus-pdp-shipping {
        margin-top: 11px;
    }
    .apus-pdp .apus-pdp-shipping .product-stock-section {
        margin-top: 2px;
        padding-top: 12px;
        padding-bottom: 1px;
    }
    .apus-pdp .apus-pdp-shipping .cps-stock-heading {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .apus-pdp .apus-pdp-shipping ul.cps-stock-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px 12px;
    }
    .apus-pdp .apus-pdp-shipping .cps-stock-item__main {
        gap: 2px 6px;
        font-size: 12.5px;
        line-height: 1.45;
    }
    .apus-pdp .apus-pdp-shipping .cps-stock-item__name {
        font-size: 12.5px;
    }
    .apus-pdp .apus-pdp-shipping .cps-stock-item__qty {
        font-size: 13px;
    }
    .apus-pdp .apus-pdp-shipping .cps-stock-item__shipping {
        margin-top: 3px;
        font-size: 12.5px;
    }

    /* 5. Dostawa i akcje: mniej pustych odstepow, tekst czytelny. */
    .apus-pdp .apus-pdp-benefits {
        margin-top: 12px;
        padding: 8px 0;
    }
    .apus-pdp .apus-pdp-benefit,
    .apus-pdp a.apus-pdp-benefit,
    .apus-pdp a.apus-pdp-benefit:link,
    .apus-pdp a.apus-pdp-benefit:visited {
        gap: 10px;
        min-height: 34px;
        padding: 3px 0;
        font-size: 13.5px;
        line-height: 1.45;
    }
    .apus-pdp .apus-pdp-benefit__title {
        font-size: 13.5px;
    }
    .apus-pdp .apus-pdp-actions {
        padding-top: 9px;
    }
    .apus-pdp .apus-pdp-actions .vc__product_actions {
        gap: 6px 16px;
    }
    .apus-pdp .apus-pdp-actions .vc__product_actions > .vc__product_action_btn,
    .apus-pdp .apus-pdp-actions .vc__product_actions > button.vc__product_action_btn,
    .apus-pdp .apus-pdp-actions .vc__product_actions > a.vc__product_action_btn {
        font-size: 13px;
        line-height: 1.45;
    }

    /* 6. Szczegoly: wszystko nadal na stronie, bez ukrywania parametrow. */
    .apus-pdp .apus-pdp-detail-nav > a,
    .apus-pdp .apus-pdp-detail-nav > a:link,
    .apus-pdp .apus-pdp-detail-nav > a:visited {
        font-size: 13px;
    }
    .apus-pdp .apus-pdp-details #product-description-wrapper .product-description,
    .apus-pdp .apus-pdp-details #product-description-wrapper .rte-content {
        max-width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 1.65;
    }
    .apus-pdp .apus-pdp-details #product-description-wrapper .rte-content > :is(b, strong):has(+ br) {
        margin-top: 12px;
        font-size: 14px;
    }
    .apus-pdp .apus-pdp-details #product-details-wrapper .product-features .name,
    .apus-pdp .apus-pdp-details #product-details-wrapper .product-features .value {
        font-size: 13px;
    }
}

/* 7. Koszyk: nie tworzymy drugiego przycisku ani formularza.
   Korzystamy z oryginalnego formularza PrestaShop, przypietego na dole. */
@media screen and (max-width: 767.98px) {
    body#product:has(.apus-pdp .vc__add_to_cart_and_quantity button.add-to-cart) {
        padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    }

    body#product .apus-pdp .apus-pdp-purchase .vc__add_to_cart_and_quantity:has(button.add-to-cart) {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        z-index: 999 !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 68px;
        margin: 0 !important;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        background: #fff !important;
        border-top: 1px solid #e8edf0 !important;
        box-shadow: 0 -6px 18px rgba(23, 42, 60, .09) !important;
        box-sizing: border-box;
        transform: none !important;
    }

    body#product .apus-pdp .apus-pdp-purchase .vc__add_to_cart_and_quantity .qty {
        display: block !important;
        flex: 0 0 82px !important;
        width: 82px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
    body#product .apus-pdp .apus-pdp-purchase .vc__add_to_cart_and_quantity .qty input {
        max-width: 100%;
        height: 46px;
    }
    body#product .apus-pdp .apus-pdp-purchase .vc__add_to_cart_and_quantity .add {
        display: block !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
    body#product .apus-pdp .apus-pdp-purchase .vc__add_to_cart_and_quantity button.add-to-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px;
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
        visibility: visible !important;
    }
    body#product .apus-pdp .apus-pdp-purchase button.add-to-cart:disabled {
        cursor: not-allowed !important;
        opacity: .65 !important;
    }
}