.et-productdetail-wrapper {
    .slick-track {
        margin-left: 0;
        margin-right: 0;
    }

    .rating {
        color: $colorRatings;
    }

    .product-title {
        margin-bottom: 10px;
    }

    // Manufacturer
    .product-manufacturer {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid $colorNeutral5;

        a,
        .et-product-detail-manufacturer-row {
            display: flex;
            flex-flow: row wrap;
            align-items: flex-end;
            text-transform: uppercase;
            font-weight: $font-weight-bold;
        }

        img {
            max-width: 60px;
            height: auto;
            margin-right: 10px; // fallback for compatibility.
        }

        .et-product-detail-manufacturer-name {
            order: 2;
        }
        .et-product-detail-manufacturer-logo {
            order: 1;
            img {
                margin-right: 0;
            }
            &:not(:last-child) {
                margin-right: 10px;
            }
        }

        &.et-layout-imageText {
            .et-product-detail-manufacturer-name {
                order: 2;
                &:not(:first-child) { /* as we reverse the natural order of DOM elements here, we have to look "backwards" */
                    margin-right: 0;
                }
            }
            .et-product-detail-manufacturer-logo {
                order: 1;
                &:not(:last-child) {
                    margin-right: 10px;
                }
            }
        }
        &.et-layout-textImage {
            .et-product-detail-manufacturer-name {
                order: 1;
                &:not(:first-child) { /* as we reverse the natural order of DOM elements here, we have to look "backwards" */
                    margin-right: 10px;
                }
            }
            .et-product-detail-manufacturer-logo {
                order: 2;
                &:not(:last-child) {
                    margin-right: 0;
                }
            }
        }
        &.et-align-horizontal-left {
            .et-product-detail-manufacturer-row {
                justify-content: flex-start;
            }
        }
        &.et-align-horizontal-center {
            .et-product-detail-manufacturer-row {
                justify-content: center;
            }
        }
        &.et-align-horizontal-right {
            .et-product-detail-manufacturer-row {
                justify-content: flex-end;
            }
        }
        &.et-align-horizontal-distributed {
            .et-product-detail-manufacturer-row {
                justify-content: space-between;
            }
            // special cases for distributed layout but only one of image or logo is available
            &.et-layout-textImage {
                .et-product-detail-manufacturer-logo {
                    &:last-child {
                        // textImage layout, but no text exists
                        margin-left: auto;
                    }
                }
            }
            &.et-layout-imageText {
                .et-product-detail-manufacturer-name {
                    &:first-child {
                        // imageText layout, but no image exists
                        margin-left: auto;
                    }
                }
            }
        }
    }

    // Essential Infos
    .product-essential-info-row {
        display: flex;
        flex-flow: row wrap;
        color: color-yiq($colorContentBackground, $colorFontMuted, $colorFontLight);

        @include media-breakpoint-up(sm) {
            flex-flow: row;
        }

        &-text,
        .product-sku,
        .product-category {
            &:not(:first-child)::before {
                content: '|';
                margin-left: 15px;
                margin-right: 10px;
            }
        }

        &-text {
            display: flex;
            flex-flow: row wrap;

            &:not(:first-child)::before {
                @include media-breakpoint-down(sm) {
                    content: '';
                    margin: 0;
                }
            }
        }

        .rating-wrapper {
            white-space: nowrap;
            flex: 1 1 100%;

            @include media-breakpoint-up(sm) {
                flex: 0;
            }
        }
    }
    .info-essential {
        color: color-yiq($colorContentBackground, $colorFontMuted, $colorFontLight);
    }

    // Product Info
	.product-info {
        .stock-information {
            display: none;

            @include media-breakpoint-up(md) {
                display: block
            }

            &-mobile {
                display: block;

                @include media-breakpoint-up(md) {
                    display: none
                }

                ul {
                    display: flex;
                    flex-flow: row wrap;
                    align-items: center;
                    justify-content: space-between;
                }
            }

            &.stock-information-p {
                padding-top: map_get($spacers, 3);
                padding-bottom: map_get($spacers, 3);
            }
            @include media-breakpoint-down(sm) {
                margin-top: map_get($spacers, 3);
            }
        }

        .estimated-delivery {
            color: inherit;
        }

        // stock-status
        .status-icon {
            text-align: center;
            width: 1.25em;
        }

        .variations dt {
            font-weight: $font-weight-bold;
        }

        &-inner {
            .price_wrapper .price {
                margin-bottom: $grid-gutter-width / 4;
            }
        }

        // Product Actions
        .product-actions {
            display: flex;
            flex-flow: row wrap;
        	align-items: center;
            justify-content: space-around;
            @include media-breakpoint-up(sm) {
                justify-content: space-between;
            }
            border-top: 1px solid $colorNeutral5;
            border-bottom: 1px solid $colorNeutral5;
            padding: rem(18px) 0;
            gap: $grid-gutter-width / 2;

            // Remove all horizontal margins/paddings, leave this to the gap.
            .btn {
                padding-left: 0;
                padding-right: 0;
            }

            .compare {
                margin-left: 0;
                margin-right: 0;
            }

            .wishlist-button {
                border: 0 none;
                margin-right: 0;
                margin-left: 0;

                .wishlist-button-text {
                    text-decoration: none;
                }
            }
        }
    }

    // Product Offer
    .product-offer {
        margin: rem(20px) 0;
        padding-top: rem(20px);
        border-top: 1px solid $colorNeutral5;

        @include media-breakpoint-up(md) {
            margin: rem(34px) 0;
            padding-top: 0;
            border-top: 0;
        }

        @include media-breakpoint-down(sm) {
            .question-on-item {
                margin-bottom: rem(8px);
            }

            .price_wrapper {
                margin-bottom: rem(8px);
            }

            .price.h1 {
                margin-bottom: rem(4px);
            }

            #add-to-cart {
                margin-top: 0
            }
        }

        &.et-background-different {
            padding: rem($grid-gutter-width);
            border-radius: $border-radius;
        }

        .filter-option {
            .badge {
                margin-left: rem(8px);
            }
        }
    }

    // Prices
    .price_wrapper {
        margin-bottom: rem(24px);

        .pricestarting {
            display: block;
        }
    }

    .instead-of.old-price {
        font-size: 90%;
    }

    .special-price {
        color: $colorFontSpecialPrice;
    }

    .bulk-prices {
        margin-top: rem(30px);

        .table {
            width: auto;

            thead th,
            th, td {
                border: 0 none;
            }

            &.table-sm th,
            &.table-sm td {
                padding: rem(4px) rem(8px);

                &:first-child {
                    padding-left: 0;
                }
            }
        }
    }

    // Thumbnails
    .et-gallery-thumbs {
        // Vertical Thumbnails
        &-vertical {
            .product-thumbnails-wrapper {
                flex-flow: column nowrap;
                max-height: 100%;
            }

            .slick-track {
                flex-flow: column;
            }

            .product-thumbnails {
                flex-flow: row wrap;
                justify-content: center;

                .slick-slide {
                    margin: 0 0 5px 0;
                }
            }
        }

        &-horizontal {
            .et-slider-nav {
                display: flex;
                align-items: center;
                justify-content: center;

                &-next {
                    margin-left: 10px;
                }
                &-prev {
                    margin-right: 10px;
                }
            }
        }
    }

    .product-thumbnails-wrapper {
		margin-left: auto;
		margin-right: auto;
        display: flex;

		.product-thumbnails {
			width: 100%;
            margin-bottom: 0;
			margin-left: 0;
			margin-right: 0;

            .square-image {
                align-items: center;
            }

			.slick-list {
				width: 100%;
			}
		}

        .et-slider-nav {
            .slick-arrow {
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                transform: none;
                font-size: 15px;
            }
        }
	}

    .gallery-with-action.fullscreen {
        .et-gallery-thumbs-vertical {
            .slick-track {
                flex-flow: row wrap;
            }
        }
    }

    .youtube-thumbnail {
        position: relative;
        height: auto;

        .inner {
            height: auto;
        }

        .play-icon {
            position: absolute;
            z-index: 9;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 47px;
        }
    }

    // Thumb Positioning
    &.et-thumbs-position-left,
    &.et-thumbs-position-top {
        .et-gallery-thumbs { order: 1; }
        .et-gallery-slider { order: 2; }
    }

    &.et-thumbs-position-right,
    &.et-thumbs-position-bottom {
        .et-gallery-thumbs { order: 2; }
        .et-gallery-slider { order: 1; }
    }

    // Gallery
    #gallery {
        .js-gallery-images .product-image {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
    }

    .gallery-with-action {
        .product-actions {
            position: absolute;
            z-index: 1;
            right: $grid-gutter-width / 2 + 16px;
            top: rem(16px);
            display: flex;
            justify-content: center;
            align-items: center;
            padding: rem(8px) 0;

            .badge {
                margin: 0 rem(4px);
            }
        }
    }

    #image_wrapper.fullscreen {
        .product-actions {
            display: none;
        }
    }

    // Configurator Styles
    #cfg-container {
        .custom-control-label,
        .dropdown-label {
            font-weight: $font-weight-bold;
        }

        .cfg-group-headline {
            padding-bottom: rem(10px);
            margin-bottom: rem(40px);
            border-bottom: 5px solid $colorNeutral2;
        }

        .config-item {
            margin-bottom: rem(40px);
            padding-top: $grid-gutter-width / 2;
            padding-bottom: $grid-gutter-width / 2;

            label {
                cursor: pointer;
            }

            &-image-label {
                margin-bottom: 0;
            }

            &-content {
                padding-left: rem(50px);
            }

            &-price {
                font-weight: $font-weight-bold;
                display: block;

                .additional, .discount {
                    display: block;
                    color: $colorFontSpecialPrice;
                }
            }

            &-description-collapsible-control {
                text-decoration: none;

                .et-collapse-open,
                .et-collapse-closed {
                    float: none;
                }
            }
        }

        .config-option-dropdown {
            .form-group {
                margin-left: rem(40px);
            }
        }

        #product-configuration-sidebar {
            padding: 25px 20px;
            background-color: $colorNeutral3;
        }

        .config-summary-table {
            .summary {
                border-bottom: 1px solid $colorNeutral4;
                padding-bottom: 10px;
                margin-bottom: 15px;
            }

            &-item {
                display: flex;
                padding: 10px 0;

                &-quantity {
                    margin-right: 5px;
                }

                &-price {
                    flex: 1 1 0;
                    margin-left: 10px;
                }
            }
        }
    }

    .et-voucher-flex-add-to-cart {
        .btn-cart {
            width: 100%;
        }
    }
}

