/* =========================================================
   FIX FINAL - PRODUSE PE UN SINGUR RAND, UNUL SUB ALTUL
   Design compact desktop inspirat din lista trimisa.
   ========================================================= */

.rs-products-grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    gap:14px !important;
    width:100%;
}

.rs-product-card{
    display:block !important;
    width:100% !important;
    min-width:0;
}

/* Structura comuna a cardurilor */
.rs-intel-card,
.rs-amd-card,
.rs-xeon-card{
    width:100% !important;
    min-height:178px;
    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) 175px;
    align-items:stretch;
    gap:0;
    border-radius:22px !important;
    overflow:hidden;
}

/* Coloana stanga */
.rs-intel-card-top,
.rs-amd-top,
.rs-xeon-top{
    grid-column:1;
    grid-row:1;
    min-width:0;
    display:flex !important;
    flex-direction:column;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:13px !important;
    padding:22px 18px 22px 20px !important;
    border-right:1px solid rgba(255,255,255,.055);
}

.rs-intel-brand,
.rs-amd-brand,
.rs-xeon-brand{
    width:100%;
    align-items:center;
}

.rs-intel-logo,
.rs-amd-logo,
.rs-xeon-logo{
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
}

.rs-intel-brand-copy strong,
.rs-amd-brand-copy strong,
.rs-xeon-brand-copy strong{
    font-size:15px !important;
}

.rs-intel-brand-copy small,
.rs-amd-brand-copy small,
.rs-xeon-brand-copy small{
    font-size:7px !important;
    line-height:1.35;
}

.rs-stock-badge,
.rs-amd-stock,
.rs-xeon-stock{
    margin-left:60px;
    padding:6px 9px !important;
    font-size:7px !important;
}

/* Coloana centrala */
.rs-intel-body,
.rs-amd-body,
.rs-xeon-body{
    grid-column:2;
    grid-row:1;
    min-width:0;
    display:grid !important;
    grid-template-columns:210px minmax(0,1fr);
    align-items:center;
    gap:14px;
    padding:18px !important;
}

.rs-intel-title-row,
.rs-amd-title-row,
.rs-xeon-title-row{
    min-width:0;
    display:block !important;
}

.rs-intel-title h3,
.rs-amd-title h3,
.rs-xeon-title h3{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere;
}

.rs-intel-title p,
.rs-amd-title p,
.rs-xeon-title p{
    margin-top:7px !important;
    font-size:9px !important;
    line-height:1.5 !important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.rs-intel-generation,
.rs-amd-series,
.rs-xeon-tier{
    display:inline-flex !important;
    margin-top:9px;
    padding:5px 7px !important;
    font-size:7px !important;
}

/* Specificatiile principale pe orizontala */
.rs-intel-spec-list,
.rs-amd-spec-list,
.rs-xeon-spec-list{
    grid-column:2;
    grid-row:1;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(105px,1fr));
    gap:8px !important;
    margin:0 !important;
}

.rs-intel-spec,
.rs-amd-spec,
.rs-xeon-spec{
    min-width:0;
    min-height:74px !important;
    display:flex !important;
    flex-direction:column;
    align-items:flex-start !important;
    justify-content:center;
    gap:5px !important;
    padding:10px !important;
    border-radius:11px !important;
}

.rs-intel-spec-icon,
.rs-amd-spec-icon,
.rs-xeon-spec-icon{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:0 !important;
    background:transparent !important;
    font-size:7px !important;
}

.rs-intel-spec-icon svg{
    width:13px !important;
    height:13px !important;
}

.rs-intel-spec-label,
.rs-amd-spec-label,
.rs-xeon-spec-label{
    font-size:7px !important;
}

.rs-intel-spec-value,
.rs-amd-spec-value,
.rs-xeon-spec-value{
    max-width:100%;
    font-size:9px !important;
    line-height:1.35;
    text-align:left !important;
    overflow-wrap:anywhere;
}

/* Ascundem elementele verticale care faceau cardurile foarte inalte */
.rs-intel-highlight,
.rs-amd-core-grid,
.rs-xeon-core-grid,
.rs-intel-performance,
.rs-amd-performance,
.rs-xeon-use,
.rs-intel-tags,
.rs-amd-tags,
.rs-xeon-tags{
    display:none !important;
}

/* Pret + buton in dreapta */
.rs-intel-footer,
.rs-amd-footer,
.rs-xeon-footer{
    grid-column:3;
    grid-row:1;
    min-width:0;
    display:flex !important;
    flex-direction:column;
    align-items:stretch !important;
    justify-content:center !important;
    gap:13px !important;
    margin:0 !important;
    padding:20px 16px !important;
    border-left:1px solid rgba(255,255,255,.055);
}

.rs-intel-price,
.rs-amd-price,
.rs-xeon-price{
    text-align:right;
}

.rs-intel-price small,
.rs-amd-price small,
.rs-xeon-price small{
    font-size:7px !important;
}

.rs-intel-price strong,
.rs-amd-price strong,
.rs-xeon-price strong{
    margin-top:4px !important;
    font-size:25px !important;
    line-height:1;
}

.rs-intel-price strong span,
.rs-amd-price strong span,
.rs-xeon-price strong span{
    display:inline-block;
    font-size:8px !important;
}

.rs-intel-order-btn,
.rs-amd-order-btn,
.rs-xeon-order{
    width:100%;
    min-height:40px !important;
    padding:0 11px !important;
    font-size:9px !important;
    border-radius:11px !important;
}

.rs-intel-watermark,
.rs-amd-watermark,
.rs-xeon-watermark{
    right:185px !important;
    top:50% !important;
    transform:translateY(-50%);
    font-size:64px !important;
    opacity:.7;
}

/* AMD ramane portocaliu, dar acelasi layout compact */
.rs-amd-card{
    background:
        radial-gradient(circle at 0% 50%,rgba(255,101,0,.13),transparent 28%),
        radial-gradient(circle at 100% 0%,rgba(229,31,43,.08),transparent 30%),
        linear-gradient(100deg,rgba(23,16,15,.99),rgba(8,12,18,.99)) !important;
}

/* Xeon cu aspect enterprise */
.rs-xeon-card{
    background:
        radial-gradient(circle at 0% 50%,var(--xeon-soft),transparent 28%),
        linear-gradient(100deg,rgba(17,21,28,.99),rgba(8,12,18,.99)) !important;
}

/* Laptop / tableta */
@media(max-width:1180px){
    .rs-intel-card,
    .rs-amd-card,
    .rs-xeon-card{
        grid-template-columns:190px minmax(0,1fr) 155px;
    }

    .rs-intel-body,
    .rs-amd-body,
    .rs-xeon-body{
        grid-template-columns:170px minmax(0,1fr);
        gap:10px;
        padding:14px !important;
    }

    .rs-intel-spec-list,
    .rs-amd-spec-list,
    .rs-xeon-spec-list{
        grid-template-columns:repeat(2,minmax(100px,1fr));
    }

    .rs-intel-spec,
    .rs-amd-spec,
    .rs-xeon-spec{
        min-height:58px !important;
    }
}

@media(max-width:900px){
    .rs-intel-card,
    .rs-amd-card,
    .rs-xeon-card{
        grid-template-columns:1fr 155px;
    }

    .rs-intel-card-top,
    .rs-amd-top,
    .rs-xeon-top{
        grid-column:1;
        grid-row:1;
        min-height:88px;
        flex-direction:row;
        align-items:center !important;
        justify-content:flex-start !important;
        padding:16px !important;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.055);
    }

    .rs-stock-badge,
    .rs-amd-stock,
    .rs-xeon-stock{
        margin-left:auto;
    }

    .rs-intel-body,
    .rs-amd-body,
    .rs-xeon-body{
        grid-column:1;
        grid-row:2;
        grid-template-columns:190px minmax(0,1fr);
    }

    .rs-intel-footer,
    .rs-amd-footer,
    .rs-xeon-footer{
        grid-column:2;
        grid-row:1 / span 2;
    }
}

/* Telefon: revine pe verticala, lizibil */
@media(max-width:650px){
    .rs-intel-card,
    .rs-amd-card,
    .rs-xeon-card{
        display:block !important;
        min-height:0;
    }

    .rs-intel-card-top,
    .rs-amd-top,
    .rs-xeon-top{
        flex-direction:row;
        padding:16px !important;
    }

    .rs-intel-body,
    .rs-amd-body,
    .rs-xeon-body{
        display:block !important;
        padding:16px !important;
    }

    .rs-intel-spec-list,
    .rs-amd-spec-list,
    .rs-xeon-spec-list{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:15px !important;
    }

    .rs-intel-footer,
    .rs-amd-footer,
    .rs-xeon-footer{
        display:flex !important;
        flex-direction:row;
        align-items:center !important;
        justify-content:space-between !important;
        padding:16px !important;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.055);
    }

    .rs-intel-price,
    .rs-amd-price,
    .rs-xeon-price{
        text-align:left;
    }

    .rs-intel-order-btn,
    .rs-amd-order-btn,
    .rs-xeon-order{
        width:auto;
        min-width:135px;
    }

    .rs-intel-watermark,
    .rs-amd-watermark,
    .rs-xeon-watermark{
        right:-10px !important;
        top:75px !important;
        transform:none;
        font-size:54px !important;
    }
}

@media(max-width:430px){
    .rs-intel-spec-list,
    .rs-amd-spec-list,
    .rs-xeon-spec-list{
        grid-template-columns:1fr;
    }

    .rs-intel-footer,
    .rs-amd-footer,
    .rs-xeon-footer{
        flex-direction:column;
        align-items:stretch !important;
    }

    .rs-intel-order-btn,
    .rs-amd-order-btn,
    .rs-xeon-order{
        width:100%;
    }
}