.suggested-product-list { 
    display: grid; margin: 0; min-height: 130px; max-width: 400px; min-width: 400px; 
    position: fixed; bottom: 30px; left: 30px; width: auto; z-index: 9; 
    -webkit-transition: all 0.3s linear; transition: all 0.3s linear; padding: 0; }

.suggested-product-list .suggested-product-data { 
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15); 
    display: flex; justify-content: flex-start; height: 100%; margin: 0; 
    padding: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem); -webkit-transition: transform 375ms cubic-bezier(0.7, 0, 0.3, 1); 
    transition: transform 375ms cubic-bezier(0.7, 0, 0.3, 1); grid-area: 1/-1; align-items: center; 
    background-color: var(--wdtBodyBGColor); transform: translateY(300px); -webkit-transform: translateY(300px); }

.suggested-product-list .suggested-product-data.active { transform: translateY(0); -webkit-transform: translateY(0); }

.suggested-product-list .suggested-product-data > * a { display: block; width: fit-content; font-weight: var(--wdtFontWeight_Alt); font-size: var(--wdtFontSize_H6); text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_2X, 2px); }

.suggested-product-list .suggested-product-data > * a img {
    display: block; width: clamp(5.3125rem, 5.1457rem + 0.9202vw, 6.25rem); /*100px - 85px*/ 
    height: auto; object-fit: cover; object-position: center; background-color: var(--wdtTertiaryColor); }

.suggested-product-list .suggested-product-data .suggested-product-content { 
    padding-left: clamp(0.9375rem, 0.8819rem + 0.3067vw, 1.25rem); /*20px - 15px*/ flex: 3;
    display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; }

.suggested-product-list .suggested-product-data .suggested-product-content .suggested-product-content-items .suggested-product-info {
    font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); 
    line-height: 1.5; text-transform: capitalize; margin-bottom: 8px; display: flex; flex-direction: column; gap: 5px; }

.suggested-product-list .suggested-product-data .suggested-product-content .suggested-product-content-items .suggested-product-info strong {
    font-size: var(--wdtFontSize_Base); 
    font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); }


/* Close Button Style */

.suggested-product-list .suggested-product-data a.wdt_close i { 
    display: none; }

.suggested-product-list .suggested-product-data a.wdt_close { 
    height: 30px; position: absolute; right: -18px; top: -18px; text-align: center; width: 30px; 
    font-size: var(--wdtFontSize_Ext); display: flex; align-items: center; justify-content: center;
    border: none; isolation: isolate; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.suggested-product-list .suggested-product-data a.wdt_close::before,
.suggested-product-list .suggested-product-data a.wdt_close::after { 
    content: ""; position: absolute; width: 2px; height: 16px; background-color: currentColor; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.suggested-product-list .suggested-product-data a.wdt_close::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.suggested-product-list .suggested-product-data a.wdt_close:focus,
.suggested-product-list .suggested-product-data a.wdt_close:hover { 
    background-color: var(--wdtSecondaryColor); color: var(--wdtHeadAltColor); }


/* Responsive */

@media (max-width: 1024px) {
    .suggested-product-list { 
        max-width: 340px; min-width: 340px; position: fixed; bottom: 14px; left: 14px; }
    .suggested-product-list .suggested-product-data { padding: 10px; }
    .suggested-product-list .suggested-product-data a.wdt_close { 
        height: 22px; right: -10px; top: -10px; width: 22px; font-size: .74rem; }
}

@media (max-width: 480px) { 
    .suggested-product-list { max-width: 300px; min-width: 300px; }
}