& when (@media-common = true) {
    .account {
        .page-main {
            .columns {
                .page-title-wrapper {
                    .order-placed {
                        display: none;
                    }
                }
                .sidebar.sidebar-main {
                    .block-collapsible-nav {
                        .content {
                            background-color: @color-white;
                        }

                        .block-collapsible-nav-content {
                            ul.nav.items {
                                list-style-type: none;
                                padding-left: 0;

                                li.nav.item {
                                    &.current {
                                        strong {
                                            border: none;
                                            color: @color-secondary;

                                            &:after {
                                                font-family: @icons__font-name;
                                                font-size: 10px;
                                                content: @icon-next;
                                                margin: 0 auto;
                                                padding-left: 5px;
                                            }
                                        }
                                    }
                                    a {
                                        color: @color-link;
                                    }
                                    a:hover {
                                        background-color: transparent;
                                        color: @color-secondary;
                                    }
                                    &:after {
                                        height: 1px;
                                        width: 100%;
                                        border-top: 1px solid @color-gray-5;
                                        display: block;
                                        margin: 10px 1.8rem;
                                    }
                                }
                            }
                        }
                    }
                }
                .column.main {
                    .trust-block-dashboard-orders {
                        .table-wrapper {
                            &.orders-recent {
                                thead {
                                    tr {
                                        th {
                                            font-weight: bold;
                                            font-family: @font-family-name__bold;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

//
//  Desktop (style-l.css)
//  _____________________________________________
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .account {
        .page-main {
            .columns {
                .column.main {
                    width: 80.7%;
                    .div-common-border-padding;
                }

                .sidebar-main {
                    width: 19.3%;
                }

                .sidebar-additional {
                    width: 19.3%;
                }
            }
        }
    }
}