/* Window Styles - By Product Line - [window_styles_by_product_line product_line=""] - CSS */
.window-styles-grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.window-styles-grid-1 .window-style-item {
	border: 0;
}

.window-styles-wide-container .window-style-item {
    flex: 1 1 25%;
    padding: 20px 20px 30px 20px;
    border-bottom: 1px solid var(--e-global-color-e1bf683);
    border-left: 1px solid var(--e-global-color-e1bf683);
}

.window-styles-wide-container .window-styles-grid-5 .window-style-item {
    flex: 1 1 20%;
    padding: 20px 20px 30px 20px;
	border-bottom: 0 solid var(--e-global-color-e1bf683);
    border-left: 1px solid var(--e-global-color-e1bf683);
}

.window-styles-tall-container .window-style-item {
    flex: 1 1 50%;
    padding: 20px 20px 30px 20px;
    border-bottom: 1px solid var(--e-global-color-e1bf683);
    border-left: 1px solid var(--e-global-color-e1bf683);
}

.window-styles-tall-container .window-style-item:nth-child(odd) {
    border-left: 0;
}

.window-styles-tall-container .window-styles-grid-even .window-style-item:nth-last-child(2) {
    border-bottom: 0;
}

.window-styles-wide-container .window-style-item:first-child,
.window-styles-wide-container .window-style-item:nth-child(5) {
    border-left: 0;
}

.window-styles-wide-container .window-styles-grid-5 .window-style-item:nth-child(5) {
    border-left: 1px solid var(--e-global-color-e1bf683);
}

.window-styles-wide-container .window-style-item:nth-child(n+5):nth-child(-n+8) {
    border-bottom: 0;
}

.window-styles-grid-even .window-style-item:last-child {
    border-bottom: 0;
	border-right: 0;
}

.window-styles-grid-odd .window-style-item:last-child {
    border-bottom: 0;
	border-left: 1px solid var(--e-global-color-e1bf683);
	border-right: 1px solid var(--e-global-color-e1bf683);
}

.window-styles-grid-odd .window-style-item:last-child {
    flex: 0 1 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Optional: Additional styling for images and text */
.window-style-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.window-style-item span {
	display:block;
	font-weight:600;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.2rem;
}