/* Mercado: estilos restritos à página e aos seus próprios modais. */
.market-page { position:relative; isolation:isolate; background:#100d14; color:#cbbbd6; font:400 14px/1.65 'Exo 2',sans-serif; }
.market-page *, .market-page *::before, .market-page *::after { box-sizing:border-box; }
.market-page button, .market-page input, .market-page select { font-family:inherit; }
.market-page button { cursor:pointer; }
.market-page button:disabled { cursor:wait; opacity:.5; }
.market-page a:focus-visible, .market-page button:focus-visible, .market-page input:focus-visible, .market-page select:focus-visible { outline:2px solid #c59bff; outline-offset:4px; }
.market-page h2, .market-page h3 { text-align:left; text-transform:none; text-shadow:none; letter-spacing:0; }
.market-page .mk-container { width:min(1320px,100%); margin:0 auto; padding:0 32px; }
.market-page .mk-eyebrow { display:block; margin:0 0 6px; font-size:9px; font-weight:800; letter-spacing:1.5px; line-height:1.5; color:#a88abd; }
.market-page .mk-hero { position:relative; z-index:2; overflow:hidden; margin:0 0 -12px; border-radius:0 0 18px 18px; background:#16101f; box-shadow:0 18px 32px -10px rgba(0,0,0,.85); }
.market-page .mk-hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(12,7,20,.93),rgba(18,9,30,.62)),url('/img/background_main.png') center 42%/cover no-repeat; }
.market-page .mk-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:center; gap:40px; }
.market-page .mk-hero-eyebrow { display:flex; align-items:center; gap:10px; color:#d0b2e6; font-size:11px; margin-bottom:14px; }
.market-page .mk-spark { width:7px; height:7px; transform:rotate(45deg); background:#a970ff; box-shadow:0 0 14px rgba(169,112,255,.7); }
.market-page .mk-hero h1 { margin:0 0 14px; font:800 clamp(38px,4vw,54px)/1.1 'Exo 2',sans-serif; letter-spacing:.6px; }
.market-page .mk-hero h1 > span { background:linear-gradient(90deg,#fff,#d8b6ff 65%,#a970ff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.market-page .mk-hero-subtitle { margin:0 0 16px; color:#dfcbea; font-size:12px; font-weight:700; letter-spacing:1.7px; }
.market-page .mk-hero-description { max-width:560px; margin:0; color:#b9a9c6; font-size:14px; line-height:1.8; }
.market-page .mk-hero-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.market-page .mk-hero-tags > span { display:flex; align-items:center; gap:8px; padding:6px 12px; border-radius:6px; color:#d6c3e7; background:rgba(169,112,255,.09); font-size:11px; }
.market-page .mk-hero-tags i { color:#bb95ff; }
.market-page .mk-hero-emblem { display:flex; flex-direction:column; align-items:center; gap:12px; }
.market-page .mk-hero-emblem img { width:190px; height:190px; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(0,0,0,.6)); }
.market-page .mk-hero-emblem > span { color:#aa8ac0; font-size:9px; letter-spacing:2px; font-weight:700; }
.market-page .mk-content { padding-top:38px; padding-bottom:64px; }
.market-page .mk-toolbar { position:relative; padding:26px 28px; margin-bottom:34px; border:1px solid rgba(169,112,255,.1); border-radius:14px; background:#17121d; }
.market-page .mk-filter-top { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.market-page .mk-filter-top h2 { margin:0; color:#e5d2f0; font-size:21px; line-height:1.4; font-weight:800; }
.market-page .mk-toolbar-actions { display:flex; align-items:center; gap:24px; flex-shrink:0; }
.market-page .mk-quiet-link { display:flex; align-items:center; gap:8px; color:#b898cc; text-decoration:none; font-size:11px; }
.market-page .mk-quiet-link:hover { color:#e8d4f6; }
.market-page .mk-primary { margin:0 6px; padding:11px 20px; border:0; font:italic 800 11px 'Exo 2',sans-serif; white-space:nowrap; cursor:pointer; flex-shrink:0; }
.market-page .mk-primary .content-wrapper { gap:8px; }
.market-page .mk-category-nav { display:flex; flex-wrap:wrap; gap:8px; }
.market-page .mk-category-nav button { display:flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:7px; padding:10px 12px; background:#22172c; color:#b79dc8; font-size:11px; font-weight:600; transition:background .2s,color .2s,border-color .2s; }
.market-page .mk-category-nav button > i { color:#ad82ce; font-size:12px; }
.market-page .mk-category-nav button small { display:grid; place-items:center; min-width:19px; padding:1px 4px; border-radius:4px; background:rgba(169,112,255,.09); color:#c0a0d7; font-size:9px; }
.market-page .mk-category-nav button.is-active, .market-page .mk-category-nav button:hover { background:#352244; color:#f2e2fc; border-color:rgba(169,112,255,.35); }
.market-page .mk-filter-fields { display:flex; align-items:flex-end; gap:18px; margin-top:23px; padding-top:20px; border-top:1px solid rgba(169,112,255,.08); }
.market-page .mk-search { display:flex; align-items:center; gap:12px; flex:1; min-width:0; min-height:44px; padding:0 14px; border:1px solid rgba(169,112,255,.16); border-radius:7px; background:#100b16; }
.market-page .mk-search i { color:#ad82ca; font-size:13px; }
.market-page .mk-search input { width:100%; min-width:0; border:0; padding:12px 0; background:transparent; color:#e4ccef; font-size:12px; }
.market-page input::placeholder { color:#8b749b; opacity:1; }
.market-page .mk-select-label { display:flex; flex-direction:column; gap:5px; color:#9d84b0; font-size:10px; }
.market-page .mk-select-label select { display:block; max-width:100%; height:44px; min-width:175px; padding:0 30px 0 12px; border:1px solid rgba(169,112,255,.16); border-radius:7px; background:#100b16; color:#ceb7df; font-size:12px; cursor:pointer; color-scheme:dark; }
.market-page .mk-own-filter { display:flex; align-items:center; gap:8px; min-height:44px; color:#b79cc9; font-size:11px; cursor:pointer; white-space:nowrap; }
.market-page .mk-own-filter input { accent-color:#a970ff; width:15px; height:15px; }
.market-page .mk-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:23px; scroll-margin-top:110px; }
.market-page .mk-section-heading h2 { margin:0; color:#e7d1f4; font:800 29px/1.3 'Exo 2',sans-serif; }
.market-page .mk-results { display:flex; align-items:center; gap:14px; color:#b59ac8; font-size:11px; }
.market-page .mk-results > span { padding:5px 9px; border-radius:5px; background:#22172b; }
.market-page .mk-results button { display:flex; align-items:center; gap:7px; border:0; padding:0; background:transparent; color:#c8a3e3; font-size:10px; }
.market-page .mk-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.market-page .mk-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid rgba(169,112,255,.14); border-radius:13px; background:#19121f; transition:box-shadow .25s,border-color .25s; }
.market-page .mk-card:hover { border-color:rgba(169,112,255,.42); box-shadow:0 10px 26px rgba(0,0,0,.26); }
.market-page .mk-showcase { position:relative; isolation:isolate; display:flex; justify-content:center; align-items:center; width:100%; height:185px; border:0; color:#c6a0df; background:radial-gradient(ellipse at 50% 70%,rgba(150,68,233,.15),transparent 70%),#100d16; overflow:hidden; }
.market-page .mk-showcase::before, .market-page .mk-dialog-art::before { content:''; position:absolute; z-index:-1; inset:0; background:url('/img/classes-ruinas-violeta.png') center/cover no-repeat; opacity:.13; pointer-events:none; }
.market-page .mk-showcase > img { max-width:65%; max-height:120px; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 12px 13px rgba(0,0,0,.7)); transition:transform .3s; }
.market-page .mk-showcase:hover > img { transform:translateY(-3px) scale(1.06); }
.market-page .mk-item-category, .market-page .mk-owned { position:absolute; top:14px; padding:4px 8px; border-radius:4px; font-size:9px; font-weight:700; }
.market-page .mk-item-category { left:14px; background:rgba(57,28,73,.8); color:#ccabdf; }
.market-page .mk-owned { right:14px; background:#362149; color:#dec0f3; }
.market-page .mk-showcase-hint { position:absolute; bottom:12px; display:flex; align-items:center; gap:7px; color:#937ba7; font-size:9px; }
.market-page .mk-card-body { padding:19px 19px 21px; flex:1; }
.market-page .mk-badges { display:flex; flex-wrap:wrap; gap:5px; min-height:21px; margin-bottom:10px; }
.market-page .mk-badges > span { display:flex; align-items:center; gap:6px; padding:2px 6px; border-radius:4px; background:#2b2034; color:#bf9cd5; font-size:9px; font-weight:700; }
.market-page .mk-badges .mk-level { color:#e7c887; background:#322719; }
.market-page .mk-badges .mk-excellent { color:#87d8b0; background:#192e25; }
.market-page .mk-badges .mk-ancient { color:#a1c7fc; background:#18283e; }
.market-page .mk-card h3 { margin:0 0 12px; font:800 20px/1.3 'Exo 2',sans-serif; }
.market-page .mk-card h3 button { border:0; padding:0; background:transparent; color:#e6d3f3; text-align:left; overflow-wrap:anywhere; font:inherit; }
.market-page .mk-card h3 button:hover { color:#c997ff; }
.market-page .mk-rarity-excellent h3 button { color:#9ee6bb; }
.market-page .mk-rarity-ancient h3 button { color:#a7cafa; }
.market-page .mk-seller { display:flex; align-items:center; gap:8px; color:#9b83ab; margin:0; font-size:10px; overflow-wrap:anywhere; }
.market-page .mk-seller > i { color:#806394; font-size:10px; }
.market-page .mk-seller strong { color:#bea3d0; font-weight:600; margin-left:4px; }
.market-page .mk-card-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:17px 19px; background:#21162b; }
.market-page .mk-card-bottom > div { flex:1; min-width:100px; }
.market-page .mk-card-bottom .mk-eyebrow { font-size:8px; letter-spacing:1px; color:#9274a7; margin-bottom:4px; }
.market-page .mk-price { color:#e3ccf6; font-size:21px; font-weight:800; line-height:1.4; overflow-wrap:anywhere; display:block; }
.market-page .mk-price small { font-size:11px; font-weight:600; color:#b69bcd; }
.market-page .mk-price-brl { color:#dcbbfc; }
.market-page .mk-price-wcoinc { color:#e9cd90; }
.market-page .mk-price-zen { color:#a6c7f4; }
.market-page .mk-buy { padding:10px 13px; font-size:10px; }
.market-page .mk-withdraw { background:#3b254c; box-shadow:none; }
.market-page .mk-jewel-price { display:flex; flex-wrap:wrap; gap:5px; }
.market-page .mk-jewel { display:flex; align-items:center; gap:5px; border-radius:4px; padding:3px 7px; background:rgba(0,0,0,.16); color:#d8c5e7; font-size:12px; font-weight:800; }
.market-page .mk-jewel small { color:inherit; font-size:10px; font-weight:500; }
.market-page .mk-jewel i { font-size:9px; }
.market-page .mk-jewel-bless { color:#e4c485; }.market-page .mk-jewel-soul { color:#c8a0ed; }.market-page .mk-jewel-life { color:#e79eae; }.market-page .mk-jewel-chaos { color:#e0b58c; }
.market-page .mk-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; padding:36px 24px; border-radius:13px; background:#17121d; text-align:center; }
.market-page .mk-empty > i { display:grid; place-items:center; width:60px; height:60px; margin-bottom:18px; border-radius:14px; background:#24162f; color:#b889df; font-size:23px; }
.market-page .mk-empty h3 { color:#e2ccee; font-size:21px; margin:0 0 10px; text-align:center; }
.market-page .mk-empty p { max-width:390px; margin:0 0 24px; color:#aa91bc; font-size:12px; }
.market-page .mk-market-note { display:flex; align-items:center; justify-content:center; gap:12px; margin:35px 0 0; padding:20px; border-radius:10px; background:#17111e; color:#987fac; font-size:11px; }
.market-page .mk-market-note i { color:#b184d6; font-size:17px; }
.market-page .mk-market-note a { color:#c9a4e7; text-decoration:none; font-weight:700; }
.market-page .mk-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; margin-top:30px; font-size:12px; }
.market-page .mk-pagination button { display:flex; align-items:center; gap:8px; border:1px solid #3a244b; border-radius:6px; padding:10px 16px; background:#251831; color:#d4b5ec; font-size:11px; }
.market-page .mk-pagination button:disabled { cursor:default; }
.market-page .mk-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Duas camadas: o painel ilustrado projeta sua sombra sobre o conteúdo. */
.market-page .mk-overlay { position:fixed; inset:0; z-index:10010; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(5,3,9,.8); backdrop-filter:blur(9px); animation:mk-backdrop-in .22s ease; }
.market-page .mk-dialog { display:grid; grid-template-columns:37% minmax(0,1fr); position:relative; width:850px; max-width:100%; max-height:min(760px,calc(100dvh - 48px)); overflow:hidden; border:0; border-radius:16px; background:#160e21; box-shadow:0 28px 85px rgba(0,0,0,.7); animation:mk-dialog-in .28s ease; }
.market-page .mk-close { position:absolute; z-index:4; right:14px; top:14px; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:8px; background:#271a36; color:#c7abd9; font-size:12px; }
.market-page .mk-close:hover { background:#3c2451; color:#fff; }
.market-page .mk-dialog-art { position:relative; z-index:2; isolation:isolate; display:flex; flex-direction:column; justify-content:center; padding:35px 28px; background:radial-gradient(ellipse at 50% 40%,rgba(124,47,177,.2),transparent 75%),#1c1226; box-shadow:19px 0 30px -10px rgba(0,0,0,.65); overflow:hidden; }
.market-page .mk-dialog-art > .mk-eyebrow { margin-bottom:16px; color:#b798cd; }
.market-page .mk-dialog-image { display:grid; place-items:center; height:180px; margin:0 0 22px; }
.market-page .mk-dialog-image img { max-width:100%; max-height:170px; object-fit:contain; filter:drop-shadow(0 16px 15px rgba(0,0,0,.65)); }
.market-page .mk-dialog-art h2 { color:#eedcf9; margin:0 0 14px; font-size:28px; font-weight:800; line-height:1.25; overflow-wrap:anywhere; }
.market-page .mk-dialog-price { margin-top:26px; padding-top:21px; border-top:1px solid rgba(169,112,255,.12); }
.market-page .mk-dialog-price .mk-price { font-size:27px; }
.market-page .mk-dialog-body { position:relative; min-height:480px; overflow-y:auto; overscroll-behavior:contain; padding:44px 37px 32px; scrollbar-width:thin; scrollbar-color:#694184 #1b1028; }
.market-page .mk-dialog-body::-webkit-scrollbar { width:6px; }.market-page .mk-dialog-body::-webkit-scrollbar-thumb { border-radius:6px; background:#694184; }
.market-page .mk-dialog-body > h2 { margin:0 25px 13px 0; font:800 26px/1.3 'Exo 2',sans-serif; color:#ead7f9; }
.market-page .mk-dialog-lead { margin:0 0 23px; color:#ad93bf; font-size:12px; line-height:1.8; }
.market-page .mk-item-details { padding:17px 18px; margin:0 0 25px; border-radius:9px; background:rgba(0,0,0,.17); overflow-wrap:anywhere; }
.market-page .mk-item-details .mu-tooltip-box { min-width:0 !important; text-align:left !important; border:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; font:400 12px/1.7 'Exo 2',sans-serif !important; }
.market-page .mk-item-details .mu-tooltip-box > div:first-child { font-size:17px !important; margin-bottom:13px !important; }
.market-page .mk-pack-details { padding:28px 20px; margin-bottom:25px; border-radius:9px; background:#1f142b; text-align:center; }
.market-page .mk-pack-details > i { color:#bb8ded; font-size:29px; margin-bottom:14px; }
.market-page .mk-pack-details h3 { font-size:19px; text-align:center; color:#dec7ef; margin:0 0 10px; }
.market-page .mk-pack-details p { font-size:12px; color:#aa8ebf; margin:0 0 8px; }
.market-page .mk-wide { display:block; width:calc(100% - 12px); padding:14px 18px; }
.market-page .mk-wide .content-wrapper { justify-content:center; }
.market-page .mk-payment-options { display:grid; gap:12px; margin-top:25px; }
.market-page .mk-payment-options button { display:grid; grid-template-columns:38px minmax(0,1fr) 15px; gap:1px 14px; align-items:center; text-align:left; padding:19px 17px; border:1px solid rgba(169,112,255,.17); border-radius:10px; background:#241630; color:#dac1ed; transition:background .2s,border-color .2s; }
.market-page .mk-payment-options button:hover { background:#332041; border-color:rgba(169,112,255,.5); }
.market-page .mk-payment-options button > i:first-child { grid-row:span 2; font-size:27px; color:#b57fed; }
.market-page .mk-payment-options button strong { grid-column:2; font-size:16px; }
.market-page .mk-payment-options button > span { grid-column:2; color:#a48ab8; font-size:10px; }
.market-page .mk-payment-options button > i:last-child { grid-column:3; grid-row:1 / 3; font-size:12px; color:#9567b5; }
.market-page .mk-delivery { display:flex; align-items:flex-start; gap:10px; color:#9980ab; font-size:11px; line-height:1.8; margin:25px 0; }
.market-page .mk-delivery i { padding-top:4px; color:#b78dde; }
.market-page .mk-text-button { display:block; margin:20px auto 0; padding:0; border:0; background:transparent; color:#c49ae6; font-size:11px; text-align:center; }
.market-page .mk-text-button:hover { color:#efdafa; }
.market-page .mk-field { display:flex; flex-direction:column; gap:8px; margin:22px 0; color:#bba1ce; font-size:12px; }
.market-page .mk-field input { display:block; min-width:0; width:100%; border:1px solid rgba(169,112,255,.22); border-radius:7px; padding:13px 14px; background:#110b19; color:#e2c9f1; font-size:14px; }
.market-page #market-cpf { font-size:18px; letter-spacing:1px; }
.market-page #market-pix-code { font-size:11px; }
.market-page .mk-payment-status { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; gap:16px; text-align:center; }
.market-page .mk-payment-status > i { color:#ba8fe6; font-size:45px; }
.market-page .mk-payment-status h3 { margin:0; color:#e8d0f7; font-size:22px; text-align:center; }
.market-page .mk-payment-status p { font-size:12px; color:#b097c1; margin:0 0 8px; }
.market-page .mk-success > i { color:#b793e5; }
.market-page .mk-qr { display:block; width:190px; height:190px; max-width:100%; margin:23px auto; object-fit:contain; padding:8px; border-radius:8px; background:white; }
.market-page .mk-pending { display:flex; align-items:center; justify-content:center; gap:8px; margin:22px 0 0; color:#b799cf; font-size:10px; text-align:center; }
.market-page .mk-pending > span { width:6px; height:6px; border-radius:50%; flex-shrink:0; background:#b68aeb; animation:mk-pulse 1.5s ease-in-out infinite; }
.market-page .mk-error { padding:12px 14px; margin:18px 0; border-radius:7px; background:#32182a; color:#e7a9bd; font-size:12px; }
.market-page .mk-confirm-summary { display:flex; flex-direction:column; gap:6px; background:#24162f; padding:20px; margin-bottom:25px; border-radius:9px; }
.market-page .mk-confirm-summary > span { font-size:10px; color:#a486b8; }
.market-page .mk-confirm-summary > strong:not(.mk-price) { margin-bottom:14px; font-size:16px; color:#e2c8f3; }
@keyframes mk-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes mk-dialog-in { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes mk-pulse { 50% { opacity:.35; } }
@media (max-width:1100px) { .market-page .mk-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .market-page .mk-filter-fields { flex-wrap:wrap; } .market-page .mk-search { flex-basis:40%; } .market-page .mk-own-filter { flex-basis:100%; min-height:25px; } }
@media (max-width:900px) { .market-page .mk-hero-layout { grid-template-columns:minmax(0,1fr) 220px; gap:20px; } .market-page .mk-hero-emblem img { width:160px; height:160px; } .market-page .mk-hero-emblem > span { font-size:8px; letter-spacing:1px; } .market-page .mk-toolbar-actions { gap:16px; } .market-page .mk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .market-page .mk-filter-top { align-items:flex-start; } .market-page .mk-search { flex-basis:100%; } .market-page .mk-select-label { flex:1; } .market-page .mk-select-label select { min-width:0; width:100%; } }
@media (max-width:700px) { .market-page .mk-hero-layout { display:block; } .market-page .mk-hero-emblem { display:none; } .market-page .mk-container { padding:0 20px; } .market-page .mk-filter-top { flex-direction:column; gap:18px; } .market-page .mk-toolbar-actions { flex-direction:row-reverse; } .market-page .mk-toolbar { padding:23px 20px; } .market-page .mk-dialog { grid-template-columns:30% minmax(0,1fr); } .market-page .mk-dialog-art { padding:30px 16px; } .market-page .mk-dialog-body { padding:45px 25px 28px; } .market-page .mk-dialog-art h2 { font-size:22px; } .market-page .mk-dialog-art > .mk-eyebrow { font-size:8px; letter-spacing:1px; } .market-page .mk-dialog-image { height:130px; } .market-page .mk-dialog-image img { max-height:120px; } .market-page .mk-dialog-price .mk-price { font-size:23px; } }
@media (max-width:560px) { .market-page .mk-grid { grid-template-columns:minmax(0,1fr); } .market-page .mk-showcase { height:180px; } .market-page .mk-section-heading { align-items:flex-start; gap:14px; } .market-page .mk-section-heading h2 { font-size:25px; } .market-page .mk-results { flex-direction:column; align-items:flex-end; gap:9px; flex-shrink:0; } .market-page .mk-eyebrow { letter-spacing:1.1px; } .market-page .mk-category-nav { gap:7px; } .market-page .mk-category-nav button { padding:9px 10px; font-size:10px; } .market-page .mk-filter-fields { gap:14px 10px; } .market-page .mk-select-label select { font-size:11px; padding-left:9px; padding-right:8px; } .market-page .mk-filter-top h2 { font-size:20px; } .market-page .mk-hero-description { font-size:13px; } .market-page .mk-hero-subtitle { font-size:11px; letter-spacing:1.3px; } .market-page .mk-hero-tags { gap:7px; } .market-page .mk-hero-tags > span { font-size:10px; padding:6px 9px; } .market-page .mk-market-note { align-items:flex-start; padding:17px; } .market-page .mk-market-note > i { margin-top:4px; }
 .market-page .mk-overlay { padding:12px; } .market-page .mk-dialog { display:block; max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#694184 #1b1028; } .market-page .mk-dialog-art { display:grid; grid-template-columns:74px minmax(0,1fr); padding:24px 22px 19px; gap:7px 15px; box-shadow:0 18px 25px -12px rgba(0,0,0,.7); } .market-page .mk-dialog-art > .mk-eyebrow { grid-column:2; margin:0; padding-right:20px; } .market-page .mk-dialog-image { grid-column:1; grid-row:1 / 5; height:auto; margin:0; } .market-page .mk-dialog-image img { max-width:74px; max-height:95px; } .market-page .mk-dialog-art .mk-badges { grid-column:2; margin:0; min-height:0; } .market-page .mk-dialog-art h2 { grid-column:2; margin:0; font-size:21px; } .market-page .mk-dialog-art .mk-seller { grid-column:2; font-size:9px; } .market-page .mk-dialog-price { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:5px; padding-top:12px; } .market-page .mk-dialog-price .mk-eyebrow { margin:0; font-size:8px; } .market-page .mk-dialog-body { min-height:0; overflow:visible; padding:25px 22px 30px; } .market-page .mk-dialog-body > h2 { font-size:23px; margin-right:0; } .market-page .mk-payment-status { min-height:230px; } .market-page .mk-close { top:11px; right:11px; width:28px; height:28px; } .market-page .mk-item-details { padding:15px; } }
@media (prefers-reduced-motion:reduce) { .market-page *, .market-page *::before, .market-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

.market-page.mk-modal-root { position:fixed; inset:0; z-index:10010; background:transparent; }
/* O conteúdo continua acessível em janelas baixas e celulares na horizontal. */
.market-page .mk-dialog { grid-template-rows:minmax(0,1fr); min-height:min(480px,calc(100dvh - 48px)); }
@media (max-height:650px) and (min-width:561px) {
 .market-page .mk-dialog-body { min-height:0; }
 .market-page .mk-dialog-art { justify-content:flex-start; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#694184 #1b1028; padding-top:28px; padding-bottom:28px; }
 .market-page .mk-dialog-image { min-height:95px; height:95px; margin-bottom:15px; flex-shrink:0; }
 .market-page .mk-dialog-image img { max-height:90px; }
 .market-page .mk-dialog-art h2 { font-size:23px; }
 .market-page .mk-dialog-price { margin-top:18px; padding-top:15px; }
}
@media (max-width:560px) { .market-page .mk-dialog { min-height:0; } }