/*
 * PPS Products Store v12.6 — Top Phones sidebar heading + compact pricing.
 */

/* The View All link belongs to the Top Phones heading, never to the widget
 * above it (for example New Arrivals). */
.pps-container .pps-sidebar .pps-top-widget-heading,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-heading{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    width:100% !important;
    margin:0 0 8px !important;
    padding:0 0 7px !important;
    box-sizing:border-box !important;
}

.pps-container .pps-sidebar .pps-top-widget-heading .pps-top-widget-heading-title,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-heading .pps-top-widget-heading-title{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.pps-container .pps-sidebar .pps-top-widget-heading .pps-top-widget-view-all,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-heading .pps-top-widget-view-all{
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#3f4d5c !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    z-index:1 !important;
}

.pps-container .pps-sidebar .pps-top-widget-heading .pps-top-widget-view-all:hover,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-heading .pps-top-widget-view-all:hover{
    color:#1683f4 !important;
}

/* Top Phones cards use the same compact price scale as New Arrivals.  Apply
 * the rule to the inner value too because the generic catalog CSS can set a
 * larger font on .pps-price-value. */
.pps-container .pps-sidebar .pps-top-widget-catalog .pps-product-price,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-catalog .pps-product-price,
.pps-container .pps-sidebar .pps-top-widget-catalog .pps-product-price .pps-price-value,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-catalog .pps-product-price .pps-price-value{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:10.5px !important;
    line-height:18px !important;
    font-weight:700 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

.pps-container .pps-sidebar .pps-top-widget-catalog .pps-product-price * ,
.pps-container .pps-v11-lower-sidebar .pps-top-widget-catalog .pps-product-price *{
    font-size:inherit !important;
    line-height:inherit !important;
}

@media (max-width:420px){
    .pps-container .pps-sidebar .pps-top-widget-heading .pps-top-widget-view-all,
    .pps-container .pps-v11-lower-sidebar .pps-top-widget-heading .pps-top-widget-view-all{
        font-size:9px !important;
    }
}