/* Integra o visual aprovado do protótipo ao catálogo real da loja. */
:root { --brand-red: #f20b38; }

.site-header .account-dropdown { position: relative; z-index: 60; }
.site-header .account-link,
.site-header .cart-link {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
}
.site-header .account-link { padding: 0; cursor: pointer; }
.site-header .account-copy,
.site-header .cart-copy { display: block; }
.site-header .account-copy b,
.site-header .account-copy small,
.site-header .cart-copy b,
.site-header .cart-copy small { display: block; white-space: nowrap; }
.site-header .account-copy b,
.site-header .cart-copy b { font-size: 13px; }
.site-header .cart-copy > b {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    color: inherit;
}
.site-header .account-copy small,
.site-header .cart-copy small { margin-top: 3px; color: #d3d4d5; font-size: 9px; }
.site-header .header-chevron { display: none; }
.site-header .header-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.site-header .header-avatar::after,
.site-header .header-cart-icon::after { display: none; }
.site-header .account-status-dot {
    position: absolute;
    right: 1px;
    bottom: 3px;
    width: 8px;
    height: 8px;
    border: 1px solid #08090b;
    border-radius: 50%;
    background: var(--brand-red);
}
.site-header .account-connected .account-status-dot { background: #239454; }
.site-header .cart-count {
    position: absolute;
    right: -4px;
    top: -6px;
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    border: 2px solid #090a0c;
    border-radius: 999px;
    color: #fff;
    background: var(--brand-red);
    font-size: 10px;
}
.site-header .account-dropdown-panel {
    position: absolute;
    z-index: 80;
    top: calc(100% + 12px);
    right: 0;
    width: 245px;
    padding: 10px;
    border: 1px solid rgba(242, 11, 56, .24);
    border-radius: 15px;
    color: #202126;
    background: #fff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.site-header .account-dropdown-panel[hidden] { display: none; }
.site-header .account-dropdown-panel a { display: block; padding: 11px; border-radius: 9px; font-size: 13px; }
.site-header .account-dropdown-panel a:hover,
.site-header .account-dropdown-panel a:focus-visible { color: var(--brand-red); background: #f7f7f8; }

.toru-home-page main { padding: 0; }
.toru-home-page .notice { position: relative; z-index: 30; }
.toru-home-page .product-card form { margin: 0; }
.toru-home-page .product-buy form button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(--brand-red);
    box-shadow: 0 8px 18px rgba(242, 11, 56, .28);
}
.toru-home-page .product-buy form button svg { width: 20px; height: 20px; }
.toru-home-page .home-offer-page[hidden] { display: none !important; }
.toru-home-page .featured-stage { position: relative; }
.toru-home-page .slider-arrow:disabled { opacity: .32; cursor: default; }

.footer-payment-provider { width: 155px; height: auto; margin: 13px 0 9px; }
.footer-payment-brands { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0; }
.footer-payment-brands span {
    display: grid;
    place-items: center;
    min-width: 41px;
    min-height: 25px;
    padding: 3px 5px;
    border-radius: 4px;
    background: #fff;
}
.footer-payment-brands img { display: block; max-width: 38px; max-height: 19px; }

@media (max-width: 720px) {
    .site-header .account-copy,
    .site-header .cart-copy,
    .site-header .quick-links > i { display: none; }
    .site-header .quick-links { align-items: center; }
    .site-header .account-dropdown-panel { right: -48px; width: min(260px, calc(100vw - 28px)); }
    .toru-home-page .featured-grid .product-card,
    .toru-home-page .featured-grid .product-card.duo,
    .toru-home-page .featured-grid .product-card.wide,
    .toru-home-page .featured-grid .product-card.small { flex: 0 0 82%; }

    /* Os cards do catálogo real precisam encolher dentro das duas colunas no celular. */
    .inner-page .catalog .product-grid > .product-card { min-width: 0; }
}