/* NEXA — Carrito lateral. WPCode CSS / Site Wide Header. Sin style. */ html.nexa-drawer-open { overflow:hidden!important; } #nexa-cart-drawer { box-sizing:border-box; position:fixed; inset:0 0 0 auto; width:min(480px,100%); max-width:100%; height:100dvh; max-height:100dvh; margin:0; padding:0; border:0; color:#17334b; background:#f5f9fc; font-family:"DM Sans",Arial,sans-serif; box-shadow:-16px 0 60px #0c274233; } #nexa-cart-drawer:not([open]) { display:none; } #nexa-cart-drawer[open] { animation:nexaDrawerEnter .24s ease-out; } #nexa-cart-drawer::backdrop { background:rgba(6,24,42,.48); backdrop-filter:blur(3px); } #nexa-cart-drawer *, #nexa-cart-drawer *::before, #nexa-cart-drawer *::after { box-sizing:border-box; } #nexa-cart-drawer [hidden] { display:none!important; } #nexa-cart-drawer .nexa-drawer__shell { display:flex; flex-direction:column; height:100%; } #nexa-cart-drawer .nexa-drawer__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:26px 24px 22px; flex-shrink:0; background:linear-gradient(120deg,#fff,#e5f5f1); border-bottom:1px solid #dce7ee; } #nexa-cart-drawer .nexa-drawer__eyebrow { display:block; color:#368a80; font-size:10px; font-weight:750; letter-spacing:.13em; margin-bottom:6px; } #nexa-cart-drawer h2 { margin:0; color:#0c2742; font:750 27px/1.2 "DM Sans",Arial,sans-serif; text-transform:none; letter-spacing:-.7px; } #nexa-cart-drawer [data-drawer-count] { font-size:17px; color:#60768b; } #nexa-cart-drawer button { font-family:inherit; cursor:pointer; text-transform:none; letter-spacing:normal; } #nexa-cart-drawer .nexa-drawer__close { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #cedfe6; border-radius:50%; background:#fff; color:#17334b; font-size:28px; line-height:1; } #nexa-cart-drawer .nexa-drawer__body { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:8px 24px; } #nexa-cart-drawer .nexa-drawer__item { display:flex; align-items:flex-start; gap:15px; padding:22px 0; border-bottom:1px solid #dce7ee; } #nexa-cart-drawer .nexa-drawer__image { width:80px; height:90px; flex-shrink:0; object-fit:contain; border-radius:13px; border:1px solid #dce7ee; background:#fff; } #nexa-cart-drawer .nexa-drawer__info { flex:1; min-width:0; } #nexa-cart-drawer .nexa-drawer__name { color:#0c2742; font-size:15px; font-weight:750; text-decoration:none; line-height:1.4; overflow-wrap:anywhere; } #nexa-cart-drawer .nexa-drawer__variation { margin:4px 0; color:#5b7185; font-size:12px; line-height:1.5; } #nexa-cart-drawer .nexa-drawer__price { display:block; margin-top:8px; color:#0c2742; font-size:15px; } #nexa-cart-drawer .nexa-drawer__tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; } #nexa-cart-drawer .nexa-drawer__quantity { display:flex; align-items:center; overflow:hidden; border:1px solid #cadde8; border-radius:10px; background:#fff; } #nexa-cart-drawer .nexa-drawer__quantity button { width:36px; height:36px; padding:0; border:0; background:#fff; color:#174375; font-size:20px; } #nexa-cart-drawer .nexa-drawer__quantity span { min-width:30px; text-align:center; font-size:13px; font-weight:700; } #nexa-cart-drawer .nexa-drawer__remove { padding:6px 0; border:0; background:none; color:#677c8c; font-size:12px; text-decoration:underline; text-underline-offset:3px; } #nexa-cart-drawer button:disabled { opacity:.4; cursor:not-allowed; } #nexa-cart-drawer .nexa-drawer__footer { flex-shrink:0; padding:18px 24px max(16px,env(safe-area-inset-bottom)); background:white; border-top:1px solid #dce7ee; } #nexa-cart-drawer .nexa-drawer__subtotal { display:flex; justify-content:space-between; gap:12px; font-size:14px; color:#0c2742; } #nexa-cart-drawer .nexa-drawer__subtotal strong { font-size:19px; white-space:nowrap; } #nexa-cart-drawer .nexa-drawer__note { margin:8px 0 16px; color:#66798c; font-size:11px; line-height:1.5; } #nexa-cart-drawer .nexa-drawer__checkout, #nexa-cart-drawer .nexa-drawer__cart { display:flex; align-items:center; justify-content:center; gap:12px; min-height:46px; border-radius:12px; padding:12px 16px; font-size:14px; font-weight:700; text-decoration:none; } #nexa-cart-drawer .nexa-drawer__checkout { background:linear-gradient(125deg,#2678e4,#1858b8); color:white; box-shadow:0 6px 15px #1f67d225; } #nexa-cart-drawer .nexa-drawer__checkout[aria-disabled="true"] { opacity:.55; cursor:wait; } #nexa-cart-drawer .nexa-drawer__cart { border:1px solid #c9dce8; background:#f8fbfd; color:#174375; margin-top:9px; } #nexa-cart-drawer .nexa-drawer__continue { display:block; width:100%; margin-top:9px; padding:5px; border:0; background:none; color:#60768b; font-size:12px; } #nexa-cart-drawer .nexa-drawer__shipping { padding:12px; margin-bottom:15px; border-radius:12px; background:#eff8f6; color:#226657; } #nexa-cart-drawer .nexa-drawer__shipping strong { display:block; font-size:12px; } #nexa-cart-drawer .nexa-drawer__shipping small { display:block; font-size:10px; line-height:1.5; color:#55766c; } #nexa-cart-drawer progress { display:block; width:100%; height:5px; margin:9px 0; border:0; border-radius:8px; overflow:hidden; accent-color:#399c8d; } #nexa-cart-drawer progress::-webkit-progress-bar { background:#d7e9e4; } #nexa-cart-drawer progress::-webkit-progress-value { background:#399c8d; } #nexa-cart-drawer .nexa-drawer__status { flex-shrink:0; padding:10px 24px; color:#435d73; font-size:12px; line-height:1.5; } #nexa-cart-drawer .nexa-drawer__status:empty { padding:0; } #nexa-cart-drawer .nexa-drawer__retry { align-self:center; border:0; background:none; color:#1858b8; font-size:12px; text-decoration:underline; padding:8px; } #nexa-cart-drawer .nexa-drawer__empty { padding:36px 0; text-align:center; } #nexa-cart-drawer .nexa-drawer__empty h3 { font:700 21px/1.3 "DM Sans",Arial,sans-serif; color:#0c2742; text-transform:none; margin:14px 0 8px; } #nexa-cart-drawer .nexa-drawer__empty p { color:#60768b; font-size:14px; } #nexa-cart-drawer .nexa-drawer__empty-icon { color:#35988b; font-size:40px; } #nexa-cart-drawer :is(button,a):focus-visible { outline:2px solid #1f67d2; outline-offset:3px; } @keyframes nexaDrawerEnter { from { transform:translateX(100%); } to { transform:translateX(0); } } @media(max-height:700px) { #nexa-cart-drawer .nexa-drawer__shell { overflow:auto; } #nexa-cart-drawer .nexa-drawer__body { flex:none; overflow:visible; } #nexa-cart-drawer .nexa-drawer__header { padding:16px 20px; } } @media(prefers-reduced-motion:reduce) { #nexa-cart-drawer[open] { animation:none; } } /* V2 — Progreso y recordatorio. */ #nexa-cart-drawer .nexa-drawer__shipping { --nexa-goal:0; position:relative; padding:14px 15px; background:linear-gradient(120deg,#edf5ff,#f0faf7); border:1px solid #d3e5f4; transition:background .3s,border-color .3s; } #nexa-cart-drawer .nexa-drawer__goal-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; color:#33688d; font-size:9px; font-weight:800; letter-spacing:.08em; } #nexa-cart-drawer .nexa-drawer__goal-mark { display:grid; place-items:center; min-width:30px; height:24px; padding:0 5px; border-radius:8px; background:#fff; color:#1f67d2; font-size:11px; letter-spacing:0; } #nexa-cart-drawer [data-goal-heading] { color:#163e60; font-size:13px; line-height:1.4; } #nexa-cart-drawer .nexa-drawer__goal-track { position:relative; height:9px; margin:20px 9px 15px; border-radius:20px; background:#dce8f1; } #nexa-cart-drawer .nexa-drawer__goal-fill { position:absolute; inset:0; background:linear-gradient(90deg,#1f67d2,#60b6d2); border-radius:20px; transform:scaleX(var(--nexa-goal)); transform-origin:left; transition:transform .6s cubic-bezier(.2,.75,.2,1); } #nexa-cart-drawer .nexa-drawer__goal-truck { position:absolute; top:50%; left:calc(var(--nexa-goal)*100%); transform:translate(-50%,-50%); display:grid; place-items:center; width:30px; height:28px; border-radius:9px; border:1px solid #c8ddeb; background:#fff; font-size:19px; box-shadow:0 3px 8px #17334b15; transition:left .6s cubic-bezier(.2,.75,.2,1); } #nexa-cart-drawer .nexa-drawer__goal-caption { margin:0 0 5px; color:#36637d; font-size:11px; font-weight:650; } #nexa-cart-drawer .nexa-drawer__shipping.is-achieved { background:linear-gradient(120deg,#e9f8f0,#effaf7); border-color:#a8d9c1; } #nexa-cart-drawer .is-achieved .nexa-drawer__goal-fill { background:linear-gradient(90deg,#399c8d,#4cb77e); } #nexa-cart-drawer .is-achieved .nexa-drawer__goal-mark { color:white; background:#258361; } #nexa-cart-drawer .is-celebrating { animation:nexaGoalCelebrate .8s ease-out; } #nexa-cart-drawer .nexa-drawer__reminder { margin:18px 0 22px; padding:16px; border:1px solid #f2d49c; border-top:3px solid #e2a12b; border-radius:15px; background:linear-gradient(120deg,#fff8df,#fffcf1); } #nexa-cart-drawer .nexa-drawer__reminder-label { display:block; margin-bottom:7px; color:#885600; font-size:9px; font-weight:800; letter-spacing:.1em; } #nexa-cart-drawer .nexa-drawer__reminder strong { display:block; color:#17334b; font-size:14px; line-height:1.4; } #nexa-cart-drawer .nexa-drawer__reminder p { margin:7px 0 12px; color:#5d6270; font-size:12px; line-height:1.6; } #nexa-cart-drawer .nexa-drawer__reminder a { display:inline-flex; align-items:center; min-height:40px; padding:10px 13px; border-radius:9px; color:white; background:#1f67d2; font-size:12px; font-weight:700; text-decoration:none; } @keyframes nexaGoalCelebrate { 0% {box-shadow:0 0 0 0 #399c8d50;} 100% {box-shadow:0 0 0 12px #399c8d00;} } /* Keep products accessible when the taller goal panel is visible on phones. */ @media(max-height:850px) and (max-width:600px) { #nexa-cart-drawer .nexa-drawer__shell { overflow:auto; } #nexa-cart-drawer .nexa-drawer__body { flex:none; overflow:visible; } } @media(prefers-reduced-motion:reduce) { #nexa-cart-drawer .nexa-drawer__goal-fill,#nexa-cart-drawer .nexa-drawer__goal-truck,#nexa-cart-drawer .nexa-drawer__shipping { transition:none; animation:none; } } /* V3: recordatorio fijo fuera del área de productos, también en móvil. */ #nexa-cart-drawer .nexa-drawer__shell { overflow:hidden; } #nexa-cart-drawer .nexa-drawer__body { flex:1 1 auto; min-height:60px; overflow:auto; } #nexa-cart-drawer .nexa-drawer__reminder { flex:0 0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; margin:10px 20px; padding:10px 12px; border-radius:12px; } #nexa-cart-drawer .nexa-drawer__reminder-label { grid-column:1; margin:0; font-size:8px; } #nexa-cart-drawer .nexa-drawer__reminder strong { grid-column:1; font-size:12px; } #nexa-cart-drawer .nexa-drawer__reminder p { grid-column:1; margin:0; font-size:10px; line-height:1.4; } #nexa-cart-drawer .nexa-drawer__reminder a { grid-column:2; grid-row:1 / 4; align-self:center; max-width:115px; padding:9px; min-height:42px; font-size:11px; line-height:1.4; } #nexa-cart-drawer .nexa-drawer__goal-truck svg { display:block; width:22px; height:22px; color:#226a88; } #nexa-cart-drawer .nexa-drawer__footer { max-height:55dvh; overflow:auto; overscroll-behavior:contain; } @media(max-width:600px) { #nexa-cart-drawer .nexa-drawer__header { padding:16px 20px; } #nexa-cart-drawer .nexa-drawer__reminder { margin:8px 14px; } #nexa-cart-drawer .nexa-drawer__footer { padding:12px 18px max(10px,env(safe-area-inset-bottom)); } #nexa-cart-drawer .nexa-drawer__shipping { padding:10px 12px; margin-bottom:10px; } #nexa-cart-drawer .nexa-drawer__note { margin:6px 0 10px; } } @media(max-height:600px) { #nexa-cart-drawer .nexa-drawer__header { padding:10px 16px; } #nexa-cart-drawer .nexa-drawer__eyebrow { display:none; } #nexa-cart-drawer .nexa-drawer__footer { max-height:40dvh; } } /* V4: resumen compacto, título reducido y botones con respuesta visual. */ #nexa-cart-drawer h2 { font-size:18.9px; letter-spacing:-.35px; } #nexa-cart-drawer h2 span { font-size:11.9px; } #nexa-cart-drawer .nexa-drawer__shipping { padding:10px 14px; margin-bottom:12px; } #nexa-cart-drawer .nexa-drawer__goal-track { margin:15px 9px 12px; height:7px; } #nexa-cart-drawer .nexa-drawer__goal-caption { margin:0; font-size:10px; } #nexa-cart-drawer .nexa-drawer__summary { margin:0 0 14px; color:#0c2742; } #nexa-cart-drawer .nexa-drawer__summary-row { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:5px 0; font-size:13px; line-height:1.4; } #nexa-cart-drawer .nexa-drawer__summary-row strong { font-size:14px; font-variant-numeric:tabular-nums; } #nexa-cart-drawer .nexa-drawer__summary-total { border-top:1px solid #dce8f1; margin-top:6px; padding-top:10px; font-weight:750; font-size:16px; } #nexa-cart-drawer .nexa-drawer__summary-total strong { font-size:20px; } #nexa-cart-drawer .is-free { color:#21856c; } #nexa-cart-drawer [hidden] { display:none !important; } #nexa-cart-drawer .nexa-drawer__reminder a { display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:145px; min-height:46px; padding:11px 12px; border:1px solid #ffffff70; border-radius:12px; background:linear-gradient(125deg,#287de9,#1759be); box-shadow:0 5px 12px #1f67d223,inset 0 1px #ffffff35; color:#fff; font-size:11px; font-weight:750; line-height:1.35; text-decoration:none; } #nexa-cart-drawer .nexa-drawer__water-arrow { flex-shrink:0; font-size:19px; } #nexa-cart-drawer .nexa-drawer__checkout, #nexa-cart-drawer .nexa-drawer__cart, #nexa-cart-drawer .nexa-drawer__reminder a { transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease; } #nexa-cart-drawer .nexa-drawer__checkout span, #nexa-cart-drawer .nexa-drawer__water-arrow { transition:transform .2s ease; } @media(hover:hover) and (pointer:fine) { #nexa-cart-drawer .nexa-drawer__checkout:not([aria-disabled="true"]):hover { transform:translateY(-2px); box-shadow:0 9px 22px #1f67d23d; } #nexa-cart-drawer .nexa-drawer__checkout:not([aria-disabled="true"]):hover span, #nexa-cart-drawer .nexa-drawer__reminder a:hover .nexa-drawer__water-arrow { transform:translateX(4px); } #nexa-cart-drawer .nexa-drawer__cart:hover { transform:translateY(-2px); border-color:#68a6e3; background:#edf6ff; box-shadow:0 6px 16px #1f67d21a; } #nexa-cart-drawer .nexa-drawer__reminder a:hover { transform:translateY(-1px); box-shadow:0 7px 16px #1f67d238; } } #nexa-cart-drawer .nexa-drawer__checkout:not([aria-disabled="true"]):active, #nexa-cart-drawer .nexa-drawer__cart:active, #nexa-cart-drawer .nexa-drawer__reminder a:active { transform:scale(.98); } #nexa-cart-drawer a:focus-visible { outline:3px solid #2b80df; outline-offset:3px; } @media(max-width:380px) { #nexa-cart-drawer .nexa-drawer__reminder a { max-width:116px; padding:9px; gap:5px; } #nexa-cart-drawer .nexa-drawer__summary { margin-bottom:10px; } } @media(prefers-reduced-motion:reduce) { #nexa-cart-drawer *, #nexa-cart-drawer *::before, #nexa-cart-drawer *::after { animation:none !important; transition:none !important; } #nexa-cart-drawer a:hover, #nexa-cart-drawer a:active, #nexa-cart-drawer a:hover span { transform:none !important; } } /* V4.1: palabras completas en el botón de agua. */ #nexa-cart-drawer .nexa-drawer__reminder a { box-sizing:border-box; width:160px; max-width:none; min-width:min-content; gap:10px; padding:11px 12px; text-align:left; } #nexa-cart-drawer .nexa-drawer__reminder a > span:first-child { flex:1 0 auto; min-width:min-content; max-width:110px; white-space:normal; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; } #nexa-cart-drawer .nexa-drawer__water-arrow { flex:0 0 18px; text-align:center; } @media(max-width:380px) { #nexa-cart-drawer .nexa-drawer__reminder { grid-template-columns:minmax(0,1fr); } #nexa-cart-drawer .nexa-drawer__reminder a { grid-column:1; grid-row:4; width:100%; min-width:0; margin-top:5px; min-height:44px; text-align:center; } #nexa-cart-drawer .nexa-drawer__reminder a > span:first-child { flex:0 1 auto; max-width:none; } } /* V5: vista móvil compacta; aviso y resumen fuera del scroll de productos. */ #nexa-cart-drawer .nexa-drawer__water-mobile, #nexa-cart-drawer .nexa-drawer__goal-mobile { display:none; } @media(max-width:600px) { #nexa-cart-drawer .nexa-drawer__shell { overflow:hidden; } #nexa-cart-drawer .nexa-drawer__header { padding:8px 16px; min-height:60px; } #nexa-cart-drawer .nexa-drawer__eyebrow { display:none; } #nexa-cart-drawer .nexa-drawer__close { width:44px; height:44px; flex-shrink:0; } #nexa-cart-drawer .nexa-drawer__status { padding:3px 16px; font-size:11px; } #nexa-cart-drawer .nexa-drawer__status:empty { padding:0; } #nexa-cart-drawer .nexa-drawer__reminder { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:7px 12px; padding:2px 10px; border-radius:10px; border-top-width:2px; } #nexa-cart-drawer .nexa-drawer__reminder-label, #nexa-cart-drawer .nexa-drawer__reminder p, #nexa-cart-drawer .nexa-drawer__reminder .nexa-drawer__water-full { display:none; } #nexa-cart-drawer .nexa-drawer__reminder strong { font-size:11px; line-height:1.35; margin:0; } #nexa-cart-drawer .nexa-drawer__reminder a { flex:0 0 auto; width:auto; min-width:58px; max-width:none; min-height:44px; margin:0; padding:6px 4px; gap:5px; border:0; border-radius:6px; color:#165bb3; background:transparent; box-shadow:none; text-align:center; } #nexa-cart-drawer .nexa-drawer__water-mobile { display:inline; font-size:12px; font-weight:750; } #nexa-cart-drawer .nexa-drawer__body { flex:1 1 auto; min-height:60px; overflow:auto; padding:0 16px; } #nexa-cart-drawer .nexa-drawer__item { gap:12px; padding:14px 0; } #nexa-cart-drawer .nexa-drawer__image { width:64px; height:74px; } #nexa-cart-drawer .nexa-drawer__price { margin-top:5px; } #nexa-cart-drawer .nexa-drawer__tools { margin-top:8px; gap:6px; } #nexa-cart-drawer .nexa-drawer__quantity button { width:44px; height:44px; } #nexa-cart-drawer .nexa-drawer__remove { min-height:44px; } #nexa-cart-drawer .nexa-drawer__footer { padding:10px 16px max(4px,env(safe-area-inset-bottom)); max-height:60dvh; overflow:auto; } #nexa-cart-drawer .nexa-drawer__shipping { padding:8px 10px; margin-bottom:8px; border-radius:9px; } #nexa-cart-drawer .nexa-drawer__goal-heading, #nexa-cart-drawer [data-goal-heading], #nexa-cart-drawer .nexa-drawer__goal-caption, #nexa-cart-drawer .nexa-drawer__goal-truck { display:none; } #nexa-cart-drawer .nexa-drawer__goal-mobile { display:block; font-size:11px; line-height:1.4; color:#174375; } #nexa-cart-drawer .is-achieved .nexa-drawer__goal-mobile { color:#227859; } #nexa-cart-drawer .nexa-drawer__goal-track { height:4px; margin:7px 0 0; } #nexa-cart-drawer .is-achieved .nexa-drawer__goal-track { display:none; } #nexa-cart-drawer .nexa-drawer__summary { margin-bottom:8px; } #nexa-cart-drawer .nexa-drawer__summary-row { padding:3px 0; font-size:12px; } #nexa-cart-drawer .nexa-drawer__summary-row strong { font-size:13px; } #nexa-cart-drawer .nexa-drawer__summary-total { margin-top:4px; padding-top:6px; font-size:15px; } #nexa-cart-drawer .nexa-drawer__summary-total strong { font-size:18px; } #nexa-cart-drawer .nexa-drawer__checkout { min-height:46px; padding:10px 12px; } #nexa-cart-drawer .nexa-drawer__footer > .nexa-drawer__cart { min-height:44px; padding:6px; margin:0; border:0; background:transparent; box-shadow:none; font-size:12px; text-decoration:underline; text-underline-offset:3px; } #nexa-cart-drawer .nexa-drawer__continue { display:none; } } /* En horizontal o pantallas muy bajas, el resumen conserva su propio scroll. */ @media(max-width:600px) and (max-height:480px) { #nexa-cart-drawer .nexa-drawer__footer { max-height:48dvh; } #nexa-cart-drawer .nexa-drawer__header { min-height:48px; padding:2px 12px; } #nexa-cart-drawer .nexa-drawer__reminder { margin:3px 10px; } } /* V5.1: nota visible, una sola meta y camioncito en móvil. */ #nexa-cart-drawer .nexa-drawer__shipping .nexa-drawer__goal-mobile { display:none; } @media(max-width:600px) { #nexa-cart-drawer .nexa-drawer__reminder { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; gap:3px 8px; padding:8px 10px; } #nexa-cart-drawer .nexa-drawer__reminder strong { grid-column:1; grid-row:1; font-size:11px; line-height:1.35; } #nexa-cart-drawer .nexa-drawer__reminder p { display:block; grid-column:1; grid-row:2; margin:0; font-size:11px; line-height:1.4; color:#525b64; } #nexa-cart-drawer .nexa-drawer__reminder a { grid-column:2; grid-row:1 / 3; align-self:center; width:auto; min-width:58px; min-height:44px; margin:0; } #nexa-cart-drawer .nexa-drawer__shipping [data-goal-heading] { display:none; } #nexa-cart-drawer .nexa-drawer__shipping .nexa-drawer__goal-mobile { display:block; } #nexa-cart-drawer .nexa-drawer__shipping .nexa-drawer__goal-track { display:block; height:4px; margin:16px 12px 10px; } #nexa-cart-drawer .nexa-drawer__shipping .nexa-drawer__goal-truck { display:grid; width:24px; height:24px; border-radius:7px; } #nexa-cart-drawer .nexa-drawer__goal-truck svg { width:18px; height:18px; } } /* V7 — Acabado Nexa. Compatible con PHP V4 y JS V6. */ #nexa-cart-drawer { --nexa-ink:#0c2742; --nexa-blue:#1f67d2; --nexa-mint:#89d9c8; background:linear-gradient(150deg,#edf5fc 0%,#f5fafc 52%,#eaf7f3 100%); color:var(--nexa-ink); } #nexa-cart-drawer .nexa-drawer__header { background:linear-gradient(115deg,#ffffff 10%,#f2f9fc 55%,#e1f4ee 100%); border-bottom:1px solid #d4e6eb; box-shadow:0 3px 14px #0c274205; } #nexa-cart-drawer h2 { font-weight:800; color:var(--nexa-ink); } #nexa-cart-drawer [data-drawer-count] { color:#4b738a; font-weight:650; } #nexa-cart-drawer .nexa-drawer__close { border-color:#c8e0e8; color:#174b75; background:#ffffffeb; box-shadow:0 3px 9px #0c274207; } #nexa-cart-drawer .nexa-drawer__body { padding-top:4px; padding-bottom:4px; } #nexa-cart-drawer .nexa-drawer__item { position:relative; padding:14px; margin:8px 0; border:1px solid #d7e7ef; border-radius:17px; background:linear-gradient(125deg,#fff 48%,#f1f8fc 100%); box-shadow:0 4px 14px #123e6207; gap:12px; } #nexa-cart-drawer .nexa-drawer__image { border:1px solid #d0e4ec; border-radius:12px; background:linear-gradient(145deg,#fff,#edf7f9); } #nexa-cart-drawer .nexa-drawer__name { font-weight:800; letter-spacing:-.2px; } #nexa-cart-drawer .nexa-drawer__variation { color:#526f83; } #nexa-cart-drawer .nexa-drawer__price { font-weight:800; color:#10385a; font-variant-numeric:tabular-nums; } #nexa-cart-drawer .nexa-drawer__quantity { border-color:#c9dfeb; border-radius:11px; background:#fff; box-shadow:inset 0 1px 2px #0c274205; } #nexa-cart-drawer .nexa-drawer__quantity button { color:#1f67d2; background:#f0f7fd; font-weight:650; } #nexa-cart-drawer .nexa-drawer__quantity span { color:#173f60; } #nexa-cart-drawer .nexa-drawer__remove { color:#526f83; text-decoration-color:#a6bfcd; } #nexa-cart-drawer .nexa-drawer__reminder { background:linear-gradient(110deg,#fff8e5,#fffcf3); border-color:#efd9a4; border-top-color:#deb352; box-shadow:0 2px 8px #8b651008; } #nexa-cart-drawer .nexa-drawer__reminder strong::before { content:""; display:inline-block; width:13px; height:15px; margin-right:5px; vertical-align:-3px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%23a37619' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M10 2S3 10 3 15a7 7 0 0014 0C17 10 10 2 10 2Z'/%3E%3Cpath d='M7 15c0 2 1 3 3 3'/%3E%3C/svg%3E"); } #nexa-cart-drawer .nexa-drawer__footer { background:linear-gradient(180deg,#fbfefe,#fff 55%); border-top:1px solid #d2e4ec; box-shadow:0 -5px 18px #0c274207; } #nexa-cart-drawer .nexa-drawer__shipping { background:linear-gradient(115deg,#edf5ff,#edf9f5); border-color:#c9e2ed; } #nexa-cart-drawer .nexa-drawer__goal-track { background:#d9e8ed; } #nexa-cart-drawer .nexa-drawer__goal-fill { background:linear-gradient(90deg,#1f67d2,#49a6c3 60%,#89d9c8); } #nexa-cart-drawer .nexa-drawer__goal-truck { border-color:#badbe5; box-shadow:0 2px 7px #17437514; } #nexa-cart-drawer .nexa-drawer__shipping.is-achieved { background:linear-gradient(110deg,#e8f7ef,#effaf7); border-color:#b5dfcb; } #nexa-cart-drawer .is-achieved .nexa-drawer__goal-fill { background:linear-gradient(90deg,#279580,#76cba2); } #nexa-cart-drawer .nexa-drawer__summary-row { color:#355770; } #nexa-cart-drawer .nexa-drawer__summary-total { color:#0c2742; border-color:#d5e6ed; } #nexa-cart-drawer .nexa-drawer__summary-total strong { font-weight:850; letter-spacing:-.4px; } #nexa-cart-drawer .nexa-drawer__checkout { border:1px solid #ffffff45; background:linear-gradient(115deg,#267ae9 0%,#1f67d2 55%,#184fa9 100%); box-shadow:0 5px 13px #1f67d22b,inset 0 1px 0 #ffffff26; font-weight:800; } @media(hover:hover) and (pointer:fine) { #nexa-cart-drawer .nexa-drawer__quantity button:not(:disabled):hover { background:#e1effc; } #nexa-cart-drawer .nexa-drawer__name:hover { color:#1f67d2; } #nexa-cart-drawer .nexa-drawer__close:hover { background:#eaf6f5; } } @media(max-width:600px) { #nexa-cart-drawer .nexa-drawer__body { padding-left:12px; padding-right:12px; } #nexa-cart-drawer .nexa-drawer__item { padding:10px; margin:6px 0; border-radius:15px; gap:10px; } #nexa-cart-drawer .nexa-drawer__image { width:60px; height:72px; border-radius:10px; } #nexa-cart-drawer .nexa-drawer__name { font-size:14px; } #nexa-cart-drawer .nexa-drawer__reminder a { background:#fffdf7; color:#165bb3; border:1px solid #eadbb8; border-radius:8px; box-shadow:0 2px 5px #8b651008; min-width:58px; padding:6px; } #nexa-cart-drawer .nexa-drawer__footer > .nexa-drawer__cart { color:#315d80; font-weight:650; } } /* V7.1: fondo del área de productos inspirado en el header Nexa. */ #nexa-cart-drawer .nexa-drawer__body { background-color:#0c2437; background-image: radial-gradient(circle at -8% 12%,transparent 0 112px,rgba(137,217,200,.09) 113px,transparent 114px), radial-gradient(circle at 113% 82%,transparent 0 145px,rgba(137,217,200,.08) 146px,transparent 147px), radial-gradient(ellipse at 100% 100%,rgba(100,193,174,.20),transparent 65%), linear-gradient(125deg,#173f68 0%,#102c46 40%,#0c2233 72%,#173c45 100%); background-repeat:no-repeat; border-top:1px solid rgba(137,217,200,.18); border-bottom:1px solid rgba(137,217,200,.18); scrollbar-color:#53788b #102b40; } #nexa-cart-drawer .nexa-drawer__item { border-color:rgba(211,232,239,.9); box-shadow:0 5px 16px rgba(0,12,24,.17); } #nexa-cart-drawer .nexa-drawer__empty h3 { color:#f3faff; } #nexa-cart-drawer .nexa-drawer__empty p { color:#c4dce8; } #nexa-cart-drawer .nexa-drawer__empty-icon { color:#89d9c8; } /* V7.2: prioridad explícita, limitada al área desplazable del carrito. */ html body #nexa-cart-drawer [data-drawer-body] { background:#102d45 !important; background-image: radial-gradient(circle at 0% 10%,transparent 110px,rgba(137,217,200,.10) 111px,transparent 112px), radial-gradient(ellipse at 100% 100%,rgba(137,217,200,.22),transparent 70%), linear-gradient(120deg,#173f68 0%,#0c2233 65%,#204951 100%) !important; background-repeat:no-repeat !important; background-size:100% 100% !important; } /* V7.3 — Halos Nexa y recordatorio azul/riptide. */ html body #nexa-cart-drawer [data-drawer-body] { background-color:#102d45 !important; background-image: radial-gradient(ellipse at 12% 8%,rgba(52,140,239,.27) 0%,transparent 48%), radial-gradient(ellipse at 95% 72%,rgba(137,217,200,.28) 0%,transparent 57%), radial-gradient(circle at 3% 13%,transparent 86px,rgba(137,217,200,.13) 87px,transparent 88px), radial-gradient(circle at 3% 13%,transparent 115px,rgba(85,155,213,.08) 116px,transparent 117px), linear-gradient(125deg,#163b60 0%,#0d263b 55%,#20464e 100%) !important; } html body #nexa-cart-drawer .nexa-drawer__reminder { background: radial-gradient(ellipse at 100% 0%,rgba(137,217,200,.24),transparent 65%), radial-gradient(ellipse at 0% 100%,rgba(46,128,227,.18),transparent 60%), linear-gradient(115deg,#143957,#102b41 58%,#245055) !important; border:1px solid #416976; border-top:2px solid #89d9c8; box-shadow:0 4px 14px rgba(12,39,66,.12),inset 0 1px 0 rgba(190,242,230,.08); } html body #nexa-cart-drawer .nexa-drawer__reminder-label { color:#a8e9dc; } html body #nexa-cart-drawer .nexa-drawer__reminder strong { color:#f3fbff; } html body #nexa-cart-drawer .nexa-drawer__reminder p { color:#d2e6ed; } html body #nexa-cart-drawer .nexa-drawer__reminder strong::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24' fill='none' stroke='%2389d9c8' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M10 2S3 10 3 15a7 7 0 0014 0C17 10 10 2 10 2Z'/%3E%3Cpath d='M7 15c0 2 1 3 3 3'/%3E%3C/svg%3E"); } html body #nexa-cart-drawer .nexa-drawer__reminder a { background:linear-gradient(120deg,#b5eee2,#89d9c8); color:#103347; border:1px solid #c8f3e8; box-shadow:0 3px 10px rgba(0,15,28,.15),inset 0 1px 0 rgba(255,255,255,.35); } html body #nexa-cart-drawer .nexa-drawer__reminder a:focus-visible { outline-color:#d5fff5; } @media(hover:hover) and (pointer:fine) { html body #nexa-cart-drawer .nexa-drawer__reminder a:hover { background:linear-gradient(120deg,#caf5eb,#9ae4d4); box-shadow:0 5px 15px rgba(137,217,200,.19); } } /* V7.4 — Halo visible y acción secundaria más discreta. */ html body #nexa-cart-drawer [data-drawer-body] { background-image: radial-gradient(circle at 100% 52%,rgba(137,217,200,.32) 0,rgba(105,201,197,.16) 65px,transparent 175px), radial-gradient(circle at 100% 52%,transparent 108px,rgba(137,217,200,.36) 109px,rgba(137,217,200,.36) 110px,transparent 112px), radial-gradient(circle at 100% 52%,transparent 138px,rgba(137,217,200,.18) 139px,transparent 141px), radial-gradient(ellipse at 0% 15%,rgba(57,143,239,.40),transparent 65%), linear-gradient(125deg,#163b60 0%,#0d263b 55%,#20464e 100%) !important; background-size:100% 100% !important; background-repeat:no-repeat !important; } html body #nexa-cart-drawer .nexa-drawer__shipping.is-achieved .nexa-drawer__goal-caption { display:none; } html body #nexa-cart-drawer .nexa-drawer__reminder a { width:145px; padding:9px 10px; gap:7px; min-height:44px; background:linear-gradient(120deg,#a7e5d9,#8bd5c8); box-shadow:inset 0 1px 0 rgba(255,255,255,.18); font-size:11px; } @media(max-width:600px) { html body #nexa-cart-drawer .nexa-drawer__reminder a { width:auto; min-width:58px; min-height:44px; padding:5px 7px; gap:5px; color:#b9f0e3; background:rgba(137,217,200,.06); border:1px solid rgba(137,217,200,.35); border-radius:8px; box-shadow:none; } html body #nexa-cart-drawer .nexa-drawer__water-mobile { font-size:12px; } html body #nexa-cart-drawer .nexa-drawer__reminder a .nexa-drawer__water-arrow { font-size:17px; } } @media(max-width:600px) and (hover:hover) and (pointer:fine) { html body #nexa-cart-drawer .nexa-drawer__reminder a:hover { background:rgba(137,217,200,.16); box-shadow:none; } } /* V7.5: acción compacta Ver, sin cortes de palabra en ningún tamaño. */ html body #nexa-cart-drawer .nexa-drawer__reminder a { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:68px; min-width:68px; max-width:68px; min-height:44px; padding:6px 8px; gap:6px; line-height:1; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; color:#b9f0e3; background:rgba(137,217,200,.06); border:1px solid rgba(137,217,200,.35); border-radius:8px; box-shadow:none; } html body #nexa-cart-drawer .nexa-drawer__reminder a > .nexa-drawer__water-full { display:none !important; } html body #nexa-cart-drawer .nexa-drawer__reminder a > .nexa-drawer__water-mobile { display:inline-block !important; flex:0 0 auto; width:auto; min-width:max-content; max-width:none; font-size:12px; font-weight:750; line-height:1; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; } html body #nexa-cart-drawer .nexa-drawer__reminder a > .nexa-drawer__water-arrow { display:inline-block; flex:0 0 16px; width:16px; min-width:16px; font-size:17px; line-height:1; white-space:nowrap; } @media(hover:hover) and (pointer:fine) { html body #nexa-cart-drawer .nexa-drawer__reminder a:hover { color:#d9fff4; background:rgba(137,217,200,.17); box-shadow:none; } } /* V7.6: cantidad a la derecha, eliminar debajo. */ html body #nexa-cart-drawer .nexa-drawer__info { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; align-items:start; } html body #nexa-cart-drawer .nexa-drawer__info > .nexa-drawer__name, html body #nexa-cart-drawer .nexa-drawer__info > .nexa-drawer__variation, html body #nexa-cart-drawer .nexa-drawer__info > .nexa-drawer__price { grid-column:1; } html body #nexa-cart-drawer .nexa-drawer__tools { grid-column:2; grid-row:1 / span 20; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:0; margin:0; } html body #nexa-cart-drawer .nexa-drawer__quantity button { width:34px; height:44px; } html body #nexa-cart-drawer .nexa-drawer__quantity span { min-width:24px; } html body #nexa-cart-drawer .nexa-drawer__remove { display:inline-flex; align-items:center; justify-content:flex-end; min-height:44px; margin:0; padding:4px 0; } @media(max-width:600px) { html body #nexa-cart-drawer .nexa-drawer__item { gap:8px; } html body #nexa-cart-drawer .nexa-drawer__info { column-gap:7px; } html body #nexa-cart-drawer .nexa-drawer__image { width:54px; height:64px; } html body #nexa-cart-drawer .nexa-drawer__name { font-size:13px; line-height:1.35; } html body #nexa-cart-drawer .nexa-drawer__variation { font-size:11px; } html body #nexa-cart-drawer .nexa-drawer__price { font-size:14px; } } /* Conserva espacio para nombres largos en pantallas especialmente estrechas. */ @media(max-width:340px) { html body #nexa-cart-drawer .nexa-drawer__image { width:44px; height:56px; } html body #nexa-cart-drawer .nexa-drawer__item { padding:8px; gap:6px; } html body #nexa-cart-drawer .nexa-drawer__info { column-gap:5px; } } /* ===== NEXA V3 — Carrito lateral: estilo header (v2) ===== */ html body #nexa-cart-drawer{--nx-navy:#0c2742;--nx-mint:#89d9c8;--nx-mint2:#b8f0e7;--nx-muted:rgba(255,255,255,.66);background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important;font-family:"DM Sans",sans-serif!important;color:#fff!important} html body #nexa-cart-drawer::backdrop{background:rgba(12,39,66,.22)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important} html body #nexa-cart-drawer .nexa-drawer__shell{height:100%!important;overflow:hidden!important;border-radius:28px 0 0 28px!important;border:0!important;border-left:1px solid rgba(184,240,231,.30)!important;background:radial-gradient(circle at 0% 0%,rgba(64,140,255,.32) 0%,transparent 46%),radial-gradient(circle at 100% 38%,rgba(137,217,200,.17) 0%,transparent 42%),radial-gradient(circle at 20% 100%,rgba(137,217,200,.13) 0%,transparent 45%),linear-gradient(165deg,#184372 0%,#13385f 42%,#0f3253 100%)!important;box-shadow:-12px 0 36px rgba(12,39,66,.10),inset 1px 0 0 rgba(255,255,255,.10)!important;color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:22px 22px 16px!important} html body #nexa-cart-drawer .nexa-drawer__eyebrow{color:var(--nx-mint)!important;letter-spacing:.18em!important;font-weight:800!important;font-size:10.5px!important} html body #nexa-cart-drawer .nexa-drawer__header h2{color:#fff!important;font-family:"DM Sans",sans-serif!important;font-weight:850!important;font-size:24px!important;letter-spacing:-.02em!important;display:flex!important;align-items:center!important;gap:10px!important} html body #nexa-cart-drawer [data-drawer-count]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--nx-mint2),var(--nx-mint))!important;color:var(--nx-navy)!important;font-size:12px!important;font-weight:900!important} html body #nexa-cart-drawer .nexa-drawer__close{width:40px!important;height:40px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(137,217,200,.28)!important;color:#fff!important;box-shadow:none!important;transition:background .2s,transform .2s!important} html body #nexa-cart-drawer .nexa-drawer__close:hover{background:rgba(137,217,200,.18)!important;transform:rotate(90deg)!important} html body #nexa-cart-drawer .nexa-drawer__reminder{margin:14px 18px 0!important;border-radius:18px!important;background:linear-gradient(135deg,#fff6e3 0%,#ffe6bd 100%)!important;border:1px solid rgba(255,196,110,.9)!important;box-shadow:0 10px 24px rgba(255,190,100,.18),inset 0 1px 0 rgba(255,255,255,.7)!important} html body #nexa-cart-drawer .nexa-drawer__reminder-label{color:#b8650a!important} html body #nexa-cart-drawer .nexa-drawer__reminder strong{color:#3d2606!important} html body #nexa-cart-drawer .nexa-drawer__reminder svg{color:#d9850f!important;stroke:#d9850f!important} html body #nexa-cart-drawer .nexa-drawer__reminder p{color:rgba(74,46,10,.78)!important} html body #nexa-cart-drawer .nexa-drawer__reminder a{background:linear-gradient(135deg,#ffb347,#f59e2a)!important;border:1px solid rgba(214,128,20,.6)!important;color:#3d2606!important;border-radius:999px!important;box-shadow:0 6px 14px rgba(245,158,42,.28)!important} html body #nexa-cart-drawer .nexa-drawer__reminder a *{color:#3d2606!important} html body #nexa-cart-drawer .nexa-drawer__reminder a:hover{filter:brightness(1.05)!important} html body #nexa-cart-drawer .nexa-drawer__body{background:transparent!important;padding:14px 18px!important} html body #nexa-cart-drawer .nexa-drawer__body::-webkit-scrollbar{width:6px} html body #nexa-cart-drawer .nexa-drawer__body::-webkit-scrollbar-thumb{background:rgba(137,217,200,.3);border-radius:9px} html body #nexa-cart-drawer .nexa-drawer__item{background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;color:#fff!important;transition:border-color .2s,background .2s!important} html body #nexa-cart-drawer .nexa-drawer__item:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(137,217,200,.38)!important} html body #nexa-cart-drawer .nexa-drawer__image{background:#fff!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important} html body #nexa-cart-drawer .nexa-drawer__name{color:#fff!important;font-weight:800!important} html body #nexa-cart-drawer .nexa-drawer__variation{color:var(--nx-muted)!important} html body #nexa-cart-drawer .nexa-drawer__price{color:var(--nx-mint2)!important;font-weight:850!important} html body #nexa-cart-drawer .nexa-drawer__quantity{background:rgba(255,255,255,.07)!important;border:1px solid rgba(137,217,200,.24)!important;border-radius:999px!important;color:#fff!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__quantity button{background:transparent!important;color:var(--nx-mint2)!important;border:0!important;border-radius:999px!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__quantity button:hover{background:rgba(137,217,200,.18)!important} html body #nexa-cart-drawer .nexa-drawer__quantity span{color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__remove{color:rgba(255,255,255,.55)!important;background:transparent!important;text-decoration:none!important} html body #nexa-cart-drawer .nexa-drawer__remove:hover{color:#ffb4bf!important} html body #nexa-cart-drawer .nexa-drawer__footer{background:rgba(255,255,255,.05)!important;border-top:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__shipping{background:rgba(255,255,255,.08)!important;border:1px solid rgba(137,217,200,.2)!important;border-radius:18px!important;color:#fff!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__goal-heading span:first-child{color:var(--nx-mint)!important} html body #nexa-cart-drawer .nexa-drawer__goal-mark{background:rgba(137,217,200,.18)!important;color:var(--nx-mint2)!important;border-radius:999px!important} html body #nexa-cart-drawer .nexa-drawer__shipping strong{color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__goal-track{background:rgba(255,255,255,.12)!important;border-radius:999px!important} html body #nexa-cart-drawer .nexa-drawer__goal-fill{background:linear-gradient(90deg,#3f8cff,var(--nx-mint))!important;border-radius:999px!important;box-shadow:0 0 14px rgba(137,217,200,.45)!important} html body #nexa-cart-drawer .nexa-drawer__goal-truck{background:#13385f!important;border:1px solid var(--nx-mint)!important;color:var(--nx-mint2)!important} html body #nexa-cart-drawer .nexa-drawer__goal-caption{color:var(--nx-muted)!important} html body #nexa-cart-drawer .nexa-drawer__summary-row span{color:var(--nx-muted)!important} html body #nexa-cart-drawer .nexa-drawer__summary-row strong{color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__summary-total{border-top:1px solid rgba(255,255,255,.12)!important} html body #nexa-cart-drawer .nexa-drawer__summary-total span{color:#fff!important;font-weight:800!important} html body #nexa-cart-drawer .nexa-drawer__summary-total strong{color:#fff!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.02em!important} html body #nexa-cart-drawer .nexa-drawer__checkout{background:linear-gradient(135deg,var(--nx-mint2) 0%,var(--nx-mint) 100%)!important;color:var(--nx-navy)!important;border:1px solid rgba(137,217,200,.34)!important;border-radius:999px!important;box-shadow:0 14px 28px rgba(137,217,200,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;font-weight:900!important;transition:transform .2s,box-shadow .2s!important} html body #nexa-cart-drawer .nexa-drawer__checkout:hover{transform:translateY(-1px)!important;box-shadow:0 18px 34px rgba(137,217,200,.32),inset 0 1px 0 rgba(255,255,255,.5)!important} html body #nexa-cart-drawer .nexa-drawer__checkout *{color:var(--nx-navy)!important} html body #nexa-cart-drawer .nexa-drawer__cart{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(137,217,200,.26)!important;border-radius:999px!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__cart:hover{background:rgba(137,217,200,.14)!important} html body #nexa-cart-drawer .nexa-drawer__continue{color:var(--nx-muted)!important;background:transparent!important} html body #nexa-cart-drawer .nexa-drawer__continue:hover{color:var(--nx-mint2)!important} @media (max-width:600px){ html body #nexa-cart-drawer .nexa-drawer__shell{border-radius:0!important;border-left:0!important;box-shadow:none!important} html body #nexa-cart-drawer .nexa-drawer__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important} html body #nexa-cart-drawer .nexa-drawer__cart{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--nx-mint2)!important;text-decoration:none!important;min-height:40px!important;font-weight:800!important} html body #nexa-cart-drawer .nexa-drawer__cart:hover{background:transparent!important;color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__header{padding:18px 18px 14px!important} html body #nexa-cart-drawer .nexa-drawer__reminder{margin:12px 14px 0!important} html body #nexa-cart-drawer .nexa-drawer__body{padding:12px 14px!important} } html body #nexa-cart-drawer .nexa-drawer__empty{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:44px 22px!important;margin:8px 0!important;background:rgba(255,255,255,.06)!important;border:1px dashed rgba(137,217,200,.32)!important;border-radius:22px!important;color:#fff!important} html body #nexa-cart-drawer .nexa-drawer__empty-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:58px!important;border-radius:999px!important;background:radial-gradient(circle at 30% 30%,rgba(184,240,231,.35),rgba(137,217,200,.12))!important;border:1px solid rgba(137,217,200,.45)!important;color:var(--nx-mint2)!important;font-size:26px!important;font-weight:700!important;box-shadow:0 0 24px rgba(137,217,200,.25)!important} html body #nexa-cart-drawer .nexa-drawer__empty h3{color:#fff!important;font-family:"DM Sans",sans-serif!important;font-weight:850!important;font-size:20px!important;margin:6px 0 0!important} html body #nexa-cart-drawer .nexa-drawer__empty p{color:var(--nx-muted)!important;margin:0 0 8px!important;max-width:260px!important} html body #nexa-cart-drawer .nexa-drawer__empty .nexa-drawer__cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 22px!important;min-height:44px!important;background:linear-gradient(135deg,var(--nx-mint2),var(--nx-mint))!important;color:var(--nx-navy)!important;border:1px solid rgba(137,217,200,.34)!important;border-radius:999px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 12px 24px rgba(137,217,200,.22)!important} html body #nexa-cart-drawer .nexa-drawer__empty .nexa-drawer__cart:hover{color:var(--nx-navy)!important;transform:translateY(-1px)!important}