/* =====================================================================
   LIS AVANCINI — EM CANTE!  |  Avancini Academy
   Stylesheet separado, carregado via wp_enqueue_scripts (sandbox loader).
   Classes customizadas aplicadas nos widgets/containers do Elementor via
   Advanced > CSS Classes (widget: com underscore | container: sem).
   ===================================================================== */

:root{
  --bg:#000915;
  --bg-alt:#050c1c;
  --bg-panel:#0a1428;
  --bg-panel-2:#0d1730;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --text:#F3EEE6;
  --text-dim:#96A1B5;
  --text-dim2:#6C7891;
  --gold-1:#FFC581;
  --gold-2:#E08A3E;
  --gold-3:#8C4E1E;
  --gold-grad:linear-gradient(120deg,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);
  --flag:#E15C42;
  --radius:18px;
  --radius-sm:10px;
  --serif:'Fraunces', Georgia, serif;
  --sans:'Manrope', -apple-system, sans-serif;
  --ease:cubic-bezier(.16,.84,.44,1);
}

body{ background:var(--bg) !important; color:var(--text); font-family:var(--sans); }
body.elementor-page{ background:var(--bg) !important; }

::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:var(--gold-grad); border-radius:10px; border:2px solid var(--bg); }
html{ scrollbar-color:var(--gold-2) var(--bg); scrollbar-width:thin; }
:focus-visible{ outline:2px solid var(--gold-1); outline-offset:3px; }

.lis-eyebrow .elementor-heading-title,
.lis-eyebrow{ font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--gold-2) !important; }

/* ---------- reveal on scroll ---------- */
.lis-reveal{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.lis-reveal.lis-visible{ opacity:1; transform:translateY(0); }

/* ---------- generic section rhythm ---------- */
.lis-section{ padding:100px 0; background:var(--bg); }
.lis-section-alt{ padding:100px 0; background:var(--bg-alt); }
.lis-wrap{ max-width:1180px !important; margin:0 auto !important; }

/* ---------- headings & text base ---------- */
[class*="lis-h-"] .elementor-heading-title{ font-family:var(--serif) !important; font-weight:500 !important; color:var(--text) !important; line-height:1.16 !important; letter-spacing:0 !important; }
.lis-h-huge .elementor-heading-title{ font-size:clamp(2.3rem,6vw,4.6rem) !important; }
.lis-h-xl .elementor-heading-title{ font-size:clamp(1.85rem,3.9vw,2.9rem) !important; }
.lis-h-lg .elementor-heading-title{ font-size:clamp(1.5rem,2.8vw,2.15rem) !important; }
.lis-h-md .elementor-heading-title{ font-size:clamp(1.2rem,2vw,1.5rem) !important; }
.lis-gold .elementor-heading-title{ color:var(--gold-1) !important; font-style:italic; }

.lis-p, .lis-p p{ color:var(--text-dim) !important; font-size:16px; line-height:1.75; }
.lis-lead, .lis-lead p{ color:var(--text-dim) !important; font-size:clamp(1.02rem,1.5vw,1.18rem); line-height:1.7; max-width:640px; }
.lis-quote, .lis-quote p{ font-family:var(--serif) !important; font-style:italic; color:var(--text) !important; }
.lis-quote-block{ border-left:2px solid var(--gold-2); padding-left:16px; background:rgba(224,138,62,.05); border-radius:0 var(--radius-sm) var(--radius-sm) 0; padding-top:18px; padding-bottom:18px; padding-right:16px; }

/* ---------- buttons ---------- */
.lis-btn-gold .elementor-button{ background:var(--gold-grad) !important; color:#1a0e04 !important; border-radius:100px !important; font-weight:800 !important; padding:17px 30px !important; border:none !important; box-shadow:0 10px 30px -8px rgba(224,138,62,.55); transition:transform .3s var(--ease), filter .3s; }
.lis-btn-gold .elementor-button:hover{ transform:translateY(-2px); filter:brightness(1.08); }
.lis-btn-ghost .elementor-button{ background:transparent !important; color:var(--text) !important; border:1px solid var(--line-strong) !important; border-radius:100px !important; font-weight:700 !important; padding:16px 28px !important; }
.lis-btn-ghost .elementor-button:hover{ border-color:var(--gold-2) !important; color:var(--gold-1) !important; }

/* ---------- NAV / HEADER ---------- */
.lis-header{ position:relative; z-index:200; background:rgba(0,9,21,.7); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.lis-header-inner{ display:flex; align-items:center; justify-content:space-between; max-width:1180px; margin:0 auto; padding:16px 32px; }
.lis-logo img{ height:32px; width:auto; }
.lis-nav-links .elementor-icon-list-items{ display:flex; flex-direction:row; gap:30px; list-style:none; }
.lis-nav-links .elementor-icon-list-item a{ color:var(--text-dim); font-family:var(--sans); font-size:13.5px; font-weight:600; text-decoration:none; }
.lis-nav-links .elementor-icon-list-item a:hover{ color:var(--gold-1); }
.lis-nav-links .elementor-icon-list-icon{ display:none; }

/* ---------- HERO ---------- */
.lis-hero{ position:relative; background:var(--bg); padding:70px 0 90px; overflow:hidden; }
.lis-hero::before{ content:''; position:absolute; inset:0; z-index:0; background:radial-gradient(ellipse 65% 60% at 78% 42%, rgba(224,138,62,.16), transparent 65%); pointer-events:none; }
.lis-hero-content{ position:relative; z-index:2; }
.lis-hero-tagline .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-size:clamp(1.1rem,2vw,1.4rem) !important; font-weight:500 !important; color:var(--text) !important; border-left:2px solid var(--gold-2); padding-left:16px; }
.lis-hero-name .elementor-heading-title{ font-family:var(--sans) !important; font-weight:800 !important; letter-spacing:.09em; text-transform:uppercase; font-size:13px !important; color:var(--text-dim) !important; }
.lis-hero-title .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-weight:500 !important; font-size:clamp(2.4rem,6vw,4.2rem) !important; line-height:1; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.lis-chip .elementor-icon-list-items{ display:flex; flex-wrap:wrap; gap:10px; list-style:none; }
.lis-chip .elementor-icon-list-item{ padding:9px 15px; border:1px solid var(--line-strong); border-radius:100px; font-size:12.5px; font-weight:700; background:rgba(255,255,255,.03); color:var(--text-dim); }
.lis-chip .elementor-icon-list-icon{ display:none; }
.lis-hero-visual{ position:relative; z-index:1; }
.lis-hero-photo img{ filter:drop-shadow(0 35px 60px rgba(0,0,0,.55)); }

/* ---------- STATS ---------- */
.lis-stats{ padding:64px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg-alt); }
.lis-stat .elementor-counter-number-wrapper{ justify-content:center; }
.lis-stat .elementor-counter-number,
.lis-stat .elementor-counter-number *{ font-family:var(--serif) !important; font-size:clamp(1.7rem,3vw,2.3rem) !important; font-weight:500 !important; color:var(--gold-1) !important; }
.lis-stat .elementor-counter-title{ font-size:12.5px !important; color:var(--text-dim) !important; margin-top:8px !important; max-width:170px; margin-inline:auto; }
.lis-stat{ text-align:center; border-left:1px solid var(--line); }

/* ---------- STORY ---------- */
.lis-story-photo{ border-radius:var(--radius); overflow:hidden; box-shadow:0 40px 80px -30px rgba(0,0,0,.7); }
.lis-story-photo img{ border-radius:var(--radius); }
.lis-story-cap .elementor-heading-title{ font-size:11.5px !important; color:var(--text-dim) !important; font-family:var(--sans) !important; font-style:normal !important; margin-top:10px; }

/* ---------- PAIN CARDS ---------- */
.lis-pain-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-sm); transition:border-color .3s, transform .3s; }
.lis-pain-card:hover{ border-color:rgba(225,92,66,.4); transform:translateY(-3px); }
.lis-pain-card .elementor-icon-list-icon{ color:var(--flag) !important; background:rgba(225,92,66,.12); border-radius:50%; width:26px; height:26px; display:flex; align-items:center; justify-content:center; }
.lis-pain-card .elementor-icon-list-text{ color:var(--text) !important; font-size:15px; }
.lis-pain-close .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; color:var(--gold-1) !important; font-size:1.2rem !important; text-align:center; }

/* ---------- FEAR / BELIEF ---------- */
.lis-fear-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); }
.lis-fear-card .elementor-heading-title{ font-family:var(--sans) !important; font-size:14px !important; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-1) !important; }
.lis-fear-card .elementor-icon-list-item{ border-top:1px solid var(--line); color:var(--text-dim); font-size:14.5px; }
.lis-fear-card .elementor-icon-list-item:first-child{ border-top:none; }
.lis-fear-card .elementor-icon-list-icon{ display:none; }

/* ---------- PILLARS (V.I.A.) ---------- */
.lis-pillar{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); }
.lis-pillar-letter .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-size:2.1rem !important; font-weight:500 !important; color:var(--gold-1) !important; }
.lis-pillar-title .elementor-heading-title{ font-family:var(--sans) !important; font-size:16px !important; }

/* ---------- TIMELINE (metodo) ---------- */
.lis-tl-num .elementor-heading-title{ font-family:var(--serif) !important; font-weight:600 !important; font-size:15px !important; color:var(--gold-1) !important; }
.lis-tl-num{ width:58px; height:58px; min-width:58px; border-radius:50%; background:var(--bg-panel-2); border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; }
.lis-tl-week .elementor-heading-title{ font-size:11px !important; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-2) !important; font-weight:800 !important; }
.lis-tl-title .elementor-heading-title{ font-family:var(--sans) !important; font-weight:800 !important; font-size:16.5px !important; color:var(--text) !important; }
.lis-tl-row{ border-left:1px solid rgba(224,138,62,.35); }

/* ---------- TRANSFORM before/after ---------- */
.lis-transform-before{ background:var(--bg-panel); }
.lis-transform-after{ background:linear-gradient(160deg, rgba(224,138,62,.1), rgba(224,138,62,.02)); border-left:1px solid var(--line); }
.lis-transform-before .elementor-icon-list-item,
.lis-transform-after .elementor-icon-list-item{ border-top:1px solid var(--line); font-size:14.5px; }
.lis-transform-before .elementor-icon-list-item{ color:var(--text-dim); }
.lis-transform-after .elementor-icon-list-item{ color:var(--text); }
.lis-transform-before .elementor-icon-list-icon,
.lis-transform-after .elementor-icon-list-icon{ display:none; }
.lis-promise-box{ text-align:center; border-radius:var(--radius); background:var(--bg-panel); border:1px solid rgba(224,138,62,.3); }
.lis-promise-box .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-size:clamp(1.1rem,2vw,1.4rem) !important; color:var(--text) !important; }

/* ---------- DELIVERABLES / BONUS ---------- */
.lis-deliv-item{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-sm); }
.lis-deliv-item .elementor-icon-list-icon{ color:#1a0e04 !important; background:var(--gold-grad); border-radius:50%; width:22px; height:22px; display:flex; align-items:center; justify-content:center; }
.lis-deliv-item .elementor-icon-list-text{ color:var(--text) !important; font-size:14px; }
.lis-bonus-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); }
.lis-bonus-num .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-size:13px !important; color:var(--gold-2) !important; }
.lis-bonus-title .elementor-heading-title{ font-size:14.5px !important; }
.lis-value-strip{ border-radius:var(--radius); border:1px dashed rgba(224,138,62,.4); background:rgba(224,138,62,.05); text-align:center; }
.lis-value-strip p{ color:var(--text) !important; font-size:15px; }
.lis-value-strip b{ color:var(--gold-1); }

/* ---------- PROOF / PRESS ---------- */
.lis-press-row .elementor-icon-list-items{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px 34px; list-style:none; }
.lis-press-row .elementor-icon-list-text{ font-family:var(--sans) !important; font-weight:800; letter-spacing:.05em; font-size:14px; color:var(--text-dim2) !important; text-transform:uppercase; }
.lis-press-row .elementor-icon-list-icon{ display:none; }
.lis-proof-photo{ border-radius:var(--radius); overflow:hidden; }
.lis-proof-photo img{ border-radius:var(--radius); }
.lis-proof-tag .elementor-heading-title{ font-size:11.5px !important; font-weight:700 !important; background:rgba(0,9,21,.7); padding:8px 14px; border-radius:100px; border:1px solid var(--line-strong); display:inline-block; color:var(--text) !important; }

/* ---------- QUALIFICATION ---------- */
.lis-qual-yes{ background:linear-gradient(160deg, rgba(224,138,62,.09), rgba(224,138,62,.01)); border:1px solid var(--line); border-radius:var(--radius); }
.lis-qual-no{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); }
.lis-qual-yes .elementor-heading-title{ color:var(--gold-1) !important; font-family:var(--sans) !important; font-size:14px !important; letter-spacing:.06em; text-transform:uppercase; }
.lis-qual-no .elementor-heading-title{ color:var(--text-dim2) !important; font-family:var(--sans) !important; font-size:14px !important; letter-spacing:.06em; text-transform:uppercase; }
.lis-qual-yes .elementor-icon-list-item,
.lis-qual-no .elementor-icon-list-item{ border-top:1px solid var(--line); font-size:14.5px; color:var(--text-dim); }
.lis-qual-yes .elementor-icon-list-item:first-child,
.lis-qual-no .elementor-icon-list-item:first-child{ border-top:none; }
.lis-qual-yes .elementor-icon-list-icon{ color:var(--gold-1) !important; }
.lis-qual-no .elementor-icon-list-icon{ color:var(--text-dim2) !important; }

/* ---------- OFFER (price-table) ---------- */
.lis-offer{ background:var(--bg-alt); }
.lis-offer-card{ border-radius:24px; background:linear-gradient(165deg, var(--bg-panel-2), var(--bg-panel)); border:1px solid rgba(224,138,62,.35); }
.lis-offer-card .elementor-price-table{ background:transparent; }
.lis-offer-card .elementor-price-table__header{ background:transparent; }
.lis-offer-card .elementor-price-table__heading{ font-family:var(--serif) !important; color:var(--text) !important; font-weight:500; }
.lis-offer-card .elementor-price-table__subheading{ color:var(--gold-1) !important; letter-spacing:.1em; text-transform:uppercase; font-size:11px !important; font-weight:800; }
.lis-offer-card .elementor-price-table__price{ color:var(--text) !important; font-family:var(--serif) !important; }
.lis-offer-card .elementor-price-table__original-price{ color:var(--text-dim2) !important; }
.lis-offer-card .elementor-price-table__period{ color:var(--text-dim) !important; }
.lis-offer-card .elementor-price-table__features-list{ color:var(--text-dim) !important; }
.lis-offer-card .elementor-price-table__feature-inner{ color:var(--text-dim) !important; }
.lis-offer-card .elementor-price-table__footer{ background:transparent; }
.lis-offer-card .elementor-price-table__button{ background:var(--gold-grad) !important; color:#1a0e04 !important; border-radius:100px !important; font-weight:800 !important; }
.lis-scarcity .elementor-progress-wrapper{ background:rgba(255,255,255,.08) !important; border-radius:100px !important; height:8px !important; overflow:hidden; }
.lis-scarcity .elementor-progress-bar{ background:var(--gold-grad) !important; border-radius:100px !important; }
.lis-scarcity .elementor-progress-text{ display:none; }
.lis-scarcity .elementor-title{ color:var(--text-dim) !important; font-size:12px !important; font-weight:700; }

/* ---------- GUARANTEE ---------- */
.lis-seal{ width:150px; height:150px; border-radius:50%; border:2px dashed rgba(224,138,62,.5); display:flex; align-items:center; justify-content:center; }
.lis-seal .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; font-size:2rem !important; color:var(--gold-1) !important; }

/* ---------- ACCORDION (objections + faq) ---------- */
.lis-accordion .elementor-accordion-item{ border-top:1px solid var(--line) !important; border-bottom:none !important; border-left:none !important; border-right:none !important; }
.lis-accordion .elementor-accordion-item:last-child{ border-bottom:1px solid var(--line) !important; }
.lis-accordion .elementor-tab-title{ font-family:var(--serif) !important; font-size:16.5px !important; font-weight:500 !important; color:var(--text) !important; background:transparent !important; padding:22px 4px !important; }
.lis-accordion .elementor-tab-title:hover{ color:var(--gold-1) !important; }
.lis-accordion .elementor-tab-content{ color:var(--text-dim) !important; font-size:14.5px !important; line-height:1.75 !important; background:transparent !important; border:none !important; padding:0 4px 26px !important; }
.lis-accordion .elementor-accordion-icon{ color:var(--gold-2) !important; }

/* ---------- FINAL CTA ---------- */
.lis-final{ position:relative; overflow:hidden; }
.lis-final-bg img{ filter:grayscale(.15); }
.lis-final-overlay{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,9,21,.75), rgba(0,9,21,.94) 60%, #000915 100%), radial-gradient(ellipse at 50% 20%, rgba(224,138,62,.18), transparent 60%); pointer-events:none; }
.lis-final-content{ position:relative; z-index:2; }
.lis-final-content .elementor-heading-title{ font-family:var(--serif) !important; font-style:italic; }

/* ---------- STICKY BAR ---------- */
.lis-sticky-bar{ background:rgba(5,12,28,.92) !important; backdrop-filter:blur(14px); border-top:1px solid var(--line-strong) !important; max-height:76px; overflow:hidden; }
.lis-sticky-bar .elementor-container,
.lis-sticky-bar .e-con-inner{ padding:0 !important; }
.lis-sticky-thumb{ width:44px !important; max-width:44px !important; flex:none !important; }
.lis-sticky-thumb .elementor-widget-container,
.lis-sticky-thumb img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:cover !important; border-radius:50%; border:2px solid var(--gold-2); display:block; }

/* ---------- FOOTER ---------- */
.lis-footer{ border-top:1px solid var(--line); padding:50px 0; }
.lis-footer .elementor-icon-list-items{ display:flex; gap:18px; list-style:none; }
.lis-footer .elementor-icon-list-item a{ color:var(--text-dim); font-size:13px; }
.lis-footer .elementor-icon-list-icon{ display:none; }
.lis-footer-legal .elementor-heading-title{ font-size:12px !important; color:var(--text-dim2) !important; font-family:var(--sans) !important; font-style:normal !important; }

/* ---------- LAYOUT GRIDS (containers only carry the class; grid/flex lives here) ---------- */
.lis-header-inner{ display:flex; align-items:center; justify-content:space-between; }
.lis-hero-inner{ display:grid; grid-template-columns:1.05fr .95fr; gap:30px; align-items:center; }
.lis-hero-content-col{ display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.lis-hero-chips-row{ }
.lis-hero-cta-row{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:12px; }
.lis-hero-visual{ display:flex; align-items:flex-end; justify-content:center; }
.lis-story-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.lis-story-text-col{ display:flex; flex-direction:column; align-items:flex-start; }
.lis-pain-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.lis-pain-card{ display:flex; gap:16px; align-items:flex-start; padding:22px 24px; }
.lis-fear-cols{ display:grid; grid-template-columns:1fr 1fr; gap:26px; max-width:900px; margin:0 auto; }
.lis-fear-card{ padding:30px; }
.lis-pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:20px; }
.lis-pillar{ padding:30px 26px; display:flex; flex-direction:column; align-items:flex-start; }
.lis-tl-row{ display:flex; gap:26px; align-items:flex-start; padding:0 0 38px 0; }
.lis-transform-grid{ display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.lis-transform-before,.lis-transform-after{ padding:40px 38px; display:flex; flex-direction:column; align-items:flex-start; }
.lis-deliv-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.lis-deliv-item{ display:flex; gap:12px; align-items:center; padding:14px 18px; }
.lis-bonus-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lis-bonus-card{ padding:24px 20px; display:flex; flex-direction:column; align-items:flex-start; }
.lis-proof-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:20px; }
.lis-proof-side{ display:flex; flex-direction:column; gap:20px; }
.lis-qual-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.lis-qual-yes,.lis-qual-no{ padding:34px 30px; display:flex; flex-direction:column; align-items:flex-start; }
.lis-offer-card{ max-width:760px; margin:0 auto; padding:54px 50px; display:flex; flex-direction:column; align-items:center; }
.lis-guarantee-inner{ display:flex; align-items:center; gap:50px; max-width:820px; margin:0 auto; }
.lis-guarantee-text{ display:flex; flex-direction:column; align-items:flex-start; }
.lis-footer-inner{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:30px; max-width:1180px; margin:0 auto; padding:0 32px; }
.lis-final-content{ display:flex; flex-direction:column; align-items:center; text-align:center; max-width:720px; margin:0 auto; }
.lis-sticky-inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1180px; margin:0 auto; padding:14px 32px; }
.lis-sticky-left{ display:flex; align-items:center; gap:14px; }

/* ---------- responsive ---------- */
@media(max-width:900px){
  .lis-nav-links{ display:none !important; }
  .lis-hero-inner{ grid-template-columns:1fr; }
  .lis-hero-visual{ max-width:300px; margin:0 auto; order:-1; }
  .lis-story-grid{ grid-template-columns:1fr; gap:40px; }
  .lis-pain-grid{ grid-template-columns:1fr; }
  .lis-fear-cols{ grid-template-columns:1fr; }
  .lis-pillars{ grid-template-columns:1fr; }
  .lis-transform-grid{ grid-template-columns:1fr; }
  .lis-deliv-grid{ grid-template-columns:1fr; }
  .lis-bonus-grid{ grid-template-columns:repeat(2,1fr); }
  .lis-proof-grid{ grid-template-columns:1fr; }
  .lis-qual-grid{ grid-template-columns:1fr; }
  .lis-guarantee-inner{ flex-direction:column; text-align:center; }
}
@media(max-width:520px){
  .lis-bonus-grid{ grid-template-columns:1fr; }
}