/*
Theme Name:   LIDZIX (Hello Elementor Child)
Description:  Child theme of Hello Elementor for the LIDZIX NFT showcase site. Styling only — all functionality lives in the LIDZIX Core plugin.
Author:       LIDZIX
Template:     hello-elementor
Version:      2.2.2
Text Domain:  lidzix
*/

/* --------------------------------------------------------------------------
   Self-hosted fonts (SIL OFL 1.1 — bundling is explicitly permitted).
   No Google CDN: visitor IPs are never shared with third parties (GDPR-safe).
   -------------------------------------------------------------------------- */
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/poppins-400.woff2') format('woff2'); }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/poppins-500.woff2') format('woff2'); }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url('assets/fonts/poppins-600.woff2') format('woff2'); }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/poppins-700.woff2') format('woff2'); }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:800; font-display:swap; src:url('assets/fonts/poppins-800.woff2') format('woff2'); }
@font-face{ font-family:'Titan One'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/titan-one-400.woff2') format('woff2'); }

/* ==========================================================================
   Design tokens (extracted from the Lunacy reference screens)
   ========================================================================== */
:root{
  --lx-bg:        #0d1226;   /* page background                     */
  --lx-surface:   #190b2e;   /* neon card base                      */
  --lx-line:      #2a1a4a;   /* hairline borders                    */
  --lx-purple:    #8b3dff;   /* primary purple                      */
  --lx-violet:    #a855f7;
  --lx-deep:      #7c2be0;   /* lava shadow purple                  */
  --lx-yellow:    #ffc42e;   /* CTA / footer bar                    */
  --lx-lime:      #9fe870;   /* price pill                          */
  --lx-teal:      #1fd8c0;
  --lx-pink:      #ff2ea6;   /* gradient start                      */
  --lx-blue:      #2e9bff;   /* gradient end                        */
  --lx-text:      #efeff7;
  --lx-muted:     #a7abc0;
  --lx-radius:    18px;
  --lx-font:      'Poppins', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
  --lx-lava:      'Titan One', 'Poppins', system-ui, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--lx-bg) !important;   /* overrides Elementor kit's white body */
  color:var(--lx-text) !important;
  font-family:var(--lx-font);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--lx-text); text-decoration:none; transition:color .2s ease; }
a:hover{ color:var(--lx-yellow); }

/* Force LTR everywhere — the UI is fully English even on a Persian WordPress */
body.lidzix, body.lidzix table, body.lidzix nav, body.lidzix footer{ direction:ltr; text-align:left; }

.lx-wrap{ max-width:1240px; margin-inline:auto; padding-inline:26px; }
.lx-center{ text-align:center !important; }

/* ==========================================================================
   Display headings — same look as the "top one" artwork:
   heavy display face + hard purple offset shadow
   ========================================================================== */
.lx-lava{
  font-family:var(--lx-lava);
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.15;
  margin:0 0 .5em;
  color:#fff;
  text-shadow:6px 6px 0 var(--lx-deep), 6px 6px 26px rgba(124,43,224,.5);
}
h1.lx-lava{ font-size:clamp(34px,5vw,54px); }
h2.lx-lava{ font-size:clamp(28px,4vw,42px); }
h3.lx-lava{ font-size:clamp(22px,3vw,30px); }

/* ==========================================================================
   Buttons
   ========================================================================== */
.lx-btn{
  display:inline-flex; align-items:center; gap:9px;
  border:0; cursor:pointer;
  font:600 15px/1 var(--lx-font);
  padding:15px 30px; border-radius:12px;
  color:#1b1430; background:var(--lx-yellow);
  box-shadow:0 6px 24px rgba(255,196,46,.28);
  transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.lx-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(255,196,46,.4); color:#1b1430; }

/* ==========================================================================
   Header — purple pill navbar (per home.png)
   ========================================================================== */
.lx-header{ position:sticky; top:14px; z-index:60; margin-top:16px; }
.lx-navbar{
  display:flex; align-items:center; gap:26px;
  padding:10px 14px;
  border-radius:16px;
  background:linear-gradient(93deg,#3b0d68 0%,#5b1ca8 45%,#7c2bf0 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 40px -18px rgba(124,43,240,.55), inset 0 1px 0 rgba(255,255,255,.14);
}
.lx-brand{ display:flex; align-items:center; gap:12px; padding-left:6px; }
.lx-brand img{ width:46px; height:46px; border-radius:12px; background:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.15); }
.lx-brand b{ font:700 13px/1.1 var(--lx-font); letter-spacing:.28em; color:#efe6ff; display:block; }
.lx-brand span span{ display:block; font-size:10px; letter-spacing:.34em; color:#cdb6f5; }

.lx-nav{ display:flex; align-items:center; gap:30px; margin-inline:auto; }
.lx-nav a{ font-size:15px; font-weight:500; color:#e8defc; position:relative; }
.lx-nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:-7px; height:3px; border-radius:3px;
  background:var(--lx-yellow); transform:scaleX(0); transition:transform .2s ease;
}
.lx-nav a:hover{ color:#fff; }
.lx-nav a:hover::after{ transform:scaleX(1); }

/* hover dropdown under "layers" (faces / eyes / lips / accessories) */
.lx-nav .menu-item-has-children{ position:relative; }
.lx-nav .sub-menu{
  position:absolute; top:calc(100% + 14px); left:50%;
  min-width:170px; margin:0; padding:8px; list-style:none; z-index:70;
  background:#241040; border:1px solid rgba(168,85,247,.55); border-radius:12px;
  box-shadow:0 22px 50px -12px rgba(0,0,0,.75);
  opacity:0; visibility:hidden; transform:translateX(-50%) translateY(6px);
  transition:.18s ease;
}
.lx-nav .menu-item-has-children:hover > .sub-menu,
.lx-nav .menu-item-has-children:focus-within > .sub-menu{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}
.lx-nav .sub-menu li{ display:block; }
.lx-nav .sub-menu a{ display:block; padding:10px 14px; font-size:13px; white-space:nowrap; border-radius:8px; }
.lx-nav .sub-menu a::after{ display:none; }
.lx-nav .sub-menu a:hover{ background:rgba(139,61,255,.25); color:#fff; }

.lx-actions{ display:flex; align-items:center; gap:12px; margin-left:auto; }

.lx-burger{ display:none; background:none; border:0; cursor:pointer; padding:8px; }
.lx-burger span{ display:block; width:24px; height:2px; background:#fff; margin:5px 0; border-radius:2px; }

/* Marketplace link cloned into the mobile dropdown menu */
.lx-nav__cta{ display:none; }

/* ==========================================================================
   Connect Wallet button + dropdown + modal + toast
   ========================================================================== */
.lx-wallet{ position:relative; }
.lx-btn--wallet{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--lx-font); font-size:15px; font-weight:600; line-height:1;
  text-decoration:none; text-align:center;
  background:rgba(255,255,255,.06); color:#fff;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
}
.lx-btn--wallet:hover{ color:var(--lx-yellow); box-shadow:inset 0 0 0 2px var(--lx-yellow); transform:translateY(-2px); }
.lx-btn--wallet.is-connected{ color:var(--lx-lime); box-shadow:inset 0 0 0 2px var(--lx-lime); }
.lx-btn--wallet svg{ width:16px; height:16px; }
.lx-btn--wallet:disabled{ opacity:.6; cursor:wait; }

.lx-wallet-drop{
  position:absolute; top:calc(100% + 10px); right:0; min-width:230px; z-index:90;
  background:#241040; border:1px solid rgba(168,85,247,.5); border-radius:14px; padding:8px;
  box-shadow:0 24px 55px -12px rgba(0,0,0,.75);
}
.lx-wallet-drop__addr{
  font:700 14px/1 ui-monospace,Consolas,monospace; color:#fff; padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.09); margin-bottom:5px;
}
.lx-wallet-drop a,.lx-wallet-drop button{
  display:block; width:100%; text-align:left; background:none; border:0; cursor:pointer;
  color:var(--lx-text); font:500 13px/1 var(--lx-font); padding:11px 12px; border-radius:9px;
}
.lx-wallet-drop a:hover,.lx-wallet-drop button:hover{ background:rgba(139,61,255,.25); color:#fff; }
.lx-wallet-drop .danger{ color:#ff8585; }

.lx-wallet-modal{ position:fixed; inset:0; z-index:999; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(6,8,18,.72); backdrop-filter:blur(6px); }
.lx-wallet-modal__box{ position:relative; max-width:420px; text-align:center; padding:40px 34px;
  background:#1d0c38; border:1.5px solid var(--lx-purple); border-radius:20px;
  box-shadow:0 0 60px -8px rgba(168,85,247,.5); }
.lx-wallet-modal__box h3{ margin:0 0 12px; color:#fff; }
.lx-wallet-modal__box p{ color:var(--lx-muted); font-size:14px; margin:0 0 24px; }
.lx-wallet-modal__close{ position:absolute; top:8px; right:14px; background:none; border:0; color:#fff; font-size:27px; cursor:pointer; line-height:1; }

.lx-toast{
  position:fixed; bottom:26px; left:50%; z-index:999;
  transform:translate(-50%,16px); opacity:0; transition:.25s ease;
  background:#241040; color:#fff; border:1px solid rgba(168,85,247,.55);
  font:500 13px var(--lx-font); padding:12px 22px; border-radius:999px;
  box-shadow:0 14px 40px rgba(0,0,0,.6); pointer-events:none;
}
.lx-toast.show{ opacity:1; transform:translate(-50%,0); }

/* ==========================================================================
   HOME hero (per home.png): collage background, tags, featured art, CTA
   ========================================================================== */
.lx-hero{
  position:relative; overflow:hidden; isolation:isolate;
  border-radius:26px; min-height:430px;
  display:flex; align-items:center; gap:40px;
  padding:44px 52px;
  border:1px solid var(--lx-line);
  background:#0e1428;
}
.lx-hero__collage{
  position:absolute; inset:0; z-index:-1;
  background-size:cover; background-position:center; opacity:.9;
}
.lx-hero__collage::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(13,18,38,.92) 0%, rgba(13,18,38,.55) 55%, rgba(13,18,38,.3) 100%);
}
.lx-hero__art{
  flex:0 0 300px; max-width:300px;
  border-radius:20px; overflow:hidden;
  box-shadow:0 24px 60px -12px rgba(0,0,0,.7), 0 0 0 6px rgba(255,255,255,.06);
  transform:rotate(-1.5deg);
}
.lx-hero__body{ max-width:560px; }
.lx-hero__title{
  font:800 clamp(44px,7vw,82px)/1.05 var(--lx-font);
  color:#fff; margin:0; letter-spacing:-.01em;
}
.lx-hero__sub{ color:var(--lx-muted); font-size:18px; margin:6px 0 26px; }
/* "top one" artwork heading image */
.lx-topone{ display:block; width:min(340px,70%); height:auto; margin:10px 0 20px; }

/* ==========================================================================
   NFT grid + cards (design card = artwork + lime price pill on bottom edge)
   ========================================================================== */
.lx-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px 28px; margin:34px 0 70px; }
.lx-card{
  position:relative; display:block;
  border-radius:16px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.lx-card:hover{ transform:translateY(-6px); box-shadow:0 22px 44px -14px rgba(139,61,255,.5); }
.lx-card img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:16px;
  border:1px solid var(--lx-line); }
.lx-pill{
  position:absolute; bottom:-11px; left:50%; transform:translateX(-50%);
  background:var(--lx-lime); color:#17250d;
  font:700 13px/1 var(--lx-font); padding:8px 16px; border-radius:999px;
  box-shadow:0 8px 20px rgba(159,232,112,.35); white-space:nowrap;
}

/* collections grid variant: label bar inside the card */
.lx-card--label{ overflow:hidden; }
.lx-card--label .lx-card__label{
  position:absolute; inset:auto 0 0 0; padding:34px 14px 13px;
  background:linear-gradient(180deg,transparent,rgba(10,7,20,.88));
  border-radius:0 0 16px 16px; text-align:center;
}
.lx-card--label .lx-card__label b{ display:block; font-size:15px; color:#fff; }
.lx-card--label .lx-card__label small{ color:var(--lx-muted); font-size:12px; }

/* ==========================================================================
   ETH price card (above the social box) + hover tooltip
   ========================================================================== */
.lx-eth{
  position:relative;
  border-radius:20px; border:1.5px solid var(--lx-purple);
  background:linear-gradient(160deg,#2a0f4a 0%,#190b2e 75%);
  box-shadow:0 0 50px -8px rgba(168,85,247,.4), inset 0 1px 0 rgba(255,255,255,.06);
  padding:26px 30px 20px; margin:0 0 70px;
}
.lx-eth__head{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:10px; }
.lx-eth__head > svg{ width:34px; height:34px; }
.lx-eth__pair{ color:var(--lx-muted); font-size:13px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; }
.lx-eth__price{ font-size:clamp(26px,3.4vw,38px); font-weight:800; margin-left:auto; color:#fff; }
.lx-eth__price--off{ font-size:15px; color:var(--lx-muted); font-weight:500; }
.lx-eth__chg{ font:700 13px/1 var(--lx-font); padding:8px 13px; border-radius:999px; white-space:nowrap; }
.lx-eth__chg.up{ background:rgba(159,232,112,.16); color:var(--lx-lime); }
.lx-eth__chg.down{ background:rgba(255,107,107,.16); color:#ff8585; }
.lx-eth__chart svg{ width:100%; height:auto; display:block; cursor:crosshair; }
.lx-eth__foot{ display:flex; justify-content:space-between; gap:10px; color:var(--lx-muted); font-size:12px; margin-top:8px; }
.lx-eth__foot a{ color:inherit; text-decoration:underline dotted; }
.lx-eth__foot a:hover{ color:var(--lx-yellow); }

.lx-guide{ stroke:var(--lx-yellow); stroke-width:1.2; stroke-dasharray:3 4; opacity:.75; display:none; }
.lx-marker{ display:none; }
.lx-eth__tip{
  display:none; position:absolute; top:66px; z-index:6; pointer-events:none;
  transform:translateX(-50%);
  background:#241040; color:#fff; border:1px solid rgba(255,196,46,.5);
  font:600 12.5px/1 var(--lx-font); padding:8px 13px; border-radius:9px; white-space:nowrap;
  box-shadow:0 12px 28px rgba(0,0,0,.6);
}

/* ==========================================================================
   Connection gradient box (pink -> violet -> blue, per home.png)
   ========================================================================== */
.lx-connect{
  margin:70px 0 90px; border-radius:26px;
  padding:56px 30px 44px; text-align:center;
  background:linear-gradient(100deg,var(--lx-pink) 0%,var(--lx-purple) 48%,var(--lx-blue) 100%);
  box-shadow:0 26px 60px -18px rgba(139,61,255,.55);
}
.lx-connect h2{ color:#fff; }
.lx-connect__row{ display:flex; justify-content:center; gap:clamp(40px,14vw,220px); margin-top:26px; }
.lx-connect__row a{ display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; }
.lx-connect__row a:hover{ transform:translateY(-3px); color:#fff; }
.lx-connect__row svg{ width:38px; height:38px; filter:drop-shadow(0 6px 14px rgba(0,0,0,.35)); }
.lx-connect__row small{ font-size:12.5px; opacity:.85; letter-spacing:.04em; }

/* ==========================================================================
   Neon content cards (About NFTs / About us)
   ========================================================================== */
.lx-hex{ margin:34px 0 60px; }   /* designer-supplied banner (text+border baked in) */
.lx-hex img{ width:100%; border-radius:20px; display:block;
  box-shadow:0 0 44px -6px rgba(31,216,192,.25); }

.lx-neon{
  border-radius:20px; border:1.5px solid var(--lx-purple);
  background:linear-gradient(160deg,#2a0f4a 0%,#190b2e 70%);
  box-shadow:0 0 50px -8px rgba(168,85,247,.4), inset 0 1px 0 rgba(255,255,255,.06);
  padding:44px 60px; margin:0 0 60px;
}
.lx-neon h1,.lx-neon h2{ text-align:center; color:#fff; margin:0 0 6px; font-weight:600; }
.lx-neon p{ margin:10px 0; color:#e6e2f2; }
.lx-neon .lx-sub{ text-align:center; color:var(--lx-muted); margin-top:0; font-size:17px; }
.lx-neon--left p{ text-align:left; }

/* ==========================================================================
   Stat cards (About us page)
   ========================================================================== */
.lx-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin:10px 0 60px; }
.lx-stat{
  text-align:center; padding:34px 20px; border-radius:18px;
  border:1.5px solid var(--lx-purple);
  background:linear-gradient(165deg,#240e42,#150a29);
  box-shadow:0 0 34px -8px rgba(139,61,255,.35);
}
.lx-stat b{ display:block; font-size:clamp(30px,4vw,44px); font-weight:800;
  background:linear-gradient(180deg,#fde68a,#f59e0b);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; }
.lx-stat span{ color:var(--lx-muted); font-size:14px; }

/* ==========================================================================
   Trait tables (Layers page, per layers.png)
   ========================================================================== */
.lx-traits{ margin:26px 0 70px; }
.lx-table{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1.5px solid #7b2ff2; border-radius:16px; overflow:hidden;
  background:rgba(23,11,46,.55);
  box-shadow:0 0 40px -10px rgba(124,43,240,.35);
}
.lx-table th,.lx-table td{ padding:14px 18px; text-align:center; font-size:14.5px; }
.lx-table thead th{
  background:rgba(69,16,143,.55); font-weight:600; color:#efe6ff;
  border-bottom:1px solid rgba(124,43,240,.5);
}
.lx-table tbody td{ border-bottom:1px solid rgba(124,43,240,.22); color:#d8d5ea; }
.lx-table tbody tr:last-child td{ border-bottom:0; }
.lx-table td:first-child,.lx-table th:first-child{ color:var(--lx-muted); width:64px; }
.lx-table td img{ width:44px; height:44px; border-radius:10px; margin-inline:auto; object-fit:cover;
  box-shadow:0 0 0 1.5px rgba(168,85,247,.55); }
.lx-table .lx-avg{ color:var(--lx-lime); font-weight:600; white-space:nowrap; }

/* ==========================================================================
   Single NFT page
   ========================================================================== */
.lx-single{ display:grid; grid-template-columns:460px 1fr; gap:52px; margin:50px 0 90px; align-items:start; }
.lx-single figure{ margin:0; border-radius:22px; overflow:hidden; border:1px solid var(--lx-line);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.8); }
.lx-single .lx-pill{ position:static; transform:none; display:inline-block; margin:14px 0 4px;
  font-size:15px; padding:11px 22px; }
.lx-single h1{ font-size:clamp(34px,5vw,52px); margin:0 0 4px; }
.lx-owner{ color:var(--lx-muted); font-size:14px; }
.lx-owner b{ color:var(--lx-text); }

/* ==========================================================================
   Footer (per design: brand / socials / 4 link columns / yellow bar)
   ========================================================================== */
.lx-footer{ border-top:1px solid rgba(255,255,255,.09); margin-top:80px; padding:54px 0 0; }
.lx-footer__grid{ display:grid; grid-template-columns:1.3fr 1fr 2fr; gap:34px; align-items:start; }
.lx-footer .lx-brand img{ width:52px; height:52px; }
.lx-footer h4{ font-size:15px; font-weight:600; color:#fff; margin:0 0 14px; }
.lx-social{ display:flex; gap:16px; }
.lx-social svg{ width:30px; height:30px; transition:transform .2s ease; }
.lx-social a:hover svg{ transform:translateY(-3px); }
.lx-footer__links{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.lx-footer__links a{ display:block; font-size:13px; color:var(--lx-muted); padding:3px 0; }
.lx-footer__links a:hover{ color:var(--lx-yellow); }
.lx-copy{
  margin-top:42px; border-radius:14px; text-align:center;
  background:var(--lx-yellow); color:#221a04;
  font-size:14.5px; font-weight:500; padding:13px 20px;
}
.lx-copy b{ font-weight:800; }

/* ==========================================================================
   Misc / elementor helpers
   ========================================================================== */
[data-page-template-hide-title] h1.entry-title, .entry-header{ display:none; }
main{ min-height:40vh; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1024px){
  .lx-nav{ gap:18px; }
  .lx-grid{ grid-template-columns:repeat(3,1fr); }
  .lx-hero__art{ flex-basis:250px; }
  .lx-single{ grid-template-columns:1fr 1fr; }
  .lx-footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:768px){
  .lx-burger{ display:block; }
  .lx-actions{ gap:8px; }
  .lx-actions .lx-btn{ padding:12px 16px; font-size:13px; }
  .lx-navbar{ position:relative; }
  .lx-nav{
    position:absolute; top:calc(100% + 10px); right:0; left:0;
    flex-direction:column; align-items:stretch; gap:2px;
    background:#241040; border:1px solid rgba(168,85,247,.4);
    border-radius:16px; padding:12px; margin:0;
    opacity:0; visibility:hidden; transform:translateY(-8px); transition:.2s ease;
  }
  .lx-nav a{ padding:12px 14px; border-radius:10px; }
  .lx-nav a:hover{ background:rgba(139,61,255,.25); }
  .lx-navbar.lx-open .lx-nav{ opacity:1; visibility:visible; transform:none; }
  .lx-nav .sub-menu{ position:static; transform:none; opacity:1; visibility:visible;
    background:transparent; border:0; box-shadow:none; padding:0 0 0 14px; min-width:0; }
  .lx-nav .sub-menu a{ font-size:13px; color:var(--lx-muted); padding:8px 14px; }
  .lx-nav__cta{ display:block!important; background:var(--lx-yellow); color:#1b1430!important;
    font-weight:600; text-align:center; }
  .lx-grid{ grid-template-columns:repeat(2,1fr); gap:24px 16px; }
  .lx-hero{ flex-direction:column; text-align:center; padding:36px 24px; min-height:0; }
  .lx-hero__art{ flex-basis:auto; max-width:240px; margin-inline:auto; }
  .lx-hero__body{ max-width:none; }
.lx-neon{ padding:32px 24px; }
  .lx-stats{ grid-template-columns:1fr; }
  .lx-single{ grid-template-columns:1fr; }
  .lx-table{ font-size:13px; }
  .lx-table th,.lx-table td{ padding:10px 8px; }
  .lx-footer__grid{ grid-template-columns:1fr; }
  .lx-footer__links{ grid-template-columns:repeat(2,1fr); }
  .lx-connect__row{ gap:34px; }
}
@media (max-width:480px){
  .lx-grid{ grid-template-columns:1fr 1fr; }
  .lx-pill{ font-size:12px; padding:7px 12px; }
  .lx-actions .lx-cta{ display:none; }       /* available inside the mobile menu */
  .lx-btn--wallet .lx-wallet-label{ font-size:11px; }
}