.modern-header-youcom {
    --gray-light: #f7f7f7;
    --orange: #f27130;
}

.modern-header-youcom p,
.modern-header-youcom span {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
    margin-bottom: unset;
}

.modern-header-youcom img {
    display: block;
}

.modern-header-youcom button {
    width: auto;
    background-color: transparent;
    padding: 0;
}

@media (min-width: 768px) {
    #header {
        height: 56px;
    }

    .modern-header-youcom {
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #c7c7c7;
        position: fixed;
    }

    .modern-header {
        width: 100%;
        max-width: 1024px;
        height: 56px;
        margin: 0 auto;
        padding-inline: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modern-header .menu-youcom ul {
        list-style-type: none;
        display: flex;
        gap: 1rem;
    }

    .modern-header .menu-youcom a {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

    .modern-header .menu-youcom a:hover {
        text-shadow: 0.5px 0 0 #000;
    }

    .modern-header .search-wrapper {
        flex: 0.7;
        height: 32px;
        border: 1px solid #737373;
        padding: 0 0.5rem;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .modern-header .search-wrapper .text-changing {
        height: 100%;
        flex: 1;
        font-size: 12px;
        color: #737373;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .modern-header .search-wrapper .space {
        width: 1px;
        height: 16px;
        background-color: #404040;
        border: 0;
        margin: 0 0.5rem;
    }

    .modern-header .search-wrapper .button-searchImga img {
        width: 21px;
        height: 21px;
    }

    .modern-header .header-actions {
        display: flex;
    }

    .modern-header .header-actions .wd-profile-welcome-shopper {
        display: flex;
        align-items: center;
    }

    .modern-header .customer-action span {
        font-family: Roboto Condensed, sans-serif;
        font-size: 12px;
        color: #000;
    }

    .modern-header .header-actions .item-action + .item-action {
        margin-left: 1.5rem;
    }

    .modern-header .bag-action {
        position: relative;
        padding-right: 9px;
    }

    .modern-header .bag-action .count {
        width: 12px;
        height: 12px;
        font-size: 0.5rem;
        color: #fff;
        background-color: var(--orange);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        top: -2px;
        right: 0;
    }

    .modern-header-search {
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        padding: 56px 48px 0;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        display: none;
    }

    .modern-header-search .top-search {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .modern-header-search .top-search .logo-youcom {
        width: 153px;
    }

    .modern-header-search .top-search .close {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .search-bar {
        margin-top: 2rem;
    }

    .modern-header-search .search-bar .search-wrapper {
        width: 100%;
        height: 48px;
        padding-right: 1rem;
        border: 1px solid #737373;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .modern-header-search .search-bar .search-wrapper > input {
        flex: 1;
        height: 100% !important;
        border: 0 !important;
        padding: 0 1rem;
        color: #737373;
        outline: none;
    }

    .modern-header-search .search-bar .search-wrapper > input::placeholder {
        color: #737373;
    }

    .modern-header-search .search-bar .search-wrapper button {
        width: auto !important;
        inset: unset;
        position: unset;
    }

    .modern-header-search .search-bar .search-wrapper .space {
        width: 1px;
        height: 16px;
        background-color: #404040;
        border: 0;
        margin: 0 1rem;
    }

    .modern-header-search .search-bar .search-wrapper .button-searchImga img {
        width: 21px;
        height: 21px;
    }

    .modern-header-search .search-bar .tolltip-searchImga {
        width: 100%;
        height: 45px;
        background-color: var(--gray-light);
        border-top: 1px solid #c7c7c7;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .search-bar .tolltip-searchImga p {
        font-size: 12px;
        color: #404040;
    }

    .modern-header-search .search-bar .tolltip-searchImga strong {
        font-weight: 700;
    }

    .modern-header-search .search-bar .suggestion-box {
        margin-top: 16px;
        border-top: 1px solid #c7c7c7;
        position: static;
        height: calc(100% - 234px);
        height: calc(100vh - 234px);
        height: calc(100dvh - 234px);
        overflow-y: auto;
    }

    .modern-header-search .search-bar .suggestion-box::-webkit-scrollbar {
        display: none;
    }

    .modern-header-search .suggestion-box-wrapper {
        border: 0 !important;
        padding: 0 !important;
    }

    .modern-header-search .suggestion-box .suggestion-title {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        margin: 1.5rem 0 0 0;
    }

    .modern-header-search .search-bar .suggestion-terms:not(.empty) ul {
        margin-top: 1.5rem !important;
        margin-left: 0 !important;
        display: flex;
        flex-direction: row;
        gap: 3rem;
    }

    .modern-header-search .suggestion-terms:not(.empty) ul li {
        margin: 0;
        float: unset;
        text-decoration: none;
    }

    .modern-header-search .suggestion-terms:not(.empty) .suggestion-term {
        height: 48px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        display: flex;
        align-items: center;
    }

    .modern-header-search .suggestion-terms .suggestion-highlight {
        font-weight: 700;
        background-color: unset;
    }

    .modern-header-search .suggestion-terms .suggestion-count {
        display: none;
    }

    .modern-header-search .search-bar .suggestion-terms.empty ul {
        margin-top: 1rem !important;
        margin-left: 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .modern-header-search .suggestion-terms.empty ul li {
        margin: 0;
        float: unset;
    }

    .modern-header-search .suggestion-terms.empty ul li a {
        height: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #737373;
        padding-inline: 1rem;
        border: 1px solid #c7c7c7;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .suggestion-products {
        margin-top: 3rem;
    }

    .modern-header-search .suggestion-products .suggestion-title {
        display: none;
    }

    .modern-header-search .suggestion-products ul {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 1rem 0.5rem;
    }

    .modern-header-search .suggestion-products ul li {
        border: 0;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .modern-header-search .suggestion-products ul li:hover {
        background-color: unset;
    }

    .modern-header-search .suggestion-products .suggestion-product-img {
        width: 100%;
    }

    .modern-header-search .suggestion-products .suggestion-product-img img {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    .modern-header-search .suggestion-products .suggestion-product-description {
        margin-top: 10px;
    }

    .modern-header-search .suggestion-products .suggestion-product-name {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
    }

    .modern-header-search .suggestion-products .suggestion-product-price {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

    .modern-header-menu {
        width: 100%;
        max-width: 1024px;
        min-height: 298px;
        background-color: #fff;
        margin: 0 auto;
        padding: 2rem 2rem 2rem 0;
        border-top: 1px solid #c7c7c7;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    }

    .modern-header-menu.active {
        display: block;
    }

    .modern-header-menu .nav-menu .level-1 > li {
        display: none;
        margin: 0;
    }

    .modern-header-menu .nav-menu .level-1 > li.active {
        display: flex;
    }

    .modern-header-menu .nav-menu .group-link {
        width: 183px;
        margin-right: 3rem !important;
    }

    .modern-header-menu .nav-menu .group-link li {
        width: 100%;
        background-color: #f7f7f7;
        padding-left: 2rem;
        margin: 0;
    }

    .modern-header-menu .nav-menu .group-link li.novidades a {
        display: flex;
        gap: 0.5rem;
    }

    .modern-header-menu .nav-menu .group-link li a {
        line-height: 48px;
        display: block;
        text-decoration: none;
        text-transform: lowercase;
        font-size: 12px;
        font-family: Roboto Condensed, sans-serif;
    }

    .modern-header-menu .nav-menu li.see-all {
        background-color: transparent;
    }

    .modern-header-menu .nav-menu li.see-all a {
        font-weight: bold;
    }

    .modern-header-menu .nav-menu .level-2 {
        height: 192px;
        flex: 0.8;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0rem 2rem;
    }

    .modern-header-menu .nav-menu .level-2 > li {
        margin: 0;
    }

    .modern-header-menu .nav-menu .level-2 > li a {
        width: 136px;
        line-height: 48px;
        display: block;
        font-family: Roboto Condensed, sans-serif;
        font-size: 12px;
        text-transform: lowercase;
        text-decoration: none;
        padding-left: 0.25rem;
    }

    .modern-header-menu .nav-menu .level-2 > li.promo-active a {
        color: #d71920;
        font-weight: bold;
    }

    .modern-header-menu .nav-menu .level-2 > li a:hover {
        line-height: 48px;
        background-color: #f7f7f7;
    }

    .modern-header-menu .nav-menu .not-grouplink .level-2 {
        height: 233px;
        flex: unset;
        margin-left: 2rem !important;
        border-right: 1px solid #c7c7c7;
        padding-right: 1rem !important;
    }
	
	.modern-header-menu .nav-menu .acessorios.not-grouplink .level-2 {
        flex: 0.5;
    }

    .header-actions .customer-action {
        position: relative;
    }

    .header-actions .customer-action.logged {
        height: 100%;
        padding-left: 8px;
    }

    .header-actions .customer-action.logged:hover .modern-header-client {
        display: block;
    }

    .modern-header-client {
        width: 198px;
        height: auto;
        border-radius: 0 0 4px 4px;
        display: none;
        position: absolute;
        top: 32px;
        right: 0px;
        z-index: 99;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
    }

    .modern-header-client .top-client {
        background-color: rgb(116 116 116 / 10%);
    }

    .modern-header-client .top-client .close {
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-client .client-panel {
        background-color: #fff;
        border-radius: 0 0 4px 4px;
    }

    .modern-header-client .client-panel .top-info {
        padding: 0.875rem 1rem;
        background-color: #e6e6e6;
        text-align: left;
        border-radius: 4px 4px 0 0;
    }

    .modern-header-client .client-panel .top-info > span {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

    .modern-header-client .client-panel .top-info p {
        font-family: Roboto Condensed, sans-serif;
        font-size: 12px;
        color: #000 !important;
        line-height: 1.5;
        display: flex;
        align-items: center;
    }

    .modern-header-client .client-panel .top-info .email-text-data {
        flex: 0.9;
        display: inline-block;
        margin-left: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .modern-header-client .panel-links ul {
        padding: 0.25rem 1rem 0 1rem !important;
    }

    .modern-header-client .panel-links ul li {
        border-bottom: 1px solid #e6e6e6;
        margin: 0;
    }

    .modern-header-client .panel-links ul li a {
        height: 44px;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .modern-header-client .panel-links ul li a:hover {
        text-decoration: none;
        background-color: #f7f7f7;
    }

    .modern-header-client .panel-links ul li .icon {
        width: 36px;
        height: 36px;
        background-color: #f7f7f7;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-client .panel-links ul li.painel-meus-pedidos .icon {
        background-color: #737373;
    }

    .modern-header-client .panel-links a span {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
        color: #737373;
    }

    .modern-header-client .panel-links ul li.painel-meus-pedidos a span {
        font-weight: bold;
    }

    .modern-header-client .panel-links .logout-button {
        height: 44px;
        margin: 0 1rem;
        color: #737373;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .modern-header-client .panel-links .logout-button:hover {
        text-decoration: none;
        background-color: #f7f7f7;
    }

    .modern-header-client .panel-links .logout-button .icon-sair {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
	body {
        margin-top: 0px !important;
    }
	
    #header {
        height: 50px;
    }

    .modern-header-youcom {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 99;
    }

    .modern-header {
        height: 50px;
        box-shadow: 0 0.4px 0 #c7c7c7;
        display: flex;
        align-items: center;
        padding-right: 1rem;
    }

    .modern-header .menu-button {
        width: 50px;
        height: 100%;
        border: 0;
        padding: 0;
        background-color: var(--gray-light);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header .logo-youcom {
        margin-left: 1rem;
    }

    .modern-header .header-actions {
        display: flex;
        margin-left: auto;
    }

    .modern-header .header-actions .wd-profile-welcome-shopper {
        display: block;
        height: auto;
        line-height: 1;
    }

    .modern-header .header-actions .item-action + .item-action {
        margin-left: 1.5rem;
    }

    .modern-header .bag-action {
        position: relative;
        padding-right: 9px;
    }

    .modern-header .bag-action .count {
        width: 12px;
        height: 12px;
        font-size: 0.5rem;
        color: #fff;
        background-color: var(--orange);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        top: -2px;
        right: 0;
    }

    .modern-header-menu {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        display: none;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .modern-header-menu .top-menu {
        background-color: rgb(116 116 116 / 10%);
    }

    .modern-header-menu .top-menu .close {
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-menu .menu-bar {
        flex: 1;
        background-color: #fff;
        transform: translateX(-100%);
        transition: transform 200ms;
        background-color: #fff;
    }

    .modern-header-menu .menu-bar.active {
        transform: translateX(0);
    }

    .modern-header-menu .nav-banner {
        width: 100%;
        padding: 1rem;
        display: flex;
        gap: 1rem;
        overflow-x: auto;
        border-bottom: 1px solid #c7c7c7;
    }

    .modern-header-menu .nav-banner::-webkit-scrollbar {
        display: none;
    }

    .modern-header-menu .nav-banner .banner-container {
        text-align: center;
    }

    .modern-header-menu .nav-banner .image-container {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        overflow: hidden;
        padding: 3px;
        border: 1px solid transparent;
    }

    .modern-header-menu .nav-banner .banner-container.active .image-container {
        border: 1px solid #000;
    }

    .modern-header-menu .nav-banner img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 50%;
    }

    .modern-header-menu .nav-banner .name {
        font-size: 12px;
        margin-top: 6px;
    }

    .modern-header-menu .nav-menu {
        border-top: 1px solid #000;
    }

    .modern-header-menu .nav-menu .level-1 > li:not(.active) {
        display: none;
    }

    .modern-header-menu .nav-menu .level-2 {
        padding: 1rem 2rem !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem 3rem;
    }

    .modern-header-menu .nav-menu li {
        margin: 0;
    }

    .modern-header-menu .nav-menu li a {
        font-family: Roboto Condensed, sans-serif;
        font-size: 12px;
        color: #000;
        display: block;
        line-height: 2;
        text-transform: lowercase;
    }

    .modern-header-menu .nav-menu li.promo-active a {
        color: #d71920;
        font-weight: bold;
    }

    .modern-header-menu .nav-menu li.see-all a {
        font-weight: bold;
    }

    .modern-header-menu .nav-menu .group-link {
        padding: 1rem 2rem !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem 3rem;
        background-color: #f7f7f7;
    }

    .modern-header-search {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        display: none;
    }

    .modern-header-search .top-search {
        background-color: rgb(116 116 116 / 10%);
    }

    .modern-header-search .top-search .close {
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .search-bar {
        flex: 1;
        background-color: #fff;
    }

    .modern-header-search .search-bar .search-wrapper {
        width: calc(100% - 2rem);
        height: 48px;
        margin: 1rem;
        padding-right: 1rem;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    .modern-header-search .search-bar .search-wrapper > input {
		font-family: 'Roboto Condensed';
        flex: 1;
        height: 100% !important;
        border: 0 !important;
        padding: 0 1rem;
        color: #404040;
        outline: none;
    }

    .modern-header-search .search-bar .search-wrapper > input::placeholder {
        color: #404040;
    }

    .modern-header-search .search-bar .search-wrapper button {
        width: auto !important;
        inset: unset;
        position: unset;
    }

    .modern-header-search .search-bar .search-wrapper .space {
        width: 1px;
        height: 16px;
        background-color: #404040;
        border: 0;
        margin: 0 1rem;
    }

    .modern-header-search .search-bar .search-wrapper .button-searchImga img {
        width: 21px;
        height: 21px;
    }

    .modern-header-search .search-bar .tolltip-searchImga {
        width: 100%;
        height: 45px;
        background-color: var(--gray-light);
        border-top: 1px solid #c7c7c7;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .search-bar .tolltip-searchImga p {
        font-size: 12px;
        color: #404040;
    }

    .modern-header-search .search-bar .tolltip-searchImga strong {
        font-weight: 700;
    }

    .modern-header-search .search-bar .suggestion-box {
        margin-top: 18px;
        position: static;
        height: calc(100% - 193px);
        height: calc(100vh - 193px);
        height: calc(100dvh - 193px);
        overflow-y: auto;
    }

    .modern-header-search .suggestion-box-wrapper {
        border: 0 !important;
        padding: 0 !important;
    }

    .modern-header-search .suggestion-terms {
        padding-inline: 22px;
    }

    .modern-header-search .suggestion-box .suggestion-title {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        margin: 0;
    }

    .modern-header-search .search-bar .suggestion-terms:not(.empty) ul {
        margin-top: 1rem !important;
        margin-left: 0 !important;
        display: flex;
        flex-direction: column;
    }

    .modern-header-search .suggestion-terms:not(.empty) ul li {
        margin: 0;
        float: unset;
        text-decoration: none;
    }

    .modern-header-search .suggestion-terms:not(.empty) .suggestion-term {
        height: 48px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        display: flex;
        align-items: center;
    }

    .modern-header-search .suggestion-terms .suggestion-highlight {
        font-weight: 700;
        background-color: unset;
    }

    .modern-header-search .suggestion-terms .suggestion-count {
        display: none;
    }

    .modern-header-search .search-bar .suggestion-terms.empty ul {
        margin-top: 1rem !important;
        margin-left: 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 4px;
    }

    .modern-header-search .suggestion-terms.empty ul li {
        margin: 0;
        float: unset;
    }

    .modern-header-search .suggestion-terms.empty ul li a {
        height: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #737373;
        padding-inline: 1rem;
        border: 1px solid #c7c7c7;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-search .suggestion-products {
        padding: 1rem 24px;
    }

    .modern-header-search .suggestion-products .suggestion-title {
        display: none;
    }

    .modern-header-search .suggestion-products ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem 0.5rem;
    }

    .modern-header-search .suggestion-products ul li {
        border: 0;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .modern-header-search .suggestion-products ul li:hover {
        background-color: unset;
    }

    .modern-header-search .suggestion-products .suggestion-product-img {
        width: 100%;
    }

    .modern-header-search .suggestion-products .suggestion-product-img img {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    .modern-header-search .suggestion-products .suggestion-product-description {
        margin-top: 10px;
    }

    .modern-header-search .suggestion-products .suggestion-product-name {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
    }

    .modern-header-search .suggestion-products .suggestion-product-price {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

    .modern-header-client {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        display: none;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .modern-header-client .top-client {
        background-color: rgb(116 116 116 / 10%);
    }

    .modern-header-client .top-client .close {
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-client .client-panel {
        flex: 1;
        background-color: #fff;
        transform: translateX(-100%);
        transition: transform 200ms;
        background-color: #fff;
    }

    .modern-header-client .client-panel.active {
        transform: translateX(0);
    }

    .modern-header-client .client-panel .top-info {
        padding: 1.25rem 1.5rem;
        background-color: #e6e6e6;
    }

    .modern-header-client .client-panel .top-info > span {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

    .modern-header-client .client-panel .top-info p {
        font-family: Roboto Condensed, sans-serif;
        font-size: 12px;
        line-height: 1.5;
    }

    .modern-header-client .panel-links ul {
        padding: 0.875rem 1.5rem 0 1.5rem !important;
    }

    .modern-header-client .panel-links ul li {
        border-bottom: 1px solid #e6e6e6;
        margin: 0;
    }

    .modern-header-client .panel-links ul li a {
        height: 56px;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .modern-header-client .panel-links ul li .icon {
        width: 36px;
        height: 36px;
        border: 1px solid #737373;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modern-header-client .panel-links ul li.painel-meus-pedidos .icon {
        background-color: #737373;
    }

    .modern-header-client .panel-links a span {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;
        color: #737373;
    }

    .modern-header-client .panel-links ul li.painel-meus-pedidos a span {
        font-weight: bold;
    }

    .modern-header-client .panel-links .logout-button {
        height: 56px;
        padding: 0 1.5rem;
        color: #737373;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .modern-header-client .panel-links .logout-button .icon-sair {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}