:root {
    --primary-color: var(--awa-red, #b73337);
    --primary-hover: var(--awa-red-dark, #8e2629);
    --primary-light: var(--awa-red-light, rgb(183 51 55 / 10%));
    --text-color: #1e293b;
    --text-muted: #64748b;
    --bg-white: #fff;
    --bg-surface: #f8fafc;
    --border-color: #e2e8f0;
    --border-hover: #cbd5e1;
    --awa-focus-ring: rgb(183 51 55 / 25%);

    /* Typography B2B: Arial, Inter, Roboto (Tech-Corporate) */
    --awa-font-family: 'Inter', 'Roboto', Arial, sans-serif;

    /* Radius system — B2B Tech Corporate (2-4px max) */
    --awa-radius-xs: 2px;
    --awa-radius-sm: 4px;
    --awa-radius-md: 4px;
    --awa-radius-lg: 4px;
    --awa-radius-xl: 6px;
    --awa-radius-pill: 999px;

    /* Shadow system — tech flat feel */
    --awa-shadow-xs: 0 1px 2px rgb(15 23 42 / 2%);
    --awa-shadow-sm: 0 1px 3px rgb(15 23 42 / 4%);
    --awa-shadow-md: 0 2px 6px rgb(15 23 42 / 5%);
    --awa-shadow-lg: 0 4px 12px rgb(15 23 42 / 6%);
    --awa-shadow-hover: 0 4px 12px rgb(15 23 42 / 8%);
    --awa-shadow-card: 0 1px 2px rgb(15 23 42 / 4%);
    --awa-shadow-card-hover: 0 2px 8px rgb(15 23 42 / 6%);

    /* Motion — premium easing */
    --awa-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --awa-duration-fast: 150ms;
    --awa-duration: 250ms;
    --awa-duration-slow: 350ms;
    --awa-transition: var(--awa-duration) var(--awa-ease);
    --awa-transition-fast: var(--awa-duration-fast) var(--awa-ease);

    /* Typography refinements */
    --awa-font-weight-normal: 400;
    --awa-font-weight-medium: 500;
    --awa-font-weight-semibold: 600;
    --awa-font-weight-bold: 700;
    --awa-font-weight-extrabold: 800;
}

/* ============================================================
   B2B DESBLOATING (Limpeza de Módulos B2C)
   Ocultando agressivamente elementos promocionais / B2C
   ============================================================ */
.rokan-instagram,
.super-deals,
#super_deal_list,
.slider-super-deal,
.block-new-products,
.widget-new-products,
.newsletterpopup,
#newsletter_pop_up,
.block_superdeals_img,
.countdown_block,
.title_countdown,
.hot-deal,
.popup-newsletter,
.block.newsletter,
.footer-newsletter,
.box-newsletter {
    display: none !important;
}

:where(a, button, input, select, textarea, [role='button'], .action):focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* ============================================================
   B2B VERTICAL MENU (Tree View / Clean)
   Transformando o Mega-Menu horizontal em árvore vertical limpa
   ============================================================ */

/* Botão principal do Departamento */
.navigation.verticalmenu .block-title {
    background: var(--awa-dark) !important;
    border-radius: var(--awa-radius-sm);
    text-transform: uppercase;
    font-weight: var(--awa-font-weight-bold);
    letter-spacing: 0.5px;
}

/* Ocultando blocos estáticos dentro dos dropdowns (imagens promo B2C) */
.navigation.verticalmenu .menu-custom-block,
.navigation.verticalmenu .vertical-menu-custom-block {
    display: none !important;
}

/* Forçando o list-style limpo e dropdown contínuo */
.navigation.verticalmenu .ui-menu {
    border: 1px solid var(--border-color);
    box-shadow: var(--awa-shadow-md);
    border-radius: 0 0 var(--awa-radius-sm) var(--awa-radius-sm);
}

.navigation.verticalmenu .ui-menu-item > a {
    font-family: var(--awa-font-family);
    font-size: 14px !important;
    color: var(--text-color) !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--awa-gray-100);
}

/* ============================================================
   B2B HORIZONTAL MENU (Institucional / Limpo)
   ============================================================ */
.navigation.custommenu.main-nav .menu-custom-block {
    display: none !important;
}

.navigation.custommenu.main-nav .ui-menu {
    box-shadow: var(--awa-shadow-md);
    border-radius: var(--awa-radius-sm);
    border: 1px solid var(--border-color);
}

.navigation.custommenu.main-nav .ui-menu-item > a {
    font-weight: var(--awa-font-weight-medium);
}

/* ============================================================
   B2B LIST VIEW FORCED & FILTERS OTIMIZADOS
   ============================================================ */
.modes,
.toolbar .modes-mode,
.sidebar .block.filter .filter-title {
    display: none !important;
}

.product-list .item-product {
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 8px;
}

/* ============================================================
   B2B CATALOG MODE (Hide Price/Cart for Guests)
   ============================================================ */
body.not-logged-in .price-box,
body.not-logged-in .action.tocart,
body.not-logged-in .awa-catalog-qty-box,
body.not-logged-in .box-tocart {
    display: none !important;
}

body.not-logged-in .product-info-price::after {
    content: "Preços exclusivos para empresas cadastradas.";
    display: block;
    margin-top: 10px;
    padding: 10px;
    background: var(--bg-surface);
    border-left: 3px solid var(--primary-color);
    font-size: 13px;
    font-weight: var(--awa-font-weight-bold);
    color: var(--awa-dark);
}

/* ============================================================
   B2B PDP & ACCOREDIONS (Ficha Técnica & Cross-Sell)
   ============================================================ */

/* ============================================================
   B2B MY ACCOUNT DASHBOARD (SaaS Style)
   ============================================================ */

/* Ocultando ícones lúdicos gigantes do dashboard padrão */
.block-dashboard-info .box-title::before,
.block-dashboard-addresses .box-title::before,
.block-dashboard-orders .box-title::before {
    display: none !important;
}

/* Estrutura SaaS Dashboard */
.account .column.main {
    background: var(--bg-white);
    padding: 30px;
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-md);
    border: 1px solid var(--border-color);
}

.account .page-title-wrapper .page-title {
    font-size: 24px;
    font-weight: var(--awa-font-weight-extrabold);
    color: var(--awa-dark);
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

.block-dashboard-info .box,
.block-dashboard-addresses .box {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--awa-radius-sm);
    padding: 20px;
    margin-bottom: 20px;
}

.block-dashboard-info .box-title span,
.block-dashboard-addresses .box-title span {
    font-size: 16px;
    font-weight: var(--awa-font-weight-bold);
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.product.data.items > .item.title > .switch {
    font-size: 14px;
    font-weight: var(--awa-font-weight-semibold);
    text-transform: uppercase;
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-bottom: none;
    border-radius: var(--awa-radius-sm) var(--awa-radius-sm) 0 0;
    padding: 12px 20px;
    color: var(--text-color);
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title > .switch:focus-visible,
.product.data.items > .item.title > .switch:hover {
    background: var(--bg-white);
    color: var(--primary-color);
    border-color: var(--border-color);
}

.product.data.items > .item.content {
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    padding: 24px;
    border-radius: 0 var(--awa-radius-sm) var(--awa-radius-sm) var(--awa-radius-sm);
    margin-top: -1px;
    box-shadow: var(--awa-shadow-xs);
}

/* Carrossel Up-sell / Related Products (B2B Table-like) */
.block.related .product-item-info,
.block.upsell .product-item-info {
    border: 1px solid var(--border-color);
    border-radius: var(--awa-radius-sm);
    box-shadow: none;
    transition: box-shadow var(--awa-transition-fast), border-color var(--awa-transition-fast);
}

.block.related .product-item-info:hover,
.block.upsell .product-item-info:hover {
    box-shadow: var(--awa-shadow-sm);
    border-color: var(--border-hover);
}

/* Tabela de Informações Adicionais (Atributos) */
.table-wrapper.additional-attributes {
    margin-bottom: 0;
}
.table-wrapper.additional-attributes table.data.table.additional-attributes {
    border: 1px solid var(--border-color);
}
.table-wrapper.additional-attributes table.data.table.additional-attributes th,
.table-wrapper.additional-attributes table.data.table.additional-attributes td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}
.table-wrapper.additional-attributes table.data.table.additional-attributes th {
    background: var(--bg-surface);
    font-weight: var(--awa-font-weight-semibold);
    width: 30%;
    color: var(--text-muted);
}


/* Modern base typography */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    color: var(--text-color);
    font-family: var(--awa-font-family);
}

:where(button, .action, .action.primary, a.action) {
    transition: background-color var(--awa-transition), border-color var(--awa-transition), color var(--awa-transition), box-shadow var(--awa-transition), transform var(--awa-transition-fast);
}

/* Interactive micro-feedback */
:where(button, .action, .action.primary, a.action):active:not([disabled]) {
    transform: scale(0.97);
}

/* Modern link styles */
:where(.product-item-link, .category-link, .breadcrumbs a) {
    text-decoration: none;
    background-image: linear-gradient(currentcolor, currentcolor);
    background-size: 0% 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--awa-transition), color var(--awa-transition);
}

:where(.product-item-link, .category-link, .breadcrumbs a):hover {
    background-size: 100% 1px;
}

:where(
    button.action.primary,
    a.action.primary,
    .action.primary,
    .actions-primary .action,
    .action.tocart,
    .action.checkout,
    .checkout-methods-items .action.primary,
    .checkout-methods-items .action.checkout,
    .minicart-wrapper .action.viewcart,
    .minicart-wrapper .action.checkout,
    #discount-coupon-form .action.apply.primary,
    .cart-summary .action.primary,
    .checkout-cart-index .action.primary,
    .checkout-index-index .action.primary,
    .ajaxsuite-popup-wrapper .action.primary,
    .popup-authentication .action.primary
) {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--bg-white);
}

:where(
    button.action.primary,
    a.action.primary,
    .action.primary,
    .actions-primary .action,
    .action.tocart,
    .action.checkout,
    .checkout-methods-items .action.primary,
    .checkout-methods-items .action.checkout,
    .minicart-wrapper .action.viewcart,
    .minicart-wrapper .action.checkout,
    #discount-coupon-form .action.apply.primary,
    .cart-summary .action.primary,
    .checkout-cart-index .action.primary,
    .checkout-index-index .action.primary,
    .ajaxsuite-popup-wrapper .action.primary,
    .popup-authentication .action.primary
):hover,
:where(
    button.action.primary,
    a.action.primary,
    .action.primary,
    .actions-primary .action,
    .action.tocart,
    .action.checkout,
    .checkout-methods-items .action.primary,
    .checkout-methods-items .action.checkout,
    .minicart-wrapper .action.viewcart,
    .minicart-wrapper .action.checkout,
    #discount-coupon-form .action.apply.primary,
    .cart-summary .action.primary,
    .checkout-cart-index .action.primary,
    .checkout-index-index .action.primary,
    .ajaxsuite-popup-wrapper .action.primary,
    .popup-authentication .action.primary
):focus-visible {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--bg-white);
    box-shadow: 0 0 0 3px var(--awa-focus-ring);
    text-decoration: none;
}

:where(
    button.action.primary,
    a.action.primary,
    .action.primary,
    .actions-primary .action,
    .action.tocart,
    .action.checkout,
    .checkout-methods-items .action.primary,
    .checkout-methods-items .action.checkout
)[disabled],
:where(
    button.action.primary,
    a.action.primary,
    .action.primary,
    .actions-primary .action,
    .action.tocart,
    .action.checkout,
    .checkout-methods-items .action.primary,
    .checkout-methods-items .action.checkout
).disabled {
    background: rgb(183 51 55 / 45%);
    border-color: rgb(183 51 55 / 45%);
    color: var(--bg-white);
}

:where(
    .price-box .price-wrapper .price,
    .special-price .price,
    .product-item .price-box .price-final_price .price,
    .product-info-main .price-box .price,
    .cart-summary .amount .price,
    .opc-block-summary .price,
    .minicart-items .price,
    .total-mini-cart-price .price
) {
    color: var(--primary-color);
}

:where(
    .old-price .price,
    .price-box .old-price .price,
    .cart .old-price .price
) {
    color: #777;
}

:where(
    .nav-sections .navigation .level0.active > a,
    .nav-sections .navigation .level0.has-active > a,
    .navigation .level0.active > a,
    .navigation .level0.has-active > a,
    .breadcrumbs a:hover,
    .breadcrumbs a:focus-visible,
    .pages .item.current strong,
    .toolbar .modes-mode.active,
    .toolbar .modes-mode:hover,
    .sorter-action:hover,
    .sorter-action:focus-visible,
    .filter-options-title:hover,
    .filter-options-title:focus-visible,
    .product-item .product-item-link:hover,
    .product-item .product-item-link:focus-visible
) {
    color: var(--primary-color);
}

:where(
    .pages .item.current strong,
    .toolbar .modes-mode.active
) {
    border-color: var(--primary-color);
}

:where(
    .field .control input,
    .field .control select,
    .field .control textarea,
    .cart-summary input[type='text'],
    .cart-summary input[type='email'],
    .checkout-index-index input,
    .checkout-index-index select,
    .checkout-index-index textarea,
    .popup-authentication input,
    .ajaxsuite-popup-wrapper input,
    .form.contact input,
    .form.contact textarea,
    .aw-aw-careers-form input,
    .aw-aw-careers-form textarea
) {
    border-radius: var(--awa-radius-sm);
    border: 1px solid var(--border-color);
    min-height: 44px;
    padding: 10px 14px;
    font-size: 0.9375rem;
    transition: border-color var(--awa-transition-fast), box-shadow var(--awa-transition-fast);
    background-color: var(--bg-white);
}

:where(
    .field .control input:focus,
    .field .control select:focus,
    .field .control textarea:focus,
    .cart-summary input[type='text']:focus,
    .cart-summary input[type='email']:focus,
    .checkout-index-index input:focus,
    .checkout-index-index select:focus,
    .checkout-index-index textarea:focus,
    .popup-authentication input:focus,
    .ajaxsuite-popup-wrapper input:focus,
    .form.contact input:focus,
    .form.contact textarea:focus,
    .aw-aw-careers-form input:focus,
    .aw-aw-careers-form textarea:focus
) {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px var(--primary-light);
    outline: 0;
}

/* ============================================================
   B2B CAREERS / CORPORATE FORMS
   ============================================================ */
.form.contact, .aw-aw-careers-form {
    max-width: 800px;
    margin: 0 auto;
    background: var(--bg-surface);
    padding: 40px;
    border-radius: var(--awa-radius-md);
    border: 1px solid var(--border-color);
    box-shadow: var(--awa-shadow-sm);
}

.form.contact .fieldset > .field,
.aw-aw-careers-form .fieldset > .field {
    margin-bottom: 20px;
}

.form.contact .fieldset > .field > .label,
.aw-aw-careers-form .fieldset > .field > .label {
    font-weight: var(--awa-font-weight-semibold);
    color: var(--text-color);
    margin-bottom: 8px;
    display: inline-block;
}

/* ============================================================
   B2B FOOTER (Corporate / Monochromatic)
   ============================================================ */
.footer-container {
    background-color: var(--awa-dark) !important;
    background-image: none !important;
    color: var(--awa-gray-100) !important;
    padding-top: 40px;
    border-top: 4px solid var(--primary-color);
}

.footer-container .footer-title {
    color: var(--bg-white) !important;
    font-size: 16px;
    font-weight: var(--awa-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.footer-container a {
    color: var(--awa-gray-100) !important;
    font-size: 14px;
    transition: color var(--awa-transition-fast);
}

.footer-container a:hover {
    color: var(--primary-color) !important;
}

/* Redes Sociais e Pagamentos Monocromáticos */
.footer-container .social-icons a,
.footer-bottom .payment-icons img {
    filter: grayscale(100%) opacity(0.8);
    transition: filter var(--awa-transition-fast);
}

.footer-container .social-icons a:hover,
.footer-bottom .payment-icons img:hover {
    filter: grayscale(0%) opacity(1);
}

.footer-bottom {
    background-color: #0f172a !important; /* Mais escuro que o footer-container */
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 20px 0;
    font-size: 12px;
}

body.checkout-cart-index .cart-summary,
body.checkout-index-index .opc-block-summary,
body.checkout-index-index #opc-sidebar {
    border-radius: var(--awa-radius-lg);
    border: 1px solid var(--border-color);
    box-shadow: var(--awa-shadow-card);
}

body.checkout-cart-index .cart-summary .checkout-methods-items,
body.checkout-index-index .checkout-methods-items {
    margin-bottom: 12px;
}

body.checkout-cart-index .cart-summary .action.checkout,
body.checkout-index-index .checkout-methods-items .action.checkout,
body.checkout-index-index .payment-method-content .action.primary.checkout {
    min-height: 48px;
    font-size: 1rem;
    font-weight: var(--awa-font-weight-bold);
    letter-spacing: 0.01em;
    border-radius: var(--awa-radius-lg);
    box-shadow: 0 6px 14px rgb(183 51 55 / 14%);
}

body.checkout-cart-index #discount-coupon-form .action.apply.primary,
body.checkout-cart-index .cart-summary .action.primary,
body.checkout-index-index .action-select-shipping-item,
body.checkout-index-index .action-remind,
body.checkout-index-index .authentication-wrapper .action-auth-toggle {
    min-height: 40px;
}

body.checkout-index-index .opc-progress-bar-item._active::before,
body.checkout-index-index .opc-progress-bar-item._complete::before,
body.checkout-index-index .opc-progress-bar-item._active > span::before,
body.checkout-index-index .opc-progress-bar-item._complete > span::before {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

body.checkout-index-index .opc-progress-bar-item._active > span,
body.checkout-index-index .opc-progress-bar-item._complete > span,
body.checkout-index-index .step-title,
body.checkout-index-index .opc-block-summary > .title,
body.checkout-cart-index .cart-summary > .title {
    color: var(--text-color);
}

body.checkout-index-index .opc-progress-bar-item._active > span,
body.checkout-index-index .opc-progress-bar-item._complete > span,
body.checkout-index-index .step-title[aria-expanded='true'] {
    border-bottom-color: rgb(183 51 55 / 18%);
}

/* Modern card base utility */
:where(.product-item, .cart-item, .opc-block-summary, .checkout-shipping-method, .checkout-payment-method) {
    border-radius: var(--awa-radius-lg);
}

/* Selection highlight */
::selection {
    background: rgb(183 51 55 / 14%);
    color: var(--text-color);
}

body.checkout-index-index .checkout-agreement input[type='checkbox']:focus-visible,
body.checkout-cart-index input[type='checkbox']:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action,
body.checkout-cart-index .cart.table-wrapper .action-edit,
body.checkout-cart-index .cart.table-wrapper .action-delete {
    color: var(--text-color);
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action:hover,
body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action:focus-visible,
body.checkout-cart-index .cart.table-wrapper .action-edit:hover,
body.checkout-cart-index .cart.table-wrapper .action-edit:focus-visible,
body.checkout-cart-index .cart.table-wrapper .action-delete:hover,
body.checkout-cart-index .cart.table-wrapper .action-delete:focus-visible {
    color: var(--primary-color);
}

body.checkout-cart-index .authentication-wrapper .action-auth-toggle,
body.checkout-cart-index .popup-authentication .action-secondary,
body.checkout-index-index .popup-authentication .action-secondary,
body.checkout-cart-index .ajaxsuite-popup-wrapper .action-secondary,
body.checkout-index-index .ajaxsuite-popup-wrapper .action-secondary {
    border-color: rgb(183 51 55 / 18%);
    color: var(--text-color);
}

body.checkout-cart-index .authentication-wrapper .action-auth-toggle:hover,
body.checkout-cart-index .authentication-wrapper .action-auth-toggle:focus-visible,
body.checkout-cart-index .popup-authentication .action-secondary:hover,
body.checkout-cart-index .popup-authentication .action-secondary:focus-visible,
body.checkout-index-index .popup-authentication .action-secondary:hover,
body.checkout-index-index .popup-authentication .action-secondary:focus-visible,
body.checkout-cart-index .ajaxsuite-popup-wrapper .action-secondary:hover,
body.checkout-cart-index .ajaxsuite-popup-wrapper .action-secondary:focus-visible,
body.checkout-index-index .ajaxsuite-popup-wrapper .action-secondary:hover,
body.checkout-index-index .ajaxsuite-popup-wrapper .action-secondary:focus-visible {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

@media (width <= 767px) {
    :where(
        button.action.primary,
        a.action.primary,
        .action.primary,
        .actions-primary .action,
        .action.tocart,
        .action.checkout,
        .checkout-methods-items .action.primary,
        .checkout-methods-items .action.checkout
    ) {
        min-height: 48px;
        font-size: 1rem;
        border-radius: var(--awa-radius-lg);
    }

    body.checkout-index-index .opc-progress-bar {
        overflow-x: auto;
    }
}

/* Reduced motion: disable all custom animations */
@media (prefers-reduced-motion: reduce) {
    :where(button, .action, .action.primary, a.action) {
        transition: none !important;
    }

    :where(button, .action, .action.primary, a.action):active:not([disabled]) {
        transform: none !important;
    }

    :where(.product-item-link, .category-link, .breadcrumbs a) {
        transition: none !important;
        background-image: none !important;
    }
}

/* ============================================================
   B2B ACESSIBILIDADE (WCAG AA)
   ============================================================ */

/* Footer: garantir contraste mínimo 4.5:1 em textos sobre fundo escuro */
.footer-container,
.footer-container p,
.footer-container span,
.footer-container li {
    color: #cbd5e1 !important; /* Slate-300: contraste 7.3:1 contra #1e293b */
}

.footer-container .footer-title,
.footer-container h3,
.footer-container h4 {
    color: #f1f5f9 !important; /* Slate-100: contraste 14:1 */
}

.footer-container a {
    color: #e2e8f0 !important; /* Slate-200: contraste 11:1 */
}

.footer-container a:hover,
.footer-container a:focus-visible {
    color: var(--primary-color) !important;
    text-decoration: underline;
}

/* Focus ring para links e botões do footer */
.footer-container a:focus-visible,
.footer-container button:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Skip-to-content (acessibilidade teclado) */
.skip-to-content {
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background: var(--primary-color);
    color: #fff;
    padding: 12px 24px;
    font-weight: var(--awa-font-weight-bold);
    border-radius: var(--awa-radius-sm);
    text-decoration: none;
}

.skip-to-content:focus {
    top: 8px;
}

/* ============================================================
   B2B PERFORMANCE (content-visibility)
   ============================================================ */

/* Lazy-render off-screen sections for faster initial paint */
.footer-container,
.block.related,
.block.upsell,
.product.data.items {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}

/* Otimização de imagens de produto: object-fit com aspect-ratio */
.product-image-container .product-image-photo {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: var(--bg-surface);
}