/* Royal Offers card refinement v2.1.2
   - bigger product description + raw spec tag only
   - side specifications back to compact typography
   - product image always fully visible, never cropped/distorted
   - wider 2-column desktop cards to match the premium reference layout
*/

.rs-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
}

.rs-deal-card{
    padding:22px!important;
    border-radius:28px!important;
}

.rs-deal-showcase{
    grid-template-columns:minmax(0,1.38fr) minmax(180px,.72fr)!important;
    gap:18px!important;
    margin:16px 0 18px!important;
    min-height:300px!important;
    align-items:stretch!important;
}

.rs-deal-visual{
    min-width:0!important;
    min-height:300px!important;
    aspect-ratio:1.12 / 1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--deal-accent) 12%,transparent),transparent 58%),
        #020916!important;
}

.rs-deal-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    transform:none!important;
}

.rs-deal-card:hover .rs-deal-visual img{
    transform:scale(1.015)!important;
}

/* Compact side specification list - deliberately kept smaller. */
.rs-deal-specs{
    gap:9px!important;
    justify-content:center!important;
}
.rs-deal-spec{
    gap:10px!important;
    padding:8px 5px!important;
}
.rs-deal-spec i{
    width:39px!important;
    height:39px!important;
    flex:0 0 39px!important;
    border-radius:10px!important;
}
.rs-deal-spec svg{
    width:19px!important;
    height:19px!important;
}
.rs-deal-spec strong{
    font-size:13px!important;
    line-height:1.16!important;
    font-weight:900!important;
}
.rs-deal-spec span{
    font-size:9px!important;
    line-height:1.25!important;
    margin-top:3px!important;
    font-weight:700!important;
}

/* These are the ONLY textual areas intentionally enlarged. */
.rs-deal-description{
    color:#c8d7e8!important;
    font-size:16px!important;
    line-height:1.72!important;
    margin-top:12px!important;
    min-height:0!important;
    font-weight:650!important;
}
.rs-deal-description p{
    margin:0 0 8px!important;
}
.rs-deal-description ul,
.rs-deal-description ol{
    margin:8px 0!important;
    padding-left:22px!important;
}
.rs-deal-description li{
    margin:4px 0!important;
}

/* Raw admin specification string such as:
   cpu|12 Cores|24 Threads ram|192 GB|DDR3 RAM ...
   It stays in its own clearly readable full-width panel. */
.rs-deal-tags{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin-top:13px!important;
}
.rs-deal-tags span{
    display:block!important;
    width:100%!important;
    padding:12px 14px!important;
    border-radius:15px!important;
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    letter-spacing:0!important;
}

@media(max-width:1180px){
    .rs-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .rs-deal-showcase{grid-template-columns:minmax(0,1.2fr) minmax(155px,.8fr)!important}
}
@media(max-width:940px){
    .rs-premium-grid{grid-template-columns:1fr!important}
    .rs-deal-showcase{grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr)!important}
}
@media(max-width:620px){
    .rs-deal-card{padding:16px!important;border-radius:22px!important}
    .rs-deal-showcase{grid-template-columns:1fr!important;min-height:0!important}
    .rs-deal-visual{min-height:0!important;aspect-ratio:1 / 1!important}
    .rs-deal-specs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    .rs-deal-description{font-size:15px!important}
    .rs-deal-tags span{font-size:12px!important}
}