#welcome-message{
    height: 25.7em;
}


#welcome-message p {
    width: 95%;
    margin: 0 auto;
    margin-bottom: .9em;
    color:#fff;
    font-size: 1.5em;
}
#welcome-message p:last-child{
    margin-bottom: 0;
}


/*---------------------------------------------------------------------------------------------------------------------
   Welcome card — modern redesign: a magenta kicker label, a bold left-aligned
   heading, a lead line, and the three explanatory points turned into icon-led
   feature rows. Scoped to #welcome-message so it overrides the centered global
   .main-wrapper h4 (+ its underline) and the plain justified paragraph styling.
   The .welcome-point rows keep the p[data-toggle] hook the mobile readmore uses.
---------------------------------------------------------------------------------------------------------------------*/
#main__content .main-wrapper #welcome-message{
    padding: 2.2em 2.4em;
    text-align: left;
}
#main__content .main-wrapper #welcome-message h4{
    width: auto;
    margin: 0 0 .4em;
    padding: 0;
    text-align: center;
    font-size: 2.8em;
    line-height: 1;
    color: #fff;
}
#main__content .main-wrapper #welcome-message h4:after{
    display: none;               /* drop the centered global underline */
}
#main__content .main-wrapper #welcome-message .welcome-lead{
    width: auto;
    margin: 0 0 1.3em;
    color: #e8e8e8;
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: left;
}
#main__content .main-wrapper #welcome-message .welcome-point{
    display: flex;
    align-items: center;
    gap: 1.4em;
    width: auto;
    margin: 0 0 .9em;
    color: #9a9a9a;
    font-size: 1.32em;
    line-height: 1.45em;
    text-align: left;
}
#main__content .main-wrapper #welcome-message .welcome-point:last-child{
    margin-bottom: 0;
}
#main__content .main-wrapper #welcome-message .welcome-ico{
    flex: 0 0 auto;
    width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;
    fill: #de13c5;
}


.widget-advert-336 {
    height: 68.3em;
}

.widget-advert-336:before,
.widget-advert-336:after{
    height: 29%!important;
    padding: 23% 0!important;
    box-sizing: border-box;
}


.widget-login{
    height: 25.7em;
}


/*---------------------------------------------------------------------------------------------------------------------
   V3 home polish — round the card corners to match the records / statistics
   panels. Scoped to the home grid (this file only loads on index), so the
   shared widget styles used by other pages are untouched.
---------------------------------------------------------------------------------------------------------------------*/
#main__content .main-wrapper .block_content,
#main__content .main-wrapper .widget-block{
    border-radius: 10px;
    overflow: hidden;
}


/*---------------------------------------------------------------------------------------------------------------------
   CPU-Z / HWMonitor software cards — restyle to the dark V3 look so they match
   the welcome / login / stats / latest panels (the shared widgets-v3.css ships
   them as white cards). Scoped to the home grid; the product-photo hero header
   and the per-software logo are kept. Only used on index.php.
---------------------------------------------------------------------------------------------------------------------*/
#main__content .main-wrapper .widget-software{
    background: #303030;
}
/* trim the empty/white band at the bottom of the product photo */
#main__content .main-wrapper .widget-software .header{
    background-size: 100% 14.5em;
}
#main__content .main-wrapper .widget-software .header span{
    margin-top: 9.5em;
}
#main__content .main-wrapper .widget-block.widget-software h4{
    color: #fff;
}
#main__content .main-wrapper .widget-software h6{
    color: #fff;
    font-weight: 600;
}
#main__content .main-wrapper .widget-software h6:after{
    background: #3e3e3e;       /* divider matches the other dark cards */
}
#main__content .main-wrapper .widget-software p{
    height: auto;
    min-height: 6em;
    padding: .8em 1.6em 1em;
    color: #9a9a9a;
    font-size: 1.2em;
    line-height: 1.45em;
}


/*---------------------------------------------------------------------------------------------------------------------
   Latest validations card — inline-SVG icons (replace the trophy + eye):
     · top   = a "verified" check badge (the card is about validations, not records)
     · row   = a CPU chip (each row is a CPU validation), tinted the V3 magenta
---------------------------------------------------------------------------------------------------------------------*/
#main__content .main-wrapper .widget-stats .header span svg{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    fill: #fff;
}
#main__content .main-wrapper .listing-table .listing-col.col1 svg.icon{
    display: block;
    margin: 0 auto;
    width: 92%;
    height: auto;
    fill: #fff;
}
/* drop the white rectangle (and its dark corner notches) behind the icon */
#main__content .main-wrapper .listing-table .listing-col.col1{
    background: transparent;
    padding-left: 1.2em;
}
/* highlight the row under the mouse */
#main__content .main-wrapper .listing-table .listing-row{
    transition: background-color 120ms ease;
}
.mouse #main__content .main-wrapper .listing-table .listing-row:hover{
    background-color: #3a3a3a;
}
#main__content .main-wrapper .listing-table .listing-col.col1:before,
#main__content .main-wrapper .listing-table .listing-col.col1:after{
    display: none;
}