/* =========================================================
   ARTE MANIA - TESTE 08
   Rodapé com 3 colunas dentro dos 908px originais.
   TESTE 09: menor altura do rodapé; selo abaixo de Institucional.
   ========================================================= */

#canvas-inner-footer {
    width: 908px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 18px;
}

.am-footer-table {
    table-layout: fixed;
    width: 100%;
}

.am-footer-col {
    vertical-align: top !important;
    box-sizing: border-box;
}

/* 3 colunas equilibradas dentro dos 908px */
.am-footer-col-institucional {
    width: 30%;
    padding-left: 0;
    padding-right: 12px;
    text-align: left;
}

.am-footer-col-pagamentos {
    width: 35%;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center !important;
}

.am-footer-col-social {
    width: 35%;
    padding-left: 6px;
    padding-right: 0;
    text-align: center !important;
}

#canvas-inner-footer .footer-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

/* Institucional */
.am-footer-col-institucional .pages-container,
.am-footer-col-institucional dl {
    margin-top: 0 !important;
}

.am-footer-col-institucional .pages-item {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Mantém somente Sobre nós e Lojas */
.am-footer-col-institucional .pages-container .pages-item:nth-of-type(n+3) {
    display: none !important;
}

/* Selo Google abaixo de Institucional */
.am-footer-col-institucional .security-stamps-container {
    margin-top: 10px !important;
    text-align: left !important;
}

.am-footer-col-institucional .security-stamps-container img {
    max-height: 36px;
}

/* Pagamentos */
.am-payment-logos {
    display: flex;
    align-items: center;
    justify-content: center !important;
    gap: 14px;
    margin-top: 14px;
    padding: 0;
    white-space: nowrap;
}

.am-payment-image {
    display: block;
    width: auto;
    height: 68px;
    max-width: 125px;
    object-fit: contain;
}

/* Redes sociais */
#social-media-icons.am-social-footer {
    display: block !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.am-social-footer-list {
    display: flex;
    align-items: center;
    justify-content: center !important;
    gap: 14px;
    margin-top: 14px;
    padding: 0;
    white-space: nowrap;
}

.am-social-link {
    display: block;
    width: 70px;
    height: 70px;
    padding: 0;
    margin: 0;
    flex: 0 0 70px;
    text-decoration: none !important;
}

.am-social-link img {
    display: block;
    width: 70px;
    height: 70px;
    max-width: 70px;
    border: 0;
    object-fit: contain;
}

/* Copyright */
.am-footer-extra-text,
.am-footer-copyright {
    text-align: center;
    margin-top: 6px !important;
}

/* Mobile */
@media screen and (max-width: 700px) {
    #canvas-inner-footer {
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .am-footer-table,
    .am-footer-table tbody,
    .am-footer-table tr,
    .am-footer-table td {
        display: block;
        width: 100% !important;
    }

    .am-footer-col {
        padding: 0 0 18px 0;
    }

    .am-payment-logos,
    .am-social-footer-list {
        margin-top: 10px;
        flex-wrap: wrap;
    }
}

/* =========================================================
   ARTE MANIA - TESTE 11
   CABEÇALHO RESPONSIVO MOBILE
   ========================================================= */

/* Por segurança, o cabeçalho customizado fica invisível no desktop. */
#am-mobile-header {
    display: none;
}

/* =========================================================
   AJUSTES RESPONSIVOS DO CONTEÚDO
   ========================================================= */
@media screen and (max-width: 700px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    /* Estrutura desktop, quando presente */
    #canvas,
    #canvas-inner,
    #canvas-inner-header,
    #canvas-inner-body,
    .canvas-body,
    #canvas-inner-footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #canvas-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #canvas-inner-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* =====================================================
       CABEÇALHO MOBILE
       ===================================================== */
    #am-mobile-header {
        display: block !important;
        position: relative;
        z-index: 99999;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        box-shadow: 0 1px 5px rgba(0,0,0,.12);
    }

    .am-mobile-header-bar {
        width: 100%;
        min-height: 58px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 5px 9px;
        background: #ffffff;
    }

    .am-mobile-menu-button {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 7px;
        background: transparent;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
    }

    .am-mobile-menu-button:active {
        background: #f2f2f2;
    }

    .am-hamburger-line {
        display: block;
        width: 23px;
        height: 2px;
        border-radius: 2px;
        background: #222222;
    }

    .am-mobile-logo {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .am-mobile-logo #shop-logo,
    .am-mobile-logo #shop-logo.top-image {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .am-mobile-logo #shop-logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .am-mobile-logo #shop-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 155px !important;
        max-height: 46px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    .am-mobile-cart {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .am-mobile-cart a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .am-mobile-cart img {
        max-width: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        height: auto !important;
    }

    .am-mobile-menu {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0 10px 10px 10px;
        background: #ffffff;
        border-top: 1px solid #eeeeee;
    }

    .am-mobile-menu.am-mobile-menu-open {
        display: block;
    }

    .am-mobile-menu a {
        display: block;
        width: 100%;
        padding: 12px 10px;
        border-bottom: 1px solid #eeeeee;
        color: #333333 !important;
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none !important;
    }

    .am-mobile-menu a:last-child {
        border-bottom: 0;
    }

    .am-mobile-menu a:active {
        background: #f7f7f7;
    }

    /* Conteúdo da página */
    .breadcrumb {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #product-details-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
    }

    table.product-details-container {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    table.product-details-container > tbody,
    table.product-details-container > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    table.product-details-container > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #big-image-container,
    #big-image {
        max-width: 100% !important;
    }

    #big-image {
        width: auto !important;
        height: auto !important;
        max-height: 360px !important;
        object-fit: contain !important;
    }

    .product-details-description-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 15px !important;
    }

    /* Evita que tabelas do conteúdo criem largura fixa */
    #canvas-inner-body table {
        max-width: 100% !important;
    }

    /* Rodapé */
    #canvas-inner-footer {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* =========================================================
   ARTE MANIA - TESTE 12
   No celular, manter somente o cabeçalho mobile criado
   neste template. Ocultar as estruturas originais do
   cabeçalho desktop que também estão sendo renderizadas.
   ========================================================= */
@media screen and (max-width: 700px) {

    /* Cabeçalho externo/original */
    body > #header,
    #header.header-external,
    #header.header-internal,
    #header.header-intermediate,
    body > .header-external,
    body > .header-internal,
    body > .header-intermediate {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Logos originais do template */
    .header-logo-full {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Área que contém o cabeçalho e as categorias horizontais */
    #canvas-inner-header {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Menu/categorias horizontais antigos */
    .horizontal-menu,
    .horizontal-categories,
    .jMenu,
    ul.jMenu,
    .jMenu ul,
    .jMenu li {
        display: none !important;
    }

    /* Remove o espaço superior que alguns cabeçalhos antigos
       deixam no canvas quando são ocultados. */
    #canvas {
        margin-top: 0 !important;
    }

    #canvas-inner {
        padding-top: 0 !important;
    }

    /* Nosso cabeçalho é o único que permanece visível. */
    #am-mobile-header {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Pequeno ajuste visual para o logo não dominar a tela. */
    .am-mobile-logo #shop-logo img {
        max-width: 145px !important;
        max-height: 44px !important;
    }

    .am-mobile-header-bar {
        min-height: 56px !important;
        height: 56px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}

/* ARTE MANIA TESTE 13 - refinamento de largura do cabeçalho mobile */
@media screen and (max-width: 700px) {
    #am-mobile-header {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =========================================================
   ARTE MANIA - TESTE 14
   Não depende de @media(max-width:700px), pois o Iluria
   entrega o viewport CSS como 980px no modo de teste.
   ========================================================= */

html.am-device-mobile body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

html.am-device-mobile #am-mobile-header {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 99999 !important;
}

/* Cabeçalho desktop/original */
html.am-device-mobile #header,
html.am-device-mobile .header-external,
html.am-device-mobile .header-internal,
html.am-device-mobile .header-intermediate,
html.am-device-mobile body > .header-external,
html.am-device-mobile body > .header-internal,
html.am-device-mobile body > .header-intermediate,
html.am-device-mobile #canvas-inner-header,
html.am-device-mobile .header-logo-full,
html.am-device-mobile .horizontal-menu,
html.am-device-mobile .horizontal-categories,
html.am-device-mobile .jMenu {
    display: none !important;
    visibility: hidden !important;
}

/* Logo original dentro do nosso cabeçalho mobile */
html.am-device-mobile #am-mobile-header .header-logo-full {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

html.am-device-mobile #am-mobile-header img {
    max-width: 145px !important;
    max-height: 44px !important;
    width: auto !important;
    height: auto !important;
}

/* Conteúdo principal em largura de tela */
html.am-device-mobile #canvas,
html.am-device-mobile #canvas-inner,
html.am-device-mobile .canvas-body,
html.am-device-mobile #canvas-inner-body,
html.am-device-mobile #canvas-inner-footer,
html.am-device-mobile #footer {
    max-width: 100% !important;
    box-sizing: border-box !important;
}



/* =========================================================
   ARTE MANIA - TESTE 15
   Ajustes finais da primeira etapa mobile.
   IMPORTANTE: somente regras mobile; desktop permanece igual.
   ========================================================= */

@media screen and (max-width: 700px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    body {
        font-size: 14px !important;
    }

    #canvas,
    #canvas-inner,
    .canvas-body,
    #canvas-inner-body,
    #canvas-inner-footer,
    #footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #canvas {
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #canvas-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 0 !important;
    }

    #canvas-inner-body {
        float: none !important;
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* =====================================================
       CABEÇALHO
       ===================================================== */
    #am-mobile-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border-bottom: 1px solid #e8e8e8 !important;
        box-shadow: 0 1px 5px rgba(0,0,0,.10) !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 99999 !important;
    }

    .am-mobile-header-bar {
        width: 100% !important;
        min-height: 58px !important;
        height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        padding: 5px 8px !important;
        box-sizing: border-box !important;
    }

    .am-mobile-menu-button {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .am-hamburger-line {
        width: 23px !important;
        height: 2px !important;
        margin: 3px auto !important;
        background: #222 !important;
        display: block !important;
        border-radius: 2px !important;
    }

    .am-mobile-logo {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .am-mobile-logo #shop-logo,
    .am-mobile-logo #shop-logo.top-image {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .am-mobile-logo #shop-logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .am-mobile-logo #shop-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 165px !important;
        max-height: 50px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    .am-mobile-cart-icon {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        position: relative !important;
        color: #222 !important;
        text-decoration: none !important;
        overflow: visible !important;
    }

    .am-cart-symbol {
        font-size: 23px !important;
        line-height: 1 !important;
    }

    .am-mobile-cart-icon .cart-count {
        position: absolute !important;
        top: 2px !important;
        right: -1px !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 9px !important;
        background: #e91e63 !important;
        color: #fff !important;
        font: bold 10px/17px Arial, sans-serif !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .am-mobile-actions {
        width: 100% !important;
        min-height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        gap: 0 !important;
        padding: 0 4px !important;
        background: #fafafa !important;
        border-top: 1px solid #f0f0f0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-actions a {
        flex: 1 1 33.333% !important;
        min-width: 0 !important;
        padding: 8px 3px !important;
        text-align: center !important;
        color: #333 !important;
        font: 600 11px/1.2 Arial, sans-serif !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        border-right: 1px solid #e7e7e7 !important;
    }

    .am-mobile-actions a:last-child {
        border-right: 0 !important;
    }

    .am-mobile-actions .cart-count {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 16px !important;
        height: 16px !important;
        padding: 0 4px !important;
        margin-left: 2px !important;
        border-radius: 8px !important;
        background: #e91e63 !important;
        color: #fff !important;
        font: bold 9px/16px Arial, sans-serif !important;
        vertical-align: middle !important;
    }

    .am-mobile-menu {
        display: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 4px 10px 10px !important;
        background: #fff !important;
        border-top: 1px solid #eee !important;
        box-sizing: border-box !important;
    }

    .am-mobile-menu.am-mobile-menu-open {
        display: block !important;
    }

    .am-mobile-menu a {
        display: block !important;
        width: 100% !important;
        padding: 12px 10px !important;
        border-bottom: 1px solid #eee !important;
        color: #333 !important;
        font: 600 14px/1.2 Arial, sans-serif !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       BANNER / INDEX
       ===================================================== */
    .slider-wrapper,
    #slider,
    .nivoSlider,
    .shop-window,
    .aux-banners,
    .top-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .slider-wrapper { margin-bottom: 12px !important; }

    .nivoSlider img,
    .shop-window img,
    .aux-banners img,
    .top-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        object-fit: contain !important;
    }

    .theme-default .nivoSlider {
        min-height: 0 !important;
        height: auto !important;
    }

    /* =====================================================
       LISTA DE PRODUTOS - 2 COLUNAS
       ===================================================== */
    #product-list-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .product-item-container {
        float: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .product-item-container-inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .product-thumb-container,
    .product-thumb-image-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .product-thumb-image-container img,
    .iluria-product-thumb {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        object-fit: contain !important;
    }

    .product-thumb-caption-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 5px 8px !important;
        box-sizing: border-box !important;
    }

    .iluria-layout-search-product-title {
        font-size: 12px !important;
        line-height: 1.25 !important;
        margin-top: 7px !important;
        text-align: center !important;
    }

    .product-thumb-price,
    .product-thumb-price-installment,
    .product-thumb-original-price {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    /* =====================================================
       PÁGINA DO PRODUTO
       ===================================================== */
    #product-details-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    table.product-details-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        margin-top: 10px !important;
    }

    table.product-details-container > tbody,
    table.product-details-container > tbody > tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    table.product-details-container > tbody > tr > td,
    .product-details-container-td-pictures,
    .product-details-container-td-description {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #big-image-container {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #big-image,
    #big-image-container img#big-image {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 360px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    #thumbsContainer {
        float: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 12px 0 8px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    #thumbsContainer .thumb-picture {
        flex: 0 0 54px !important;
        width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        margin: 0 !important;
        object-fit: cover !important;
    }

    .product-social-media-buttons {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 !important;
        display: block !important;
        overflow: hidden !important;
    }

    .product-details-description-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 15px 0 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .product-title {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 21px !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere !important;
    }

    .product-price-container,
    .product-variations-container,
    #product-quantity-selector,
    #product-buy-button-container,
    #product-shipping-link-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .product-variations-container select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #product-buy-button-container {
        float: none !important;
        display: block !important;
    }

    #product-buy-button-container .buy-button-text,
    #product-buy-button-container input,
    #product-buy-button-container button,
    #product-buy-button-container a {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #product-shipping-link-container {
        float: none !important;
        display: block !important;
        margin-top: 8px !important;
    }

    #product-shipping-link-container a {
        margin-left: 0 !important;
        line-height: 30px !important;
    }

    .product-description,
    .product-description img,
    .product-info,
    .iluria-layout-size-chart {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

    .product-description img,
    .product-info img {
        height: auto !important;
        object-fit: contain !important;
    }

    /* Veja também: 2 colunas */
    .see-also-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .see-also-container {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .see-also-container img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* =====================================================
       PÁGINAS INSTITUCIONAIS / SOBRE NÓS
       ===================================================== */
    .iluria-page-content,
    span.iluria-page-content,
    .custom-contact-content {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .iluria-page-content table,
    .iluria-page-content div,
    .iluria-page-content section {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .iluria-page-content img {
        display: block !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* =====================================================
       CONTATO
       ===================================================== */
    .contact-container,
    .custom-contact-content {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .contact-container input[type="text"],
    .contact-container textarea,
    .contact-container select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .contatct-send-button,
    .contatct-send-button div {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       CARRINHO
       ===================================================== */
    .cart-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .cart-container > table,
    .cart-container .cart,
    .cart-container table.cart {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    .cart-container table td,
    .cart-container table th {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .cart .productTitle,
    .cart .productVariation,
    .cart .productPrice,
    .cart .productUnitPrice,
    .cart .productTotalPrice,
    .cart-item-unit-price,
    .cart-item-total-price {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .cart-item-unit-price,
    .cart-item-total-price {
        width: auto !important;
    }

    .cart .productQuantityField,
    .cart-container input.productQuantityField {
        width: 42px !important;
        max-width: 42px !important;
        box-sizing: border-box !important;
    }

    .cart-container input[type="text"],
    .cart-container textarea,
    .cart-container select,
    #comments,
    #zip,
    #couponCode {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .cart-quantity-controls {
        max-width: 100% !important;
        flex-wrap: nowrap !important;
    }

    /* =====================================================
       RODAPÉ
       ===================================================== */
    #canvas-inner-footer {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   TESTE 15 - mesmo comportamento quando o Iluria TestEnv
   reporta viewport CSS de 980px, mas marcou o dispositivo
   como mobile.
   ========================================================= */
html.am-device-mobile body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

html.am-device-mobile #canvas,
html.am-device-mobile #canvas-inner,
html.am-device-mobile .canvas-body,
html.am-device-mobile #canvas-inner-body,
html.am-device-mobile #canvas-inner-footer,
html.am-device-mobile #footer {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

html.am-device-mobile #canvas-inner-body {
    width: 100% !important;
    float: none !important;
}

html.am-device-mobile .product-item-container {
    min-width: 0 !important;
}


/* =========================================================
   ARTE MANIA - MOBILE V3
   IMPORTANTE:
   - preserva TODO o CSS desktop original
   - estes ajustes finais só atuam no mobile
   - corrige larguras inline do Iluria/TestEnv
   - produto e "Veja também" sem corte
   - Sobre nós: mascote reduzida
   - Index: conteúdo contido na viewport
   - cabeçalho mobile flutuante + pesquisa
   ========================================================= */

@media screen and (max-width: 700px) {

    /* ---------- Base segura para 360px ---------- */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    #canvas,
    #canvas-inner,
    #canvas-inner-header,
    .canvas-body,
    #canvas-inner-body,
    #canvas-inner-footer,
    #footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #canvas-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #canvas-inner-body {
        float: none !important;
        display: block !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        overflow-x: hidden !important;
    }

    .canvas-body,
    .canvas-body > *,
    #canvas-inner-body > * {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ---------- Cabeçalho mobile flutuante ---------- */
    #am-mobile-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 999999 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
        border-bottom: 1px solid #e7e7e7 !important;
        box-sizing: border-box !important;
    }

    /* Entrar / Minha conta / Contato: colado no topo */
    .am-mobile-actions {
        width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fafafa !important;
        border: 0 !important;
        border-bottom: 1px solid #e9e9e9 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-actions a {
        flex: 1 1 33.333% !important;
        width: 33.333% !important;
        height: 32px !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 2px !important;
        margin: 0 !important;
        font: 600 10px/1 Arial, sans-serif !important;
        color: #333 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        border-right: 1px solid #e6e6e6 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-actions a:last-child {
        border-right: 0 !important;
    }

    /* Logo/hamburger/carrinho: imediatamente abaixo da barra superior */
    .am-mobile-header-bar {
        width: 100% !important;
        height: 76px !important;
        min-height: 76px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 2px 5px !important;
        background: #fff !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-menu-button,
    .am-mobile-cart-icon {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    .am-mobile-logo {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 72px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .am-mobile-logo #shop-logo,
    .am-mobile-logo #shop-logo.top-image,
    .am-mobile-logo #shop-logo a {
        width: auto !important;
        max-width: 100% !important;
        height: 72px !important;
        max-height: 72px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .am-mobile-logo #shop-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        width: 210px !important;
        max-width: 210px !important;
        max-height: 70px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* ---------- Pesquisa abaixo do logo ---------- */
    .am-mobile-search {
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        padding: 4px 8px 7px !important;
        margin: 0 !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search #search-form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search .search-bar {
        width: 100% !important;
        height: 31px !important;
        min-height: 31px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.05) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search .search-bar input {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 29px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        border: 0 !important;
        outline: none !important;
        background: transparent !important;
        color: #333 !important;
        font: 400 12px/29px Arial, sans-serif !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search .search-bar-button {
        width: 38px !important;
        height: 29px !important;
        flex: 0 0 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #f5f5f5 !important;
        color: #555 !important;
        font: 700 13px/29px Arial, sans-serif !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    /* ---------- Menu ---------- */
    .am-mobile-menu {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------- INDEX: limitar banners e produtos ---------- */
    html.am-page-index .canvas-body,
    html.am-page-index #canvas-inner-body,
    html.am-page-index .index-product-list-container,
    html.am-page-index #product-list-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    html.am-page-index .slider-wrapper,
    html.am-page-index #slider,
    html.am-page-index .nivoSlider,
    html.am-page-index .shop-window,
    html.am-page-index .aux-banners,
    html.am-page-index .top-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-index .slider-wrapper img,
    html.am-page-index #slider img,
    html.am-page-index .nivoSlider img,
    html.am-page-index .shop-window img,
    html.am-page-index .aux-banners img,
    html.am-page-index .top-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        box-sizing: border-box !important;
    }

    html.am-page-index #product-list-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    html.am-page-index #product-list-container .product-item-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-index #product-list-container .product-item-container-inner,
    html.am-page-index #product-list-container .product-thumb-container,
    html.am-page-index #product-list-container .product-thumb-image-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    html.am-page-index #product-list-container .iluria-product-thumb,
    html.am-page-index #product-list-container .product-thumb-image-container img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* ---------- PRODUTO ---------- */
    html.am-page-product #product-details-wrapper,
    html.am-page-product table.product-details-container,
    html.am-page-product .product-details-container-td-pictures,
    html.am-page-product .product-details-container-td-description {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #big-image-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #big-image,
    html.am-page-product #big-image-container img#big-image {
        display: block !important;
        width: auto !important;
        max-width: 270px !important;
        height: auto !important;
        max-height: 270px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #thumbsContainer {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 8px auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #thumbsContainer .thumb-picture {
        flex: 0 0 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
    }

    /* Veja também: não deixar as 230px originais ultrapassarem a tela */
    html.am-page-product .see-also-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html.am-page-product .see-also-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    html.am-page-product .see-also-container img {
        display: block !important;
        width: 100% !important;
        max-width: 135px !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* ---------- SOBRE NÓS ---------- */
    html.am-page-sobre-nos .iluria-page-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-sobre-nos .iluria-page-content > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* A mascote é a primeira imagem grande da página */
    html.am-page-sobre-nos .iluria-page-content img:first-of-type {
        display: block !important;
        width: auto !important;
        max-width: 50% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-fit: contain !important;
    }

    /* Demais imagens continuam contidas na tela */
    html.am-page-sobre-nos .iluria-page-content img:not(:first-of-type) {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* ---------- Proteção contra larguras fixas do conteúdo ---------- */
    html.am-device-mobile #canvas-inner-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        overflow-x: hidden !important;
    }

    html.am-device-mobile .canvas-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    /* Footer continua dentro da viewport */
    #canvas-inner-footer {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   TESTE V3: classes de página também quando o TestEnv
   mantém viewport CSS incomum
   ========================================================= */
html.am-device-mobile .canvas-body,
html.am-device-mobile #canvas-inner-body {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   ARTE MANIA - MOBILE V4
   Ajustes finais solicitados:
   - cabeçalho realmente fixo no topo
   - ações/logo/pesquisa sem espaços
   - logo maior
   - lupa na pesquisa
   - carrinho compacto
   - produto sem ultrapassar 360px
   - Sobre nós mais proporcional
   ========================================================= */
@media screen and (max-width:700px) {

    /* ---------- CABEÇALHO FIXO ---------- */
    #am-mobile-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 150px !important;
        min-height: 150px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2147483000 !important;
        overflow: visible !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: 0 2px 7px rgba(0,0,0,.14) !important;
    }

    /* Reserva exatamente o espaço ocupado pelo cabeçalho fixo. */
    html,
    body {
        padding-top: 150px !important;
        overflow-x: hidden !important;
    }

    /* Barra superior colada à logo */
    .am-mobile-actions {
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .am-mobile-actions a {
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 2px !important;
        font-size: 10px !important;
    }

    /* Área da logo: sem espaço acima/abaixo */
    .am-mobile-header-bar {
        height: 76px !important;
        min-height: 76px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        gap: 0 !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-menu-button,
    .am-mobile-cart-icon {
        width: 42px !important;
        height: 76px !important;
        min-width: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }

    .am-mobile-menu-button {
        gap: 5px !important;
    }

    .am-mobile-logo {
        flex: 1 1 auto !important;
        width: auto !important;
        height: 76px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .am-mobile-logo #shop-logo,
    .am-mobile-logo #shop-logo.top-image,
    .am-mobile-logo #shop-logo a {
        width: 240px !important;
        max-width: 240px !important;
        height: 76px !important;
        max-height: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .am-mobile-logo #shop-logo img {
        display: block !important;
        width: 230px !important;
        max-width: 230px !important;
        height: auto !important;
        max-height: 74px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    /* ---------- PESQUISA: imediatamente abaixo da logo ---------- */
    .am-mobile-search {
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 3px 8px 5px !important;
        border: 0 !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search #search-form,
    .am-mobile-search .search-bar {
        width: 100% !important;
        max-width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search .search-bar {
        border: 1px solid #cfcfcf !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .am-mobile-search .search-bar input {
        height: 32px !important;
        min-width: 0 !important;
        padding: 0 10px !important;
        font: 400 12px/32px Arial,sans-serif !important;
    }

    /* O template original escreve apenas "s"; escondemos e colocamos uma lupa. */
    .am-mobile-search .search-bar-button {
        width: 42px !important;
        min-width: 42px !important;
        height: 32px !important;
        flex: 0 0 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-indent: 0 !important;
    }

    .am-mobile-search .search-bar-button::before {
        content: "🔍" !important;
        display: block !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    /* ---------- CONTEÚDO GERAL ---------- */
    #canvas,
    #canvas-inner,
    .canvas-body,
    #canvas-inner-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #canvas-inner-body {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    /* ---------- CARRINHO: tabela compacta ---------- */
    .cart-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        font-family: Arial,sans-serif !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
    }

    .cart-container > table,
    .cart-container table.cart,
    .cart-container .cart {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
    }

    .cart-container table th {
        padding: 4px 2px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .cart-container table td {
        padding: 3px 2px !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        vertical-align: top !important;
    }

    /* Produto fica com a maior parte da tabela. */
    .cart-container table th:first-child,
    .cart-container table td:first-child {
        width: 52% !important;
    }

    .cart-container table th:nth-child(2),
    .cart-container table td:nth-child(2) {
        width: 17% !important;
    }

    .cart-container table th:nth-child(3),
    .cart-container table td:nth-child(3) {
        width: 15.5% !important;
    }

    .cart-container table th:nth-child(4),
    .cart-container table td:nth-child(4) {
        width: 15.5% !important;
    }

    .cart .productTitle,
    .cart .productVariation,
    .cart .productPrice,
    .cart .productUnitPrice,
    .cart .productTotalPrice,
    .cart-item-unit-price,
    .cart-item-total-price {
        font-size: 9px !important;
        line-height: 1.15 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .cart .productTitle {
        font-size: 9px !important;
        font-weight: 600 !important;
    }

    .cart .productVariation {
        font-size: 8px !important;
    }

    .cart .productQuantityField,
    .cart-container input.productQuantityField {
        width: 30px !important;
        max-width: 30px !important;
        height: 25px !important;
        padding: 0 2px !important;
        font-size: 9px !important;
    }

    .cart-container button,
    .cart-container input[type="button"],
    .cart-container input[type="submit"],
    .cart-container a {
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    /* Botão X Remover */
    .cart-container .remove,
    .cart-container .remove-product,
    .cart-container .remove-item,
    .cart-container a[href*="remove"] {
        font-size: 7px !important;
        line-height: 1 !important;
        padding: 3px 5px !important;
    }

    /* Comentários, CEP e frete */
    .cart-container textarea,
    .cart-container input[type="text"],
    .cart-container select {
        font-size: 9px !important;
    }

    /* ---------- PRODUTO ---------- */
    html.am-page-product #canvas-inner-body,
    html.am-page-product .canvas-body,
    html.am-page-product #product-details-wrapper,
    html.am-page-product table.product-details-container,
    html.am-page-product table.product-details-container tbody,
    html.am-page-product table.product-details-container tr,
    html.am-page-product table.product-details-container td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product table.product-details-container {
        display: block !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
    }

    html.am-page-product table.product-details-container tr,
    html.am-page-product table.product-details-container td {
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html.am-page-product #big-image-container {
        width: 100% !important;
        max-width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #big-image,
    html.am-page-product #big-image-container img#big-image {
        display: block !important;
        position: static !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        max-width: 245px !important;
        max-height: 245px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
    }

    html.am-page-product #thumbsContainer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px auto !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        overflow: hidden !important;
    }

    html.am-page-product #thumbsContainer img,
    html.am-page-product #thumbsContainer .thumb-picture {
        max-width: 44px !important;
        width: 44px !important;
        height: 44px !important;
        margin: 2px !important;
    }

    html.am-page-product .product-details-description-wrapper,
    html.am-page-product .product-details-description,
    html.am-page-product .product-buy-container,
    html.am-page-product .product-buttons,
    html.am-page-product .product-actions {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .product-buttons,
    html.am-page-product .product-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        overflow: hidden !important;
    }

    html.am-page-product .product-buttons a,
    html.am-page-product .product-buttons button,
    html.am-page-product .product-actions a,
    html.am-page-product .product-actions button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Veja também */
    html.am-page-product .see-also-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 6px !important;
        margin: 8px 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html.am-page-product .see-also-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    html.am-page-product .see-also-container img {
        display: block !important;
        width: auto !important;
        max-width: 120px !important;
        height: auto !important;
        max-height: 120px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* ---------- SOBRE NÓS: conteúdo proporcional ---------- */
    html.am-page-sobre-nos #canvas-inner-body {
        padding-left: 7px !important;
        padding-right: 7px !important;
        overflow-x: hidden !important;
    }

    html.am-page-sobre-nos .iluria-page-content,
    html.am-page-sobre-nos .iluria-page-content table,
    html.am-page-sobre-nos .iluria-page-content tbody,
    html.am-page-sobre-nos .iluria-page-content tr,
    html.am-page-sobre-nos .iluria-page-content td,
    html.am-page-sobre-nos .iluria-page-content div,
    html.am-page-sobre-nos .iluria-page-content p,
    html.am-page-sobre-nos .iluria-page-content section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-sobre-nos .iluria-page-content {
        font-size: 11px !important;
        line-height: 1.35 !important;
        overflow-x: hidden !important;
    }

    html.am-page-sobre-nos .iluria-page-content h1 {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    html.am-page-sobre-nos .iluria-page-content h2 {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    html.am-page-sobre-nos .iluria-page-content h3 {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    html.am-page-sobre-nos .iluria-page-content img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    html.am-page-sobre-nos .iluria-page-content img:first-of-type {
        width: auto !important;
        max-width: 42% !important;
        max-height: 300px !important;
        margin: 0 auto !important;
    }

    /* Corrige tabelas/containers antigos com largura fixa no Sobre nós. */
    html.am-page-sobre-nos .iluria-page-content [width],
    html.am-page-sobre-nos .iluria-page-content [style*="width"] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   ARTE MANIA - MOBILE V5
   Ajustes solicitados após os testes da V4.
   Desktop permanece intocado: regras somente para max-width:700px.
   ========================================================= */
@media screen and (max-width:700px) {

    /* ---------------------------------------------------------
       CABEÇALHO: somente este ajuste visual.
       Volta ao comportamento normal, sem fixed/sticky.
       --------------------------------------------------------- */
    #am-mobile-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 99999 !important;
    }

    html,
    body {
        padding-top: 0 !important;
        margin-top: 0 !important;
        overflow-x: hidden !important;
    }

    /* Barra superior totalmente colada à área da logo. */
    .am-mobile-actions {
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        border: 0 !important;
        border-bottom: 0 !important;
    }

    .am-mobile-actions a {
        height: 32px !important;
        margin: 0 !important;
        padding: 0 2px !important;
    }

    /* Área da logo: sem espaço artificial acima ou abaixo. */
    .am-mobile-header-bar {
        height: 82px !important;
        min-height: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        border: 0 !important;
        align-items: flex-start !important;
    }

    .am-mobile-logo {
        height: 82px !important;
        min-height: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        align-items: flex-start !important;
    }

    .am-mobile-logo #shop-logo,
    .am-mobile-logo #shop-logo.top-image,
    .am-mobile-logo #shop-logo a {
        height: 82px !important;
        max-height: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        align-items: flex-start !important;
    }

    /* Logo maior, encostada no topo da própria área. */
    .am-mobile-logo #shop-logo img {
        display: block !important;
        width: 280px !important;
        max-width: 280px !important;
        height: auto !important;
        max-height: 82px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        align-self: flex-start !important;
    }

    /* Menu e carrinho maiores, mantendo a mesma proporção lateral. */
    .am-mobile-menu-button,
    .am-mobile-cart-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        flex: 0 0 46px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .am-mobile-menu-button {
        align-self: flex-start !important;
    }

    .am-mobile-cart-icon {
        align-self: flex-start !important;
    }

    .am-hamburger-line {
        width: 27px !important;
        height: 3px !important;
    }

    .am-cart-symbol {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .am-mobile-cart-icon .am-mobile-cart-count,
    .am-mobile-cart-icon .cart-count {
        font-size: 11px !important;
        min-width: 19px !important;
        height: 19px !important;
        line-height: 19px !important;
    }

    /* Pesquisa totalmente colada à parte inferior da logo. */
    .am-mobile-search {
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 7px 3px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .am-mobile-search #search-form,
    .am-mobile-search .search-bar {
        margin: 0 !important;
    }

    /* ---------------------------------------------------------
       CARRINHO: compactar controles, textos de apoio menores,
       mas frete e total mais legíveis.
       --------------------------------------------------------- */
    .cart-container {
        font-size: 9px !important;
        line-height: 1.12 !important;
    }

    .cart-container .cart-quantity-controls {
        gap: 2px !important;
        margin: 0 auto !important;
    }

    .cart-container .cart-quantity-button {
        width: 23px !important;
        min-width: 23px !important;
        height: 23px !important;
        font-size: 13px !important;
        line-height: 21px !important;
        padding: 0 !important;
        border-radius: 3px !important;
    }

    .cart-container input.productQuantityField {
        width: 30px !important;
        max-width: 30px !important;
        height: 23px !important;
        min-height: 23px !important;
        padding: 1px !important;
        font-size: 9px !important;
    }

    .cart-container .cart-remove-button,
    .cart-container .remove,
    .cart-container .remove-product,
    .cart-container .remove-item,
    .cart-container a[href*="remove"] {
        font-size: 6px !important;
        line-height: 1 !important;
        padding: 2px 4px !important;
        margin-top: 3px !important;
    }

    .cart-container .am-cart-comments-label,
    .cart-container .am-cart-cep-label,
    .cart-container .am-cart-shipping-title {
        font-size: 8px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
    }

    /* Opções de frete: deliberadamente maiores que os rótulos acima. */
    .cart-container .am-cart-shipping-option,
    .cart-container .am-cart-shipping-option * {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    .cart-container .am-cart-shipping-info,
    .cart-container .am-cart-shipping-info * {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    /* Total do pedido: mais legível. */
    .cart-container .am-cart-total-row,
    .cart-container .am-cart-total-row * {
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
    }

    /* ---------------------------------------------------------
       PRODUTO: segunda camada de contenção para impedir que
       qualquer elemento gerado pelo Iluria passe dos 360px.
       --------------------------------------------------------- */
    html.am-page-product,
    html.am-page-product body,
    html.am-page-product #canvas,
    html.am-page-product #canvas-inner,
    html.am-page-product .canvas-body,
    html.am-page-product #canvas-inner-body,
    html.am-page-product #product-details-wrapper,
    html.am-page-product #product-details-wrapper form,
    html.am-page-product .product-details-container,
    html.am-page-product .product-details-container tbody,
    html.am-page-product .product-details-container tr,
    html.am-page-product .product-details-container td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    html.am-page-product .product-details-container-td-pictures,
    html.am-page-product .product-details-container-td-description {
        overflow: hidden !important;
    }

    html.am-page-product #big-image-container {
        width: 100% !important;
        max-width: 100% !important;
        height: 220px !important;
        max-height: 220px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #big-image-container > div,
    html.am-page-product #big-image-container > a,
    html.am-page-product #big-image-container > div > a {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    html.am-page-product #big-image-container #big-image {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 210px !important;
        max-height: 210px !important;
        margin: 0 auto !important;
        transform: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    html.am-page-product #thumbsContainer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px auto !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        overflow: hidden !important;
    }

    html.am-page-product #thumbsContainer img,
    html.am-page-product #thumbsContainer .thumb-picture {
        width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        max-height: 40px !important;
        margin: 2px !important;
    }

    html.am-page-product .product-details-description-wrapper,
    html.am-page-product .product-details-description-wrapper > * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .product-title,
    html.am-page-product .product-price-container,
    html.am-page-product .product-variations-container,
    html.am-page-product .product-description,
    html.am-page-product #product-buy-button-container,
    html.am-page-product #product-shipping-link-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    html.am-page-product .product-title {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html.am-page-product #product-buy-button-container,
    html.am-page-product #product-shipping-link-container {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   V7 — AJUSTE EXCLUSIVO DA LOGO + CARRINHO MOBILE
   Não altera desktop nem as demais correções.
   ========================================================= */
@media screen and (max-width:700px) {

    /* Área central da logo: maior e sem espaço vertical artificial. */
    #am-mobile-header .am-mobile-header-bar {
        height: 122px !important;
        min-height: 122px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
    }

    #am-mobile-header .am-mobile-logo {
        height: 122px !important;
        min-height: 122px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow: visible !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #am-mobile-header .am-mobile-logo #shop-logo,
    #am-mobile-header .am-mobile-logo #shop-logo.top-image,
    #am-mobile-header .am-mobile-logo #shop-logo a {
        width: 100% !important;
        height: 122px !important;
        max-height: 122px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Logo aproximadamente 2x maior que a versão atual. */
    #am-mobile-header .am-mobile-logo #shop-logo img {
        display: block !important;
        width: 260px !important;
        max-width: 260px !important;
        height: auto !important;
        max-height: 122px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: top center !important;
        align-self: flex-start !important;
    }

    /* Menu e carrinho acompanham o aumento visual da área. */
    #am-mobile-header .am-mobile-menu-button,
    #am-mobile-header .am-mobile-cart-icon {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: flex-start !important;
    }

    #am-mobile-header .am-hamburger-line {
        width: 29px !important;
        height: 3px !important;
    }

    #am-mobile-header .am-cart-symbol {
        font-size: 32px !important;
        line-height: 1 !important;
    }

    /* Marca/bolha de quantidade maior e claramente visível. */
    #am-mobile-header .am-mobile-cart-icon .cart-count,
    #am-mobile-header .am-mobile-cart-icon .am-mobile-cart-count {
        position: absolute !important;
        top: 0 !important;
        right: -2px !important;
        min-width: 25px !important;
        width: auto !important;
        height: 25px !important;
        padding: 0 6px !important;
        border-radius: 13px !important;
        background: #e91e63 !important;
        color: #fff !important;
        font: 700 15px/25px Arial, sans-serif !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
        display: block !important;
    }

    /* Pesquisa imediatamente abaixo da logo: sem espaço superior. */
    #am-mobile-header .am-mobile-search {
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #am-mobile-header .am-mobile-search #search-form,
    #am-mobile-header .am-mobile-search .search-bar {
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   V8 — ENCAIXE LOGO/PESQUISA + CONTAGEM DO CARRINHO
   Somente mobile. Nenhuma alteração no desktop.
   ========================================================= */
@media screen and (max-width:700px) {

    /* A área da logo termina exatamente onde começa a pesquisa.
       Remove margens, paddings e altura excedente abaixo da imagem. */
    #am-mobile-header .am-mobile-header-bar {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        align-items: flex-start !important;
        line-height: 0 !important;
    }

    #am-mobile-header .am-mobile-logo {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        align-items: flex-start !important;
    }

    #am-mobile-header .am-mobile-logo #shop-logo,
    #am-mobile-header .am-mobile-logo #shop-logo.top-image,
    #am-mobile-header .am-mobile-logo #shop-logo a {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    #am-mobile-header .am-mobile-logo #shop-logo img {
        display: block !important;
        width: 260px !important;
        max-width: 260px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: top center !important;
        vertical-align: top !important;
    }

    /* Pesquisa encostada diretamente na base real da logo. */
    #am-mobile-header .am-mobile-search {
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        border: 0 !important;
        line-height: 0 !important;
        box-sizing: border-box !important;
    }

    #am-mobile-header .am-mobile-search #search-form,
    #am-mobile-header .am-mobile-search .search-bar,
    #am-mobile-header .am-mobile-search form,
    #am-mobile-header .am-mobile-search input,
    #am-mobile-header .am-mobile-search button {
        margin-top: 0 !important;
    }

    /* Carrinho: desenho e contador lado a lado.
       O contador deixa de ficar sobre o carrinho. */
    #am-mobile-header .am-mobile-cart-icon {
        position: relative !important;
        width: 76px !important;
        min-width: 76px !important;
        flex: 0 0 76px !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 7px !important;
        box-sizing: border-box !important;
    }

    #am-mobile-header .am-cart-symbol {
        position: relative !important;
        flex: 0 0 auto !important;
        font-size: 32px !important;
        line-height: 32px !important;
        margin: 0 !important;
    }

    #am-mobile-header .am-mobile-cart-icon .cart-count,
    #am-mobile-header .am-mobile-cart-icon .am-mobile-cart-count {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        flex: 0 0 auto !important;
        min-width: 25px !important;
        width: auto !important;
        height: 25px !important;
        margin: 3px 0 0 0 !important;
        padding: 0 6px !important;
        border-radius: 13px !important;
        background: #e91e63 !important;
        color: #fff !important;
        font: 700 15px/25px Arial, sans-serif !important;
        text-align: center !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}


/* =========================================================
   V9 — AJUSTE FINO: PESQUISA + CONTADOR DO CARRINHO
   Somente mobile. Nenhuma outra área alterada.
   ========================================================= */
@media screen and (max-width:700px) {

    /* Sobe a caixa de pesquisa 4px, deixando-a mais colada
       visualmente à base da logo. */
    #am-mobile-header .am-mobile-search {
        transform: translateY(-4px) !important;
        margin-bottom: -4px !important;
    }

    /* Aproxima a bolha do carrinho da área central:
       deslocamento pequeno para a esquerda, sem encostar
       na borda direita da tela. */
    #am-mobile-header .am-mobile-cart-icon {
        transform: translateX(-5px) !important;
    }

    #am-mobile-header .am-mobile-cart-icon .cart-count,
    #am-mobile-header .am-mobile-cart-icon .am-mobile-cart-count {
        transform: translateX(-2px) !important;
    }
}


/* AJUSTE ISOLADO — MENU MOBILE: Entrar / Minha conta / Contato */
@media screen and (max-width: 700px) {
    .am-mobile-actions {
        background: #242424 !important;
    }

    .am-mobile-actions a {
        font-size: 14px !important;
        color: #EDD0D0 !important;
    }

    .am-mobile-actions a:hover,
    .am-mobile-actions a:focus,
    .am-mobile-actions a:active {
        color: #EDD0D0 !important;
    }
}





/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - AJUSTE ISOLADO
   Somente no celular: reduz a mascote do início da página
   para aproximadamente 40% da largura disponível.
   Não altera slideshow, desktop ou demais elementos.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .iluria-page-content > img:first-child {
        width: 40% !important;
        max-width: 40% !important;
        height: auto !important;
        max-height: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-fit: contain !important;
    }
}


/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - ALTURA 40%
   Ajuste exclusivo para celular.
   Somente a mascote inicial: reduz a altura visual para
   aproximadamente 40% do tamanho atual, preservando a proporção.
   Não altera slideshow, desktop, menu ou demais elementos.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .iluria-page-content > *:first-child img:first-of-type,
    html.am-page-sobre-nos .iluria-page-content > *:first-child img:first-child {
        height: 40vh !important;
        max-height: 40vh !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - CORREÇÃO FINAL
   Somente celular. A primeira imagem real do conteúdo da página
   é a mascote. Reduz sua altura para aproximadamente 40% do
   tamanho anteriormente exibido, sem alterar largura/desktop.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .iluria-page-content img:first-of-type {
        height: 280px !important;
        max-height: 280px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - AJUSTE REAL
   Somente celular.
   A mascote está dentro do primeiro bloco do conteúdo.
   Reduz somente essa imagem para ~40% do tamanho atual.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .iluria-page-content > *:first-child img,
    html.am-page-sobre-nos .iluria-page-content > table:first-child img,
    html.am-page-sobre-nos .iluria-page-content > div:first-child img,
    html.am-page-sobre-nos .iluria-page-content > section:first-child img {
        width: auto !important;
        height: auto !important;
        max-width: 20% !important;
        max-height: 40vh !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - MENOR QUE METADE
   Somente celular.
   Altera exclusivamente a primeira imagem da caixa inicial,
   identificada pela imagem da mascote, reduzindo-a para
   aproximadamente 35% da largura disponível (menos da metade).
   O slideshow é restaurado logo abaixo para não ser afetado.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .iluria-page-content img[alt="Arte Mania Lembrancinhas"] {
        width: 35% !important;
        max-width: 35% !important;
        height: auto !important;
        max-height: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }

    /* O slideshow possui imagens com o mesmo texto alternativo.
       Esta restauração mantém o slideshow exatamente como já estava. */
    html.am-page-sobre-nos .slider-wrapper img[alt="Arte Mania Lembrancinhas"],
    html.am-page-sobre-nos #slider img[alt="Arte Mania Lembrancinhas"],
    html.am-page-sobre-nos .nivoSlider img[alt="Arte Mania Lembrancinhas"] {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* =========================================================
   ARTE MANIA - SOBRE NÓS / MASCOTE INICIAL - REDUÇÃO DEFINITIVA
   Somente celular.
   Atinge a mascote real pelo ALT e exclui qualquer imagem
   que esteja dentro do slideshow.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos #canvas-inner-body img[alt="Arte Mania Lembrancinhas"]:not(.slider-wrapper *):not(#slider *):not(.nivoSlider *) {
        width: 90px !important;
        max-width: 90px !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   ARTE MANIA - SOBRE NÓS / SLIDESHOW MOBILE
   CONFIGURAÇÃO ÚNICA E DEFINITIVA
   Somente o slideshow da página Sobre nós no celular.

   Objetivo:
   - cada foto ocupa toda a largura da caixa interna;
   - a altura acompanha a proporção real da foto;
   - nenhuma foto é cortada;
   - nenhuma foto fica pequena por uma altura fixa;
   - a caixa acompanha a foto atualmente exibida;
   - não interfere na mascote inicial.
   ========================================================= */
@media screen and (max-width:700px) {

    /* Caixa do slideshow: sem altura fixa. */
    html.am-page-sobre-nos .slider-wrapper,
    html.am-page-sobre-nos #slider,
    html.am-page-sobre-nos .nivoSlider {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Imagem principal criada pelo Nivo Slider.
       Ela precisa participar do fluxo para que a altura seja
       calculada pela própria proporção da fotografia. */
    html.am-page-sobre-nos #slider .nivo-main-image,
    html.am-page-sobre-nos .nivoSlider .nivo-main-image {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
    }

    /* Fotos que pertencem diretamente ao slider. */
    html.am-page-sobre-nos #slider > img,
    html.am-page-sobre-nos .nivoSlider > img,
    html.am-page-sobre-nos .slider-wrapper > img {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
    }

    /* Qualquer outra imagem dentro do slideshow recebe a mesma
       regra, evitando que uma foto específica fique pequena
       por uma regra antiga de largura. */
    html.am-page-sobre-nos .slider-wrapper img,
    html.am-page-sobre-nos #slider img,
    html.am-page-sobre-nos .nivoSlider img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
    }

    /* Remove possíveis dimensões inline que o Nivo possa ter
       colocado na imagem durante a troca dos slides. */
    html.am-page-sobre-nos .slider-wrapper img[style],
    html.am-page-sobre-nos #slider img[style],
    html.am-page-sobre-nos .nivoSlider img[style] {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
    }

    /* Nunca usar cover no slideshow: cover é o que provoca
       o corte vertical das fotografias. */
    html.am-page-sobre-nos .slider-wrapper img,
    html.am-page-sobre-nos #slider img,
    html.am-page-sobre-nos .nivoSlider img {
        object-fit: contain !important;
    }
}

/* Iluria TestEnv: aplica a mesma configuração quando o
   documento estiver marcado como dispositivo mobile. */
html.am-device-mobile.am-page-sobre-nos .slider-wrapper,
html.am-device-mobile.am-page-sobre-nos #slider,
html.am-device-mobile.am-page-sobre-nos .nivoSlider {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html.am-device-mobile.am-page-sobre-nos .slider-wrapper img,
html.am-device-mobile.am-page-sobre-nos #slider img,
html.am-device-mobile.am-page-sobre-nos .nivoSlider img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
}


/* =========================================================
   ARTE MANIA - SOBRE NÓS / SLIDESHOW MOBILE
   AJUSTE ISOLADO — FOTO ESPECÍFICA 816x625
   Somente a imagem cujo src contém o identificador informado.
   Não altera outras imagens, mascote ou demais elementos.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .slider-wrapper img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"],
    html.am-page-sobre-nos #slider img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"],
    html.am-page-sobre-nos .nivoSlider img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

/* Iluria TestEnv */
html.am-device-mobile.am-page-sobre-nos .slider-wrapper img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"],
html.am-device-mobile.am-page-sobre-nos #slider img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"],
html.am-device-mobile.am-page-sobre-nos .nivoSlider img[src*="ACtC-3fs9lDt3W9ux-9oOJy18bI5q-fCwEQInVrOzXqg-T-Ru9juui_dc6-HTbenAVkhC4cf7-FgvhUEjMecfIS4eJXMAGT3F96xnWvW9-gz7M8ELReOlDu4VXELov7jDS6UFZHqwtPaFNvwTPVzYDDwGBV8"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ARTE MANIA — SOBRE NÓS / SLIDESHOW MOBILE
   VERSÃO FINAL — QUADRO ÚNICO E UNIFORME

   SOMENTE celular.
   SOMENTE o slideshow.

   Objetivo:
   - todas as fotos usam exatamente a mesma área visual;
   - mesma largura e mesma altura do quadro;
   - a proporção do quadro é 816:625, correspondente à foto
     que estava ficando menor;
   - as fotos são mantidas inteiras, sem corte vertical;
   - a foto 816x625 passa a ocupar 100% do quadro;
   - fotos com outra proporção permanecem inteiras com contain,
     podendo existir pequenas faixas internas em vez de corte;
   - não altera mascote, cabeçalho, produto, desktop ou outras páginas.
   ========================================================= */
@media screen and (max-width:700px) {

    /* 1) O quadro do slideshow tem UMA única proporção/altura. */
    html.am-page-sobre-nos .slider-wrapper,
    html.am-page-sobre-nos #slider,
    html.am-page-sobre-nos .nivoSlider {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 816 / 625 !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* 2) O Nivo costuma criar esta imagem dinamicamente.
          Ela ocupa exatamente o mesmo quadro em todos os slides. */
    html.am-page-sobre-nos #slider .nivo-main-image,
    html.am-page-sobre-nos .nivoSlider .nivo-main-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /* 3) Imagens que o slider mantenha diretamente no DOM. */
    html.am-page-sobre-nos #slider > img,
    html.am-page-sobre-nos .nivoSlider > img,
    html.am-page-sobre-nos .slider-wrapper > img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /* 4) Qualquer outra imagem interna do slideshow recebe
          exatamente o mesmo quadro. */
    html.am-page-sobre-nos .slider-wrapper img,
    html.am-page-sobre-nos #slider img,
    html.am-page-sobre-nos .nivoSlider img {
        max-width: 100% !important;
        max-height: 100% !important;
        box-sizing: border-box !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /* 5) Evita que uma largura/altura inline antiga do Iluria
          faça uma foto específica ficar menor. */
    html.am-page-sobre-nos .slider-wrapper img[style],
    html.am-page-sobre-nos #slider img[style],
    html.am-page-sobre-nos .nivoSlider img[style] {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* =========================================================
   Iluria TestEnv / marcador de dispositivo mobile
   Mesma regra, sem tocar no desktop.
   ========================================================= */
html.am-device-mobile.am-page-sobre-nos .slider-wrapper,
html.am-device-mobile.am-page-sobre-nos #slider,
html.am-device-mobile.am-page-sobre-nos .nivoSlider {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 816 / 625 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}

html.am-device-mobile.am-page-sobre-nos #slider .nivo-main-image,
html.am-device-mobile.am-page-sobre-nos .nivoSlider .nivo-main-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center center !important;
}

html.am-device-mobile.am-page-sobre-nos #slider > img,
html.am-device-mobile.am-page-sobre-nos .nivoSlider > img,
html.am-device-mobile.am-page-sobre-nos .slider-wrapper > img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center center !important;
}

html.am-device-mobile.am-page-sobre-nos .slider-wrapper img,
html.am-device-mobile.am-page-sobre-nos #slider img,
html.am-device-mobile.am-page-sobre-nos .nivoSlider img {
    max-width: 100% !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center center !important;
}

html.am-device-mobile.am-page-sobre-nos .slider-wrapper img[style],
html.am-device-mobile.am-page-sobre-nos #slider img[style],
html.am-device-mobile.am-page-sobre-nos .nivoSlider img[style] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}


/* =========================================================
   ARTE MANIA — SOBRE NÓS / SLIDESHOW MOBILE
   SUPORTE AO AJUSTE DINÂMICO DO body-begin
   SOMENTE celular e somente o slideshow.
   ========================================================= */
@media screen and (max-width:700px) {
    html.am-page-sobre-nos .am-mobile-sobre-slideshow-frame,
    html.am-device-mobile.am-page-sobre-nos .am-mobile-sobre-slideshow-frame {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 816 / 625 !important;
        min-height: 0 !important;
        max-height: none !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-sobre-nos .am-mobile-sobre-slideshow-image,
    html.am-device-mobile.am-page-sobre-nos .am-mobile-sobre-slideshow-image {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =========================================================
   ARTE MANIA — MOBILE V16
   CORREÇÃO EXCLUSIVA DA PÁGINA INDIVIDUAL DO PRODUTO
   ---------------------------------------------------------
   NÃO ALTERA:
   Cabeçalho, Banner/Slideshow, Categorias, Rodapé, Menu,
   Busca, Carrinho, Contato ou Login.

   Esta camada atua SOMENTE quando o JavaScript identifica
   a página como html.am-page-product e somente no mobile.
   ========================================================= */
@media screen and (max-width: 700px) {

    html.am-page-product #product-details-wrapper,
    html.am-page-product #product-details-wrapper form,
    html.am-page-product table.product-details-container,
    html.am-page-product table.product-details-container > tbody,
    html.am-page-product table.product-details-container > tbody > tr,
    html.am-page-product table.product-details-container > tbody > tr > td,
    html.am-page-product .product-details-container-td-pictures,
    html.am-page-product .product-details-container-td-description,
    html.am-page-product .product-details-description-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #product-details-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
        overflow-x: hidden !important;
    }

    html.am-page-product table.product-details-container {
        display: block !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        overflow: visible !important;
    }

    html.am-page-product table.product-details-container > tbody,
    html.am-page-product table.product-details-container > tbody > tr {
        display: block !important;
    }

    html.am-page-product table.product-details-container > tbody > tr > td,
    html.am-page-product .product-details-container-td-pictures,
    html.am-page-product .product-details-container-td-description {
        display: block !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    /* ---------------- FOTO PRINCIPAL ---------------- */
    html.am-page-product #big-image-container {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 230px !important;
        max-height: 230px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    html.am-page-product #big-image-container > div,
    html.am-page-product #big-image-container > a,
    html.am-page-product #big-image-container > div > a {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    html.am-page-product #big-image-container #big-image {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: min(245px, 100%) !important;
        max-height: 220px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        box-sizing: border-box !important;
    }

    /* ---------------- MINIATURAS ---------------- */
    html.am-page-product #thumbsContainer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 8px auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #thumbsContainer img.thumb-picture,
    html.am-page-product #thumbsContainer .thumb-picture {
        flex: 0 0 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        object-fit: cover !important;
    }

    /* ---------------- TÍTULO / PREÇO / VARIAÇÃO ---------------- */
    html.am-page-product .product-title,
    html.am-page-product .product-price-container,
    html.am-page-product .product-variations-container,
    html.am-page-product #product-quantity-selector,
    html.am-page-product .product-description,
    html.am-page-product .product-info,
    html.am-page-product .iluria-layout-size-chart,
    html.am-page-product #product-shipping-link-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .product-title {
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }

    html.am-page-product .product-variations-container select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------------- QUANTIDADE ---------------- */
    html.am-page-product #product-quantity-selector {
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #product-quantity-selector > div {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ---------------- BOTÕES ----------------
       O HTML dos botões usa min-width:190px inline.
       No celular os dois ficam em coluna para nunca
       ultrapassar a viewport de 360px. */
    html.am-page-product #product-buy-button-container,
    html.am-page-product #product-buy-buttons,
    html.am-page-product #product-buy-buttons > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #product-buy-buttons > div:first-child {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    html.am-page-product #product-buy-buttons #add-to-cart-button,
    html.am-page-product #product-buy-buttons #buy-now-button,
    html.am-page-product #product-buy-buttons #go-to-cart-button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 1 auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html.am-page-product #product-buy-buttons #add-to-cart-message,
    html.am-page-product #product-buy-buttons #go-to-cart-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #product-shipping-link-container {
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }

    html.am-page-product #product-shipping-link-container a {
        display: inline-block !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    /* ---------------- DESCRIÇÃO ---------------- */
    html.am-page-product .product-description,
    html.am-page-product .product-description > *,
    html.am-page-product .product-info,
    html.am-page-product .product-info > * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    html.am-page-product .product-description img,
    html.am-page-product .product-info img,
    html.am-page-product .product-description iframe,
    html.am-page-product .product-info iframe {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .product-description table,
    html.am-page-product .product-info table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .product-description td,
    html.am-page-product .product-description th,
    html.am-page-product .product-info td,
    html.am-page-product .product-info th {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    /* ---------------- COMENTÁRIOS ---------------- */
    html.am-page-product .iluria-product-comment-container,
    html.am-page-product .comment-login,
    html.am-page-product #comment,
    html.am-page-product #comment-form,
    html.am-page-product .fb-comments,
    html.am-page-product .fb-comments > span {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product #comment {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        resize: vertical !important;
        overflow-wrap: anywhere !important;
    }

    html.am-page-product .iluria-product-comment-container textarea,
    html.am-page-product .iluria-product-comment-container input,
    html.am-page-product .iluria-product-comment-container select,
    html.am-page-product #comment-form textarea,
    html.am-page-product #comment-form input,
    html.am-page-product #comment-form select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .iluria-product-comment-container table,
    html.am-page-product .comment-login table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .iluria-product-comment-container td,
    html.am-page-product .comment-login td {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

    html.am-page-product .fb-comments span iframe {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------------- VEJA TAMBÉM ---------------- */
    html.am-page-product .am-mobile-see-also-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html.am-page-product .am-mobile-see-also-grid > .see-also-container {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html.am-page-product .am-mobile-see-also-grid > .see-also-container a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .am-mobile-see-also-grid > .see-also-container img {
        display: block !important;
        width: auto !important;
        max-width: 135px !important;
        height: auto !important;
        max-height: 135px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        box-sizing: border-box !important;
    }

    html.am-page-product .am-mobile-see-also-grid > .see-also-container * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }
}


/* =====================================================================
   ARTE MANIA — V8 — MINHA CONTA SOMENTE NO MOBILE
   Objetivo: adaptar exclusivamente a janela dinâmica da Minha Conta
   criada pelo Iluria/PrettyPhoto. Não altera o restante da loja.
   ===================================================================== */
@media screen and (max-width: 700px) {
    /* A classe é adicionada por JS somente no .pp_pic_holder que
       contém a estrutura real da Minha Conta. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 {
        position: fixed !important;
        left: 6px !important;
        right: auto !important;
        top: var(--am-account-top, 6px) !important;
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: 0 !important;
        height: var(--am-account-height, calc(100vh - 14px)) !important;
        max-height: var(--am-account-height, calc(100vh - 14px)) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        z-index: 100001 !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_top,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_bottom,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_content_container,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_content,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_details,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_content_container {
        height: 100% !important;
        overflow: hidden !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_content {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container {
        height: 100% !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* ---------------- Menu das 5 abas ---------------- */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .iluria-client-account-menu {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .iluria-client-account-menu > table,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 table.am-client-account-tabs-v6 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .iluria-client-account-menu > table td,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 table.am-client-account-tabs-v6 td {
        width: 20% !important;
        max-width: 20% !important;
        min-width: 0 !important;
        padding: 3px 1px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        vertical-align: middle !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 .iluria-client-account-menu a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        font-size: 9px !important;
        line-height: 11px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        text-align: center !important;
        padding: 2px 0 !important;
    }

    /* ---------------- Tabelas internas ---------------- */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container table {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Meus pedidos: as 6 colunas cabem no celular. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 table.iluria-client-account-order-history,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 table.iluria-client-account-orders,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container table {
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container table td,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container table th {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    /* ---------------- Formulários Minha Conta ----------------
       A estrutura original usa larguras fixas de TDs e inputs.
       No mobile, cada campo passa para uma linha sem alterar
       nomes, IDs, valores ou funções do Iluria. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form > table,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm > table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        table-layout: auto !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form > table > tbody > tr,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm > table > tbody > tr {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form > table > tbody > tr > td,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm > table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 5px 6px !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form input,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form select,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form textarea,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm input,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm select,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form input[type="radio"],
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form input[type="checkbox"],
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm input[type="radio"],
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm input[type="checkbox"] {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: content-box !important;
    }

    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-my-account-popup-form img,
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #clientDataForm img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* O conteúdo do formulário de depoimento também deve respeitar a tela. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Botões da Minha Conta permanecem funcionais, apenas cabem no modal. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container input[type="button"],
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container input[type="submit"],
    .pp_pic_holder.facebook.am-iluria-client-account-v8 #iluria-view-container button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Não deixa o botão fechar sair da janela. */
    .pp_pic_holder.facebook.am-iluria-client-account-v8 .pp_close {
        z-index: 100003 !important;
    }
}


/* =====================================================================
   ARTE MANIA — V9 — CORREÇÃO DIRETA DA JANELA REAL "MINHA CONTA"
   SOMENTE MOBILE.
   Alvo real mapeado no DevTools:
   .pp_pic_holder.facebook > ... #iluria-view-container
   com .iluria-client-account-menu / #iluria-my-account-popup-form.
   Não depende da classe temporária V5/V8.
   ===================================================================== */
@media screen and (max-width:700px) {
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu),
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) {
        position: fixed !important;
        left: 6px !important;
        right: auto !important;
        top: 180px !important;
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: 0 !important;
        height: calc(100vh - 188px) !important;
        max-height: calc(100vh - 188px) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        z-index: 100001 !important;
    }

    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_top,
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_bottom,
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_content_container,
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_content,
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_details,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_top,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_bottom,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_content_container,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_content,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_details,
    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) #iluria-view-container,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #iluria-view-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .pp_content,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .pp_content {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) #iluria-view-container,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #iluria-view-container {
        height: 100% !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .iluria-client-account-menu table,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .iluria-client-account-menu table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook:has(#iluria-view-container .iluria-client-account-menu) .iluria-client-account-menu td,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) .iluria-client-account-menu td {
        max-width: 20% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #iluria-my-account-popup-form-container,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #iluria-my-account-popup-form-container table,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #clientDataForm,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) #clientDataForm table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) input,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) textarea,
    .pp_pic_holder.facebook:has(#iluria-my-account-popup-form) select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =====================================================================
   ARTE MANIA — V10 — MINHA CONTA MOBILE COMO PÁGINA
   Somente mobile. Desktop permanece com a janela nativa do Iluria.
   ===================================================================== */
@media screen and (max-width:700px) {
    body.am-account-mobile-v10-open {
        overflow: hidden !important;
    }

    #am-account-mobile-v10-page {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        z-index: 2147483000 !important;
        display: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        font-family: 'Trebuchet MS', Arial, sans-serif !important;
    }

    #am-account-mobile-v10-page.is-open {
        display: flex !important;
        flex-direction: column !important;
    }

    #am-account-mobile-v10-page .am-account-mobile-v10-topbar {
        flex: 0 0 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 10px 0 14px !important;
        box-sizing: border-box !important;
        background: #242424 !important;
        color: #EDD0D0 !important;
        border-bottom: 1px solid #111 !important;
    }

    #am-account-mobile-v10-page .am-account-mobile-v10-title {
        font-size: 18px !important;
        line-height: 22px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #am-account-mobile-v10-page .am-account-mobile-v10-close {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #555 !important;
        color: #fff !important;
        font: 700 28px/31px Arial, sans-serif !important;
        text-align: center !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page .am-account-mobile-v10-content {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #fff !important;
    }

    #am-account-mobile-v10-page #iluria-view-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* ---------------- 5 abas ---------------- */
    #am-account-mobile-v10-page .iluria-client-account-menu {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background: #fff !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 5 !important;
        border-bottom: 1px solid #ddd !important;
    }

    #am-account-mobile-v10-page .iluria-client-account-menu > table,
    #am-account-mobile-v10-page .iluria-client-account-menu table.am-client-account-tabs-v6 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page .iluria-client-account-menu > table tr,
    #am-account-mobile-v10-page .iluria-client-account-menu table.am-client-account-tabs-v6 tr {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #am-account-mobile-v10-page .iluria-client-account-menu > table td,
    #am-account-mobile-v10-page .iluria-client-account-menu table.am-client-account-tabs-v6 td {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    #am-account-mobile-v10-page .iluria-client-account-menu a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 6px 3px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        color: #777 !important;
        background: #fff !important;
        text-decoration: none !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 14px !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    #am-account-mobile-v10-page .iluria-client-account-menu a.iluria-client-account-menu-selected,
    #am-account-mobile-v10-page .iluria-client-account-menu a[class*="menu-selected"] {
        color: #111 !important;
        font-weight: 700 !important;
        background: #f5f5f5 !important;
        border-bottom: 2px solid #222 !important;
    }

    /* ---------------- Conteúdo ---------------- */
    #am-account-mobile-v10-page #iluria-view-container > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-view-container table {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Pedidos: todas as colunas ficam dentro da largura disponível. */
    #am-account-mobile-v10-page #iluria-view-container table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    #am-account-mobile-v10-page #iluria-view-container th,
    #am-account-mobile-v10-page #iluria-view-container td {
        max-width: none !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        box-sizing: border-box !important;
    }

    /* Formulários: uma coluna, sem campos saindo pela lateral. */
    #am-account-mobile-v10-page #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #clientDataForm {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form table,
    #am-account-mobile-v10-page #clientDataForm table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form tr,
    #am-account-mobile-v10-page #clientDataForm tr {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form td,
    #am-account-mobile-v10-page #clientDataForm td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 3px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="text"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="password"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="email"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="tel"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form select,
    #am-account-mobile-v10-page #iluria-my-account-popup-form textarea,
    #am-account-mobile-v10-page #clientDataForm input[type="text"],
    #am-account-mobile-v10-page #clientDataForm input[type="password"],
    #am-account-mobile-v10-page #clientDataForm input[type="email"],
    #am-account-mobile-v10-page #clientDataForm input[type="tel"],
    #am-account-mobile-v10-page #clientDataForm select,
    #am-account-mobile-v10-page #clientDataForm textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 7px !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form textarea,
    #am-account-mobile-v10-page #clientDataForm textarea {
        min-height: 130px !important;
        resize: vertical !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="radio"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="checkbox"],
    #am-account-mobile-v10-page #clientDataForm input[type="radio"],
    #am-account-mobile-v10-page #clientDataForm input[type="checkbox"] {
        width: auto !important;
        min-height: 0 !important;
    }

    #am-account-mobile-v10-page #iluria-view-container input[type="button"],
    #am-account-mobile-v10-page #iluria-view-container input[type="submit"],
    #am-account-mobile-v10-page #iluria-view-container button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =====================================================================
   ARTE MANIA — V11 — ALTURA DA MINHA CONTA NO MOBILE
   Somente a página mobile da Minha conta.
   Desktop e demais páginas permanecem intocados.
   ===================================================================== */
@media screen and (max-width:700px) {

    /* A área abaixo das abas ocupa toda a altura restante da tela. */
    #am-account-mobile-v10-page .am-account-mobile-v10-content {
        min-height: 0 !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    #am-account-mobile-v10-page #iluria-view-container {
        height: auto !important;
        min-height: calc(100vh - 48px - 76px) !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /*
       O Iluria aplica à área interna da conta uma altura fixa no desktop.
       No celular ela não deve limitar os formulários nem a lista de pedidos.
    */
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > div,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > form,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > table {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* A lista de pedidos pode crescer e mostrar mais linhas. */
    #am-account-mobile-v10-page #iluria-view-container table.iluria-client-account-order-history,
    #am-account-mobile-v10-page #iluria-view-container table.iluria-client-account-orders,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account table {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Formulários: toda a sequência de campos fica disponível verticalmente. */
    #am-account-mobile-v10-page #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #clientDataForm,
    #am-account-mobile-v10-page #iluria-my-account-popup-form-container > table,
    #am-account-mobile-v10-page #iluria-my-account-popup-form > table,
    #am-account-mobile-v10-page #clientDataForm > table {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Evita que algum bloco interno do template corte o restante do conteúdo. */
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account * {
        max-height: none !important;
    }

    /* Pequeno espaço final para o último campo/botão não ficar colado na borda. */
    #am-account-mobile-v10-page #iluria-view-container::after {
        content: '' !important;
        display: block !important;
        height: 24px !important;
        width: 100% !important;
    }
}

/* =====================================================================
   ARTE MANIA — V12 — AJUSTE FINO DE ALTURA DA MINHA CONTA NO MOBILE
   Somente #am-account-mobile-v10-page em telas <= 700px.
   Desktop e demais páginas permanecem intocados.
   ===================================================================== */
@media screen and (max-width:700px) {

    /* Menu um pouco mais compacto para liberar espaço vertical. */
    #am-account-mobile-v10-page .iluria-client-account-menu a {
        min-height: 32px !important;
        height: 32px !important;
        padding: 4px 2px !important;
        font-size: 11px !important;
        line-height: 12px !important;
    }

    /* Reduz somente os espaçamentos internos dos formulários da Minha conta. */
    #am-account-mobile-v10-page #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #clientDataForm {
        padding: 6px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form tr,
    #am-account-mobile-v10-page #clientDataForm tr {
        margin-bottom: 4px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form td,
    #am-account-mobile-v10-page #clientDataForm td {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="text"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="password"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="email"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="tel"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form select,
    #am-account-mobile-v10-page #clientDataForm input[type="text"],
    #am-account-mobile-v10-page #clientDataForm input[type="password"],
    #am-account-mobile-v10-page #clientDataForm input[type="email"],
    #am-account-mobile-v10-page #clientDataForm input[type="tel"],
    #am-account-mobile-v10-page #clientDataForm select {
        min-height: 34px !important;
        padding: 5px 7px !important;
    }

    /* O depoimento continua confortável, mas ocupa menos altura. */
    #am-account-mobile-v10-page #iluria-my-account-popup-form textarea,
    #am-account-mobile-v10-page #clientDataForm textarea {
        min-height: 105px !important;
        padding: 6px !important;
    }

    /*
       Meus pedidos: a lista continua mostrando várias linhas, mas ganha
       uma área própria de rolagem para o botão "Atualizar lista" permanecer
       acessível logo abaixo da tabela em celulares com tela menor.
    */
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account-order-history,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account-orders {
        max-height: 360px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Evita espaço extra desnecessário depois do conteúdo. */
    #am-account-mobile-v10-page #iluria-view-container::after {
        height: 10px !important;
    }
}


/* =====================================================================
   ARTE MANIA — V13 — CENTRALIZAÇÃO E ALTURA FINAL DA MINHA CONTA MOBILE
   SOMENTE #am-account-mobile-v10-page em telas <= 700px.
   Desktop e demais páginas permanecem intocados.
   ===================================================================== */
@media screen and (max-width:700px) {

    /* ---------------------------------------------------------------
       Caixa de conteúdo abaixo das 5 abas:
       centraliza a área real da conta e impede que ela fique deslocada
       para um dos lados em aparelhos com larguras diferentes.
       --------------------------------------------------------------- */
    #am-account-mobile-v10-page #iluria-view-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 8px 14px 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #am-account-mobile-v10-page #iluria-view-container > .iluria-client-account {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* ---------------------------------------------------------------
       Garante que nenhum formulário da Minha Conta esconda o final,
       principalmente o botão Atualizar dados/endereço.
       --------------------------------------------------------------- */
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > div,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > form,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-view-container #clientDataForm {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* ---------------------------------------------------------------
       Alinhamento central dos elementos que ficam dentro da caixa.
       Não altera o menu superior; somente o conteúdo abaixo dele.
       --------------------------------------------------------------- */
    #am-account-mobile-v10-page #iluria-view-container > .iluria-client-account > *,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-view-container #clientDataForm {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Tabela de pedidos centralizada dentro da área disponível. */
    #am-account-mobile-v10-page #iluria-view-container table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Formulários centralizados e com pequena margem lateral interna. */
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-view-container #clientDataForm {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* Campos ficam centralizados e não encostam nas laterais. */
    #am-account-mobile-v10-page #iluria-view-container input[type="text"],
    #am-account-mobile-v10-page #iluria-view-container input[type="password"],
    #am-account-mobile-v10-page #iluria-view-container input[type="email"],
    #am-account-mobile-v10-page #iluria-view-container input[type="tel"],
    #am-account-mobile-v10-page #iluria-view-container select,
    #am-account-mobile-v10-page #iluria-view-container textarea {
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* ---------------------------------------------------------------
       Altura: pequeno ajuste para liberar o botão final sem voltar
       a deixar os formulários excessivamente altos.
       --------------------------------------------------------------- */
    #am-account-mobile-v10-page #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #clientDataForm {
        padding-top: 4px !important;
        padding-bottom: 10px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form tr,
    #am-account-mobile-v10-page #clientDataForm tr {
        margin-bottom: 2px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form td,
    #am-account-mobile-v10-page #clientDataForm td {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="text"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="password"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="email"],
    #am-account-mobile-v10-page #iluria-my-account-popup-form input[type="tel"],
    #am-account-mobile-v10-page #clientDataForm input[type="text"],
    #am-account-mobile-v10-page #clientDataForm input[type="password"],
    #am-account-mobile-v10-page #clientDataForm input[type="email"],
    #am-account-mobile-v10-page #clientDataForm input[type="tel"],
    #am-account-mobile-v10-page #clientDataForm select {
        min-height: 32px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    /* Botões finais ficam sempre dentro da caixa e centralizados. */
    #am-account-mobile-v10-page #iluria-view-container input[type="button"],
    #am-account-mobile-v10-page #iluria-view-container input[type="submit"],
    #am-account-mobile-v10-page #iluria-view-container button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Espaço final controlado para o último botão não ficar cortado. */
    #am-account-mobile-v10-page #iluria-view-container::after {
        height: 14px !important;
        display: block !important;
        content: '' !important;
    }
}

/* =====================================================================
   ARTE MANIA — V14 — BOTÃO "ATUALIZAR DADOS" NA MINHA CONTA MOBILE
   SOMENTE #am-account-mobile-v10-page em telas <= 700px.
   Desktop e demais páginas permanecem intocados.
   ===================================================================== */
@media screen and (max-width:700px) {

    /*
       O Iluria mantém o botão de atualização do formulário de dados
       dentro da própria área da conta. No mobile ele pode ficar fora
       da área visual devido às regras de altura do formulário.
       Forçamos somente este botão a permanecer visível e centralizado.
    */
    #am-account-mobile-v10-page #iluria-view-container
    input[type="button"][value="Atualizar dados"],
    #am-account-mobile-v10-page #iluria-view-container
    input[type="submit"][value="Atualizar dados"],
    #am-account-mobile-v10-page #iluria-view-container
    button[value="Atualizar dados"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: both !important;
        margin: 10px auto 12px auto !important;
        max-width: calc(100% - 12px) !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }

    /* Garante que o elemento que contém o botão não o corte. */
    #am-account-mobile-v10-page #iluria-view-container
    #clientDataForm,
    #am-account-mobile-v10-page #iluria-view-container
    #clientDataForm > table,
    #am-account-mobile-v10-page #iluria-view-container
    #clientDataForm td {
        overflow: visible !important;
    }
}

/* =====================================================================
   ARTE MANIA — V16 — ROLAGEM EXTERNA DA MINHA CONTA NO MOBILE (BASE V17)
   Somente #am-account-mobile-v10-page em telas <= 700px.
   Desktop e demais páginas permanecem intocados.

   Objetivo:
   - o conteúdo das 5 abas deixa de depender de uma caixa interna fixa;
   - a própria página mobile da Minha conta passa a ser a área de rolagem;
   - o botão final dos formulários (ex.: Atualizar dados/endereço) pode ser
     alcançado normalmente em aparelhos com alturas de tela diferentes;
   - o topo e as abas permanecem acessíveis durante a rolagem.
   ===================================================================== */
@media screen and (max-width:700px) {

    /* A página da Minha conta vira o único scroll container do mobile. */
    #am-account-mobile-v10-page {
        height: 100vh !important;
        max-height: 100vh !important;
        min-height: 100vh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        display: none !important;
    }

    #am-account-mobile-v10-page.is-open {
        display: block !important;
    }

    /* Em navegadores modernos, acompanha a altura dinâmica do navegador. */
    @supports (height: 100dvh) {
        #am-account-mobile-v10-page {
            height: 100dvh !important;
            max-height: 100dvh !important;
            min-height: 100dvh !important;
        }
    }

    /* O cabeçalho permanece no topo enquanto o conteúdo rola. */
    #am-account-mobile-v10-page .am-account-mobile-v10-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 20 !important;
    }

    /* O conteúdo deixa de possuir uma rolagem interna própria. */
    #am-account-mobile-v10-page .am-account-mobile-v10-content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: none !important;
        overflow: visible !important;
        -webkit-overflow-scrolling: auto !important;
    }

    #am-account-mobile-v10-page #iluria-view-container {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* As 5 abas acompanham o topo abaixo da barra "Minha conta". */
    #am-account-mobile-v10-page .iluria-client-account-menu {
        position: sticky !important;
        top: 48px !important;
        z-index: 15 !important;
    }

    /* Nenhum formulário da conta deve criar uma segunda área de rolagem. */
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > div,
    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account > form,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form-container,
    #am-account-mobile-v10-page #iluria-view-container #iluria-my-account-popup-form,
    #am-account-mobile-v10-page #iluria-view-container #clientDataForm,
    #am-account-mobile-v10-page #iluria-view-container #clientDataForm > table {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Espaço seguro após o último conteúdo/botão. */
    #am-account-mobile-v10-page #iluria-view-container::after {
        content: '' !important;
        display: block !important;
        width: 100% !important;
        height: 28px !important;
    }
}

/* =====================================================================
   ARTE MANIA — V17 — ESPAÇO DE SEGURANÇA APÓS O CONTEÚDO DA CONTA
   Somente no mobile. Desktop e demais páginas permanecem intocados.

   Objetivo:
   - preservar a rolagem externa criada na V16;
   - criar espaço real depois dos conteúdos/botões finais;
   - evitar que o último botão de cada aba fique encostado/cortado
     pelo limite inferior da tela em aparelhos com alturas diferentes.
   ===================================================================== */
@media screen and (max-width:700px) {

    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account {
        padding-bottom: 64px !important;
        box-sizing: border-box !important;
    }

    #am-account-mobile-v10-page #iluria-view-container .iluria-client-account form {
        padding-bottom: 48px !important;
        box-sizing: border-box !important;
    }

    /* Espaço adicional depois do último conteúdo do formulário/aba. */
    #am-account-mobile-v10-page #iluria-view-container::after {
        content: '' !important;
        display: block !important;
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        box-sizing: border-box !important;
    }

    /* Garante que a própria área rolável tenha espaço além do botão final. */
    #am-account-mobile-v10-page .am-account-mobile-v10-content {
        padding-bottom: 36px !important;
        box-sizing: border-box !important;
    }
}