/*
 * PTF Handels 2.5.3
 * Product page without WooCommerce sidebar and with a centred full-width layout.
 */

body.single-product .ptf-shop-main {
    padding: 46px 0 86px;
}

body.single-product .ptf-shop-main > .ptf-container {
    width: min(calc(100% - 48px), 1320px);
    margin-inline: auto;
}

body.single-product .ptf-shop-main > .ptf-container > .woocommerce,
body.single-product .ptf-shop-main .woocommerce-notices-wrapper {
    width: 100%;
}

body.single-product .woocommerce div.product {
    width: 100%;
    margin-inline: auto;
}

body.single-product .woocommerce .related.products,
body.single-product .woocommerce .upsells.products {
    width: 100%;
    margin: 66px 0 0;
    clear: both;
}

body.single-product .woocommerce .related.products > h2,
body.single-product .woocommerce .upsells.products > h2 {
    margin: 0 0 28px;
    color: var(--ptf-navy);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.12;
    letter-spacing: -.035em;
}

/* Germanized information in related/upsell cards should not create tall gaps. */
body.single-product .related.products ul.products li.product .wc-gzd-additional-info,
body.single-product .upsells.products ul.products li.product .wc-gzd-additional-info {
    display: inline !important;
    min-height: 0 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: #66738a !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

body.single-product .related.products ul.products li.product .wc-gzd-additional-info.tax-info,
body.single-product .upsells.products ul.products li.product .wc-gzd-additional-info.tax-info {
    margin-left: 14px !important;
}

body.single-product .related.products ul.products li.product .shipping-costs-info::before,
body.single-product .upsells.products ul.products li.product .shipping-costs-info::before {
    content: " · ";
}

body.single-product .related.products ul.products li.product .wc-gzd-additional-info a,
body.single-product .upsells.products ul.products li.product .wc-gzd-additional-info a {
    color: inherit !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    body.single-product .ptf-shop-main > .ptf-container {
        width: min(calc(100% - 28px), 1320px);
    }
    body.single-product .woocommerce .related.products,
    body.single-product .woocommerce .upsells.products {
        margin-top: 48px;
    }
}