/* Product pages, desktop layout. Retain the existing carousel and links. */
@media (min-width: 1024px) {
    .gg-native-single-product .product.gg-desktop-product-layout > .related.products {
        border-top: 1px solid #e7e5e4;
        margin: 56px calc(50% - 50vw + 24px) 0;
        max-width: none;
        padding-top: 32px;
        width: calc(100vw - 48px);
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-header {
        gap: 24px;
        margin-bottom: 24px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-header > h2 {
        font-size: clamp(26px, 2.2vw, 34px);
        font-weight: 650;
        letter-spacing: -.025em;
        line-height: 1.2;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-carousel-status {
        background: transparent;
        border: 0;
        color: #78716c;
        font-size: 12px;
        font-weight: 500;
        min-width: 80px;
        padding: 0 4px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-carousel-nav button.gg-related-carousel-button {
        background: #fff !important;
        border-color: #d6d3d1 !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        color: #262626 !important;
        transform: none;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-carousel-nav button.gg-related-carousel-button:hover:not(:disabled) {
        background: #262626 !important;
        border-color: #262626 !important;
        color: #fff !important;
        transform: none;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .gg-related-carousel-nav button.gg-related-carousel-button:disabled {
        background: #fff !important;
        border-color: #e7e5e4 !important;
        color: #d6d3d1 !important;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related.products ul.products {
        gap: 16px !important;
        grid-auto-columns: calc((100% - 48px) / 4);
        padding: 0 0 8px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-inner {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-media {
        aspect-ratio: 1;
        background: #f7f7f7;
        border: 0 !important;
        border-radius: 2px !important;
        flex: 0 0 auto;
        overflow: hidden;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-media > a {
        background: transparent;
        display: block;
        height: 100%;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-media > a > img {
        border: 0;
        height: 100%;
        margin: 0;
        mix-blend-mode: multiply;
        object-fit: contain;
        padding: 20px;
        width: 100%;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-media .secondary-image {
        inset: 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-contents {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin: 0;
        padding: 14px 0 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .product-color-links {
        align-content: start;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin: 0 0 14px !important;
        min-height: 36px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .product-color-links > a {
        display: inline-flex;
        flex: 0 0 36px;
        height: 36px;
        margin: 0;
        max-width: 36px;
        width: 36px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .product-color-links > a > img {
        border-radius: 2px !important;
        height: 36px !important;
        margin: 0;
        object-fit: contain;
        opacity: 1 !important;
        visibility: visible !important;
        width: 36px !important;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .product-color-links > a:hover > img,
    .gg-native-single-product .product.gg-desktop-product-layout .related .product-color-links > a:focus-visible > img {
        border-color: var(--gg-wine, #881337);
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-contents .b-row-main,
    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product-contents .b-col {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__title {
        margin: 0;
        padding: 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .woocommerce-loop-product__title {
        color: #262626;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.45;
        margin: 8px 0 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .woocommerce-loop-product__title a {
        color: inherit;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .woocommerce-loop-product__title a:hover {
        color: var(--gg-wine, #881337);
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .onsale2 {
        border-radius: 2px;
        left: 12px;
        top: 12px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__price {
        display: block;
        flex: 0 0 auto;
        margin: auto 0 0;
        min-height: 0;
        padding: 18px 0 14px;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .price {
        align-items: baseline;
        color: #171717;
        display: flex;
        flex-wrap: wrap;
        font-size: 18px;
        font-weight: 650;
        gap: 8px;
        line-height: 1.4;
        margin: 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .price ins {
        background: none;
        color: inherit;
        order: -1;
        text-decoration: none;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .price del {
        color: #78716c;
        font-size: 13px;
        font-weight: 400;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart {
        margin: 0;
        padding: 0;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .button,
    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .added_to_cart {
        align-items: center;
        background: #fff !important;
        border: 1px solid #d6d3d1;
        border-radius: 2px !important;
        box-shadow: none;
        color: #262626;
        display: flex;
        font-size: 13px;
        font-weight: 650;
        justify-content: center;
        line-height: 1.4;
        min-height: 44px;
        padding: 11px 16px;
        width: 100%;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .button:hover,
    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .button:focus-visible,
    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .added_to_cart:hover,
    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .added_to_cart:focus-visible {
        background: var(--gg-wine, #881337) !important;
        border-color: var(--gg-wine, #881337);
        color: #fff;
    }

    .gg-native-single-product .product.gg-desktop-product-layout .related .wc-product__add_to_cart .ajax_add_to_cart.added {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .gg-native-single-product .product.gg-desktop-product-layout .related.products ul.products {
        grid-auto-columns: calc((100% - 32px) / 3);
    }
}
