/* IECO Product Showcase - Brand: #ea0334 */

.ieco-showcase-wrap{font-family:'Roboto',Arial,sans-serif;line-height:1.4;box-sizing:border-box}
.ieco-showcase-wrap *,.ieco-showcase-wrap *::before,.ieco-showcase-wrap *::after{box-sizing:border-box}

.ieco-showcase-container{max-width:1360px;margin:0 auto;display:flex;align-items:stretch;background:#f0f0f0;gap:0}

/* LEFT COLUMN */
.ieco-showcase-left{width:280px;min-width:280px;background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,0.04)}

.ieco-left-section{display:flex;flex-direction:column}
.ieco-left-section + .ieco-left-section{border-top:2px solid #f0f0f0}

.ieco-news-header{margin:0;background:linear-gradient(135deg,#ea0334,#c7022c);text-align:center;padding:9.5px 20px;position:relative;overflow:hidden}
.ieco-news-header::before{content:'';position:absolute;top:-50%;right:-20%;width:80px;height:80px;background:rgba(255,255,255,0.08);border-radius:50%}
.ieco-news-header span{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}
.ieco-section-heading{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;margin:0;padding:0;line-height:inherit;border:none;background:none}

/* Featured products header - dark variant */
.ieco-featured-header{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}

.ieco-news-list{padding:8px 0;flex:1;overflow-y:auto}

/* Shared item styles for both sections */
.ieco-news-item,.ieco-featured-item{padding:0;position:relative;overflow:hidden;border-bottom:1px solid #f0f0f0}
.ieco-news-item:last-child,.ieco-featured-item:last-child{border-bottom:none}

.ieco-news-item a,.ieco-featured-item a{display:flex;gap:10px;text-decoration:none;color:#333;align-items:center;padding:10px 14px;transition:background .25s;position:relative}
.ieco-news-item a::before,.ieco-featured-item a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ea0334;transform:scaleY(0);transition:transform .3s}
.ieco-news-item a:hover,.ieco-featured-item a:hover{background:#fef2f4}
.ieco-news-item a:hover::before,.ieco-featured-item a:hover::before{transform:scaleY(1)}
.ieco-news-item a:hover .ieco-news-title,.ieco-featured-item a:hover .ieco-featured-name{color:#ea0334}

.ieco-news-thumb,.ieco-featured-thumb{width:72px;min-width:72px;height:54px;overflow:hidden;border-radius:6px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.ieco-news-thumb img,.ieco-featured-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.ieco-news-item a:hover .ieco-news-thumb img,.ieco-featured-item a:hover .ieco-featured-thumb img{transform:scale(1.08)}

.ieco-news-badge{display:inline-block;font-size:9px;font-weight:700;color:#ea0334;background:rgba(234,3,52,0.08);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}

.ieco-news-info,.ieco-featured-info{display:flex;flex-direction:column;min-width:0;flex:1}

.ieco-news-title,.ieco-featured-name{font-size:12px;font-weight:600;color:#333;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:uppercase;transition:color .25s}

.ieco-featured-price{font-size:12px;color:#ea0334;font-weight:700;margin-top:2px}
.ieco-featured-price del{color:#999;font-weight:400;font-size:11px}
.ieco-featured-price ins{text-decoration:none}

.ieco-no-posts{color:#999;font-size:16px;text-align:center;padding:20px 0}

.ieco-featured-list{padding:8px 0;flex:1;overflow-y:auto}

.ieco-projects-footer{padding:12px 14px;border-top:1px solid #f0f0f0;text-align:center}
.ieco-projects-footer a{display:inline-flex;align-items:center;gap:6px;color:#ea0334;font-size:16px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:all .25s;padding:6px 16px;border:1.5px solid #ea0334;border-radius:20px}
.ieco-projects-footer a:hover{background:#ea0334;color:#fff}
.ieco-projects-footer a span{font-size:16px;transition:transform .25s}
.ieco-projects-footer a:hover span{transform:translateX(3px)}

/* RIGHT COLUMN */
.ieco-showcase-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.ieco-cat-block{background:#fff;border:1px solid #ddd;display:flex;flex-direction:column}

/* TAB BAR */
.ieco-products-tabs{display:flex;align-items:stretch;background:#fff;border-bottom:3px solid #ea0334;min-height:40px;position:relative;overflow:visible}
.ieco-tab{display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;transition:color .2s,background .2s;position:relative}
.ieco-tab-parent{background:#ea0334;color:#fff;font-weight:700;font-size:14px;padding:10px 18px;letter-spacing:.5px;z-index:2}
.ieco-tab-parent::after{content:'';position:absolute;top:0;right:-20px;width:40px;height:100%;background:#ea0334;transform:skewX(-20deg);z-index:-1}
.ieco-tab-parent:hover{background:#c7022c;color:#fff}
.ieco-tab-parent:hover::after{background:#c7022c}

.ieco-tab-child{color:#555;font-weight:500;font-size:16px;padding:10px 20px;margin-left:8px;background:transparent;z-index:1}
.ieco-tab-child:first-of-type{margin-left:22px}
.ieco-tab-child:hover{color:#ea0334}
.ieco-tab-child.active{color:#ea0334;font-weight:700}
.ieco-tab-child.active::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#fff}

/* PRODUCT GRID */
.ieco-products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;position:relative;min-height:200px;align-content:start}
.ieco-products-grid.ieco-loading{opacity:.4;pointer-events:none}

.ieco-product-card{border:1px solid #e8e8e8;background:#fff;margin:-.5px;transition:box-shadow .2s}
.ieco-product-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.1);z-index:2;position:relative}
.ieco-product-card a{display:block;text-decoration:none;color:inherit;height:100%}
.ieco-product-image{width:100%;height:155px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;background:#fff}
.ieco-product-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}
.ieco-product-card:hover .ieco-product-image img{transform:scale(1.05)}
.ieco-product-info{padding:6px 10px 10px;border-top:1px solid #f0f0f0}
.ieco-product-cat{display:block;font-size:11px;font-weight:500;color:#888;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ieco-product-name{font-size:16px;font-weight:600;color:#333;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ieco-product-card:hover .ieco-product-name{color:#ea0334}
.ieco-no-products{grid-column:1/-1;text-align:center;padding:40px 20px;color:#999;font-size:14px}

.ieco-products-footer{text-align:right;padding:10px 16px;border-top:1px solid #eee}
.ieco-view-all{color:#ea0334;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}
.ieco-view-all:hover{color:#a50226;text-decoration:underline}
.ieco-view-all span{font-size:16px;margin-left:2px}

/* SPINNER */
.ieco-products-grid.ieco-loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#ea0334;border-radius:50%;animation:ieco-spin .7s linear infinite;z-index:10}
@keyframes ieco-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* RESPONSIVE */
@media(max-width:1024px){
.ieco-products-grid{grid-template-columns:repeat(4,1fr)}
.ieco-showcase-left{width:240px;min-width:240px}
}
@media(max-width:768px){
.ieco-showcase-container{flex-direction:column}
.ieco-showcase-left{width:100%;min-width:100%;border-right:none;border-bottom:1px solid #ddd}
.ieco-news-list,.ieco-featured-list{display:flex;flex-wrap:wrap;gap:0}
.ieco-news-item,.ieco-featured-item{flex:1 1 48%;border-bottom:none;border:1px solid #f0f0f0}
.ieco-products-grid{grid-template-columns:repeat(3,1fr)}
.ieco-tab-child{padding:10px 12px;font-size:12px}
.ieco-tab-parent{font-size:16px}
}
@media(max-width:480px){
.ieco-products-grid{grid-template-columns:repeat(2,1fr)}
.ieco-product-image{height:120px}
.ieco-products-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
.ieco-news-item,.ieco-featured-item{flex:1 1 100%}
}