/* ZINTEGO_MASTER_SECTIONS_CSS_V2
   Governance: ZINTEGO_VISUAL_SYSTEM_RULES.md
   Shared master styling layer for approved Zintego page sections.

   Used by:
   - index.html homepage post-hero mirrored sections
   - invoice-generator/index.html shared post-hero sections

   This file is now the source of truth for the approved shared section system.
   It intentionally preserves the approved invoice-generator section CSS behavior
   from the visually accepted package to avoid sizing drift.
*/

/* =========================================================
   Zintego Invoice Generator — fresh rebuild
   Scope: /invoice-generator/
   Hero uses locked global .z-simple-hero direction.
   ========================================================= */

.invoice-generator-v3 .invoice-page__icons{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.invoice-generator-v3 .invoice-page{
  padding:44px 0;
  background:#fff;
  color:var(--z-navy);
}

.invoice-generator-v3 .invoice-page__section-title{
  text-align:center;
  margin:0 auto 28px;
}

.invoice-generator-v3 .invoice-page__section-title h2{
  margin:0 0 10px;
  font-size:clamp(32px,3vw,48px);
  line-height:1.08;
  letter-spacing:-.055em;
  color:var(--z-navy);
}

.invoice-generator-v3 .invoice-page__section-title p{
  margin:0 auto;
  max-width:720px;
  color:var(--z-muted);
  font-size:18px;
  line-height:1.55;
}

/* SVG icon system */

.invoice-generator-v3 .invoice-page__icon{
  width:34px;
  height:34px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.invoice-generator-v3 .invoice-page__icon-tile,
.invoice-generator-v3 .invoice-page__step-icon,
.invoice-generator-v3 .invoice-page__industry-icon,
.invoice-generator-v3 .invoice-page__shortcut-icon{
  display:grid;
  place-items:center;
  color:#fff;
  position:relative;
  box-shadow:0 16px 34px rgba(32,78,141,.12), inset 0 1px 0 rgba(255,255,255,.35);
}

.invoice-generator-v3 .invoice-page__icon-tile{
  width:66px;
  height:66px;
  border-radius:18px;
  margin:0 0 18px;
}

.invoice-generator-v3 .invoice-page__step-icon{
  width:82px;
  height:82px;
  border-radius:50%;
  margin:26px auto 20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 18px 38px rgba(32,78,141,.10);
}

.invoice-generator-v3 .invoice-page__step-icon .invoice-page__icon,
.invoice-generator-v3 .invoice-page__industry-icon .invoice-page__icon{
  width:38px;
  height:38px;
}

.invoice-generator-v3 .invoice-page__industry-icon{
  width:78px;
  height:78px;
  border-radius:22px;
  margin:0 auto 18px;
}

.invoice-generator-v3 .invoice-page__shortcut-icon{
  width:64px;
  height:64px;
  border-radius:18px;
}

.invoice-generator-v3 .invoice-page__icon-tile--blue,
.invoice-generator-v3 .invoice-page__industry-icon--blue,
.invoice-generator-v3 .invoice-page__shortcut-icon--blue{background:linear-gradient(135deg,#0b67ff,#4f8bff);}
.invoice-generator-v3 .invoice-page__icon-tile--green,
.invoice-generator-v3 .invoice-page__industry-icon--green,
.invoice-generator-v3 .invoice-page__shortcut-icon--green{background:linear-gradient(135deg,#17b978,#58d99a);}
.invoice-generator-v3 .invoice-page__icon-tile--purple,
.invoice-generator-v3 .invoice-page__industry-icon--purple,
.invoice-generator-v3 .invoice-page__shortcut-icon--purple{background:linear-gradient(135deg,#7437e8,#a78bfa);}
.invoice-generator-v3 .invoice-page__icon-tile--orange,
.invoice-generator-v3 .invoice-page__industry-icon--orange,
.invoice-generator-v3 .invoice-page__shortcut-icon--orange{background:linear-gradient(135deg,#ff7a00,#ffb35c);}
.invoice-generator-v3 .invoice-page__icon-tile--pink,
.invoice-generator-v3 .invoice-page__industry-icon--pink,
.invoice-generator-v3 .invoice-page__shortcut-icon--pink{background:linear-gradient(135deg,#f43f5e,#fb7185);}
.invoice-generator-v3 .invoice-page__icon-tile--teal,
.invoice-generator-v3 .invoice-page__industry-icon--teal,
.invoice-generator-v3 .invoice-page__shortcut-icon--teal{background:linear-gradient(135deg,#08a9b8,#2dd4bf);}
.invoice-generator-v3 .invoice-page__industry-icon--yellow,
.invoice-generator-v3 .invoice-page__shortcut-icon--yellow{background:linear-gradient(135deg,#f59e0b,#facc15);}

.invoice-generator-v3 .invoice-page__step-icon--blue{background:#edf5ff;color:#0b63f6;}
.invoice-generator-v3 .invoice-page__step-icon--green{background:#eafaf1;color:#17b978;}
.invoice-generator-v3 .invoice-page__step-icon--purple{background:#f1ebff;color:#7437e8;}
.invoice-generator-v3 .invoice-page__step-icon--orange{background:#fff2e4;color:#ff7a00;}


/* Premium PNG icon integration */

.invoice-generator-v3 .invoice-page__premium-icon{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.invoice-generator-v3 .invoice-page__premium-icon--benefit{
  width:72px;
  height:72px;
  margin:0 0 18px;
}

.invoice-generator-v3 .invoice-page__premium-icon--step{
  width:96px;
  height:96px;
  margin:26px auto 20px;
}

.invoice-generator-v3 .invoice-page__premium-icon--industry{
  width:86px;
  height:86px;
  margin:0 auto 18px;
}

.invoice-generator-v3 .invoice-page__premium-icon--shortcut{
  width:64px;
  height:64px;
  justify-self:start;
}

/* Benefits */

.invoice-generator-v3 .invoice-page--benefits{
  padding-top:38px;
}

.invoice-generator-v3 .invoice-page__benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.invoice-generator-v3 .invoice-page__benefit-card{
  min-height:205px;
  padding:28px 30px;
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 16% 12%, rgba(11,99,246,.035), transparent 28%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.065);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__benefit-card:hover{
  transform:translateY(-3px);
  border-color:#bdd3f7;
  box-shadow:0 26px 66px rgba(32,78,141,.105);
}

.invoice-generator-v3 .invoice-page__benefit-card h3{
  margin:0 0 10px;
  font-size:21px;
  line-height:1.14;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__benefit-card p{
  margin:0;
  color:var(--z-muted);
  font-size:15.5px;
  line-height:1.58;
  max-width:390px;
}

/* Steps */

.invoice-generator-v3 .invoice-page--steps{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  position:relative;
}

.invoice-generator-v3 .invoice-page__step-card{
  min-height:250px;
  padding:34px 26px 28px;
  text-align:center;
  position:relative;
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 50% 16%, rgba(11,99,246,.04), transparent 30%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.06);
}

.invoice-generator-v3 .invoice-page__step-card:after{
  content:"";
  position:absolute;
  top:49%;
  right:-32px;
  width:34px;
  border-top:3px dotted #8db7ff;
  opacity:.85;
}

.invoice-generator-v3 .invoice-page__step-card:last-child:after{
  display:none;
}

.invoice-generator-v3 .invoice-page__step-number{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  font-size:17px;
  box-shadow:0 12px 28px rgba(11,99,246,.18);
}

.invoice-generator-v3 .invoice-page__step-number--blue{background:#0b63f6;}
.invoice-generator-v3 .invoice-page__step-number--green{background:#17b978;}
.invoice-generator-v3 .invoice-page__step-number--purple{background:#7437e8;}
.invoice-generator-v3 .invoice-page__step-number--orange{background:#ff7a00;}

.invoice-generator-v3 .invoice-page__step-card h3{
  margin:0 0 10px;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__step-card p{
  margin:0 auto;
  max-width:260px;
  color:var(--z-muted);
  font-size:15px;
  line-height:1.55;
}

/* Template previews: HTML/CSS mini invoices */

.invoice-generator-v3 .invoice-page--templates{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__template-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.invoice-generator-v3 .invoice-page__template-card{
  text-align:center;
}

.invoice-generator-v3 .invoice-page__template{
  height:280px;
  border:1px solid #dce8f8;
  border-radius:20px;
  background:#fff;
  padding:28px;
  box-shadow:0 18px 48px rgba(32,78,141,.08);
  display:flex;
  flex-direction:column;
  gap:13px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__template-card:hover .invoice-page__template{
  transform:translateY(-4px);
  border-color:#bdd3f7;
  box-shadow:0 28px 72px rgba(32,78,141,.13);
}

.invoice-generator-v3 .invoice-page__template-bar{
  height:8px;
  border-radius:999px;
  background:#dbe8fb;
}

.invoice-generator-v3 .invoice-page__template-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  text-align:left;
}

.invoice-generator-v3 .invoice-page__template-head strong{
  font-size:22px;
  letter-spacing:-.04em;
}

.invoice-generator-v3 .invoice-page__template-head span{
  color:#536581;
  font-size:14px;
}

.invoice-generator-v3 .invoice-page__template-lines{
  display:grid;
  gap:8px;
}

.invoice-generator-v3 .invoice-page__template-lines i,
.invoice-generator-v3 .invoice-page__template-table b{
  display:block;
  height:10px;
  border-radius:999px;
  background:#edf3fb;
}

.invoice-generator-v3 .invoice-page__template-lines i:nth-child(2){width:84%;}
.invoice-generator-v3 .invoice-page__template-lines i:nth-child(3){width:68%;}

.invoice-generator-v3 .invoice-page__template-table{
  margin-top:8px;
  display:grid;
  grid-template-columns:1.4fr .6fr .8fr;
  gap:10px 12px;
}

.invoice-generator-v3 .invoice-page__template-total{
  margin-top:auto;
  text-align:right;
  color:#0b63f6;
  font-size:20px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__template-card h3{
  margin:16px 0 0;
  color:#536581;
  font-size:18px;
  font-weight:800;
}

.invoice-generator-v3 .invoice-page__template--blue .invoice-page__template-bar{background:#0b63f6;}
.invoice-generator-v3 .invoice-page__template--green .invoice-page__template-bar{background:#16a56f;}
.invoice-generator-v3 .invoice-page__template--elegant{background:#fffaf0;}
.invoice-generator-v3 .invoice-page__template--elegant .invoice-page__template-bar{background:#d6b074;}
.invoice-generator-v3 .invoice-page__template--creative .invoice-page__template-bar{background:#7c3aed;}
.invoice-generator-v3 .invoice-page__template--dark{background:#101828;color:#fff;}
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-lines i,
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-table b{background:#344054;}
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-head span{color:#98a2b3;}

/* Industries */

.invoice-generator-v3 .invoice-page--industries{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__industry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.invoice-generator-v3 .invoice-page__industry-card{
  min-height:230px;
  padding:32px 28px;
  text-align:center;
  text-decoration:none;
  color:var(--z-navy);
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 50% 15%, rgba(11,99,246,.035), transparent 32%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.065);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__industry-card:hover{
  transform:translateY(-3px);
  border-color:#bdd3f7;
  box-shadow:0 28px 68px rgba(32,78,141,.12);
}

.invoice-generator-v3 .invoice-page__industry-card strong{
  display:block;
  margin:0 0 10px;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.invoice-generator-v3 .invoice-page__industry-card small{
  display:block;
  max-width:340px;
  margin:0 auto;
  color:var(--z-muted);
  font-size:15px;
  line-height:1.55;
}

/* Shortcuts */

.invoice-generator-v3 .invoice-page--shortcuts{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__shortcut-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.invoice-generator-v3 .invoice-page__shortcut-card{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 28px;
  gap:18px;
  align-items:center;
  min-height:128px;
  padding:22px 24px;
  text-decoration:none;
  color:var(--z-navy);
  border:1px solid #dce8f8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(32,78,141,.055);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__shortcut-card:hover{
  transform:translateY(-2px);
  border-color:#bdd3f7;
  box-shadow:0 24px 58px rgba(32,78,141,.10);
}

.invoice-generator-v3 .invoice-page__shortcut-card strong{
  display:block;
  margin:0 0 6px;
  font-size:19px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__shortcut-card small{
  display:block;
  color:var(--z-muted);
  font-size:14px;
  line-height:1.45;
}

.invoice-generator-v3 .invoice-page__shortcut-card b{
  color:#0b63f6;
  font-size:20px;
}

/* CTA */

.invoice-generator-v3 .invoice-page--cta{
  padding:54px 0 72px;
}

.invoice-generator-v3 .invoice-page__cta{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 270px 320px;
  gap:36px;
  align-items:center;
  border-radius:28px;
  padding:42px 52px;
  color:#fff;
  background:
    radial-gradient(circle at 62% 35%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(90deg,#0b63f6 0%,#345ef4 52%,#7a3cff 100%);
  box-shadow:0 24px 64px rgba(41,78,171,.22);
  overflow:hidden;
}

.invoice-generator-v3 .invoice-page__cta h2{
  margin:0 0 14px;
  font-size:clamp(34px,3vw,46px);
  line-height:1.06;
  letter-spacing:-.055em;
}

.invoice-generator-v3 .invoice-page__cta p{
  margin:0 0 22px;
  color:rgba(255,255,255,.92);
  font-size:18px;
  line-height:1.55;
}

.invoice-generator-v3 .invoice-page__checks{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.invoice-generator-v3 .invoice-page__checks span{
  font-size:15px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__cta-visual{
  position:relative;
  min-height:160px;
}

.invoice-generator-v3 .invoice-page__mini-invoice{
  position:absolute;
  left:18px;
  top:10px;
  width:160px;
  height:150px;
  border-radius:20px;
  background:#fff;
  color:var(--z-navy);
  padding:20px;
  transform:rotate(-5deg);
  box-shadow:0 22px 44px rgba(8,20,60,.22);
}

.invoice-generator-v3 .invoice-page__mini-invoice strong{
  display:block;
  margin-bottom:28px;
  font-size:18px;
}

.invoice-generator-v3 .invoice-page__mini-invoice span{
  display:block;
  margin-bottom:14px;
  color:#0b63f6;
  font-size:22px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__mini-invoice i{
  display:block;
  height:8px;
  margin-top:8px;
  border-radius:999px;
  background:#edf3fb;
}

.invoice-generator-v3 .invoice-page__paid-chip{
  position:absolute;
  right:10px;
  bottom:20px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  background:#19bd75;
  font-weight:900;
  box-shadow:0 16px 34px rgba(25,189,117,.24);
}

.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid;
  gap:14px;
}

.invoice-generator-v3 .invoice-page__cta-actions .btn{
  justify-content:center;
}

.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  background:rgba(255,255,255,.08);
}

/* Responsive */

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__benefit-grid,
  .invoice-generator-v3 .invoice-page__template-grid,
  .invoice-generator-v3 .invoice-page__industry-grid,
  .invoice-generator-v3 .invoice-page__shortcut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .invoice-generator-v3 .invoice-page__step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .invoice-generator-v3 .invoice-page__step-card:after{
    display:none;
  }
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page{
    padding:34px 0;
  }
  .invoice-generator-v3 .invoice-page__benefit-grid,
  .invoice-generator-v3 .invoice-page__template-grid,
  .invoice-generator-v3 .invoice-page__industry-grid,
  .invoice-generator-v3 .invoice-page__shortcut-grid,
  .invoice-generator-v3 .invoice-page__step-grid{
    grid-template-columns:1fr;
  }
  .invoice-generator-v3 .invoice-page__template{
    height:245px;
  }
  .invoice-generator-v3 .invoice-page__shortcut-card{
    grid-template-columns:64px minmax(0,1fr);
  }
  .invoice-generator-v3 .invoice-page__shortcut-card b{
    display:none;
  }
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none;
  }
}



/* CTA visual integration: live text/buttons with extracted visual asset */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.75fr) minmax(280px,.55fr) !important;
  gap:34px !important;
  align-items:center !important;
  position:relative !important;
  min-height:300px !important;
  border-radius:28px !important;
  padding:42px 52px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 56% 34%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(90deg,#0b63f6 0%,#345ef4 52%,#7a3cff 100%) !important;
  box-shadow:0 24px 64px rgba(41,78,171,.22) !important;
  overflow:hidden !important;
}
.invoice-generator-v3 .invoice-page__cta:before{
  content:"" !important;
  position:absolute !important;
  inset:auto auto -42px 16% !important;
  width:360px !important;
  height:180px !important;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%) !important;
  pointer-events:none !important;
}
.invoice-generator-v3 .invoice-page__cta-copy,
.invoice-generator-v3 .invoice-page__cta-actions,
.invoice-generator-v3 .invoice-page__cta-visual{
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__cta-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:220px !important;
}
.invoice-generator-v3 .invoice-page__cta-image{
  display:block !important;
  width:min(100%,430px) !important;
  max-height:300px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 26px 46px rgba(8,20,60,.28)) !important;
  transform:translateY(2px) rotate(-1deg) !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:18px !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn:hover{
  background:rgba(255,255,255,.14) !important;
}
.invoice-generator-v3 .invoice-page__mini-invoice,
.invoice-generator-v3 .invoice-page__paid-chip{
  display:none !important;
}
@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    order:2 !important;
    min-height:180px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    order:3 !important;
    max-width:420px !important;
  }
}
@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none !important;
  }
}



/* Final CTA fix: controlled HTML/CSS mini invoice visual, no pasted image asset */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(220px,.62fr) minmax(280px,.58fr) !important;
  gap:34px !important;
  align-items:center !important;
  min-height:292px !important;
  padding:42px 52px !important;
  background:
    radial-gradient(circle at 54% 36%, rgba(255,255,255,.13), transparent 27%),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(90deg,#0b63f6 0%,#365bf4 52%,#7737f5 100%) !important;
}
.invoice-generator-v3 .invoice-page__cta-image,
.invoice-generator-v3 .invoice-page__cta-visual > img{
  display:none !important;
}
.invoice-generator-v3 .invoice-page__cta-visual{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:220px !important;
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__css-visual{
  position:relative !important;
  width:270px !important;
  height:220px !important;
}
.invoice-generator-v3 .invoice-page__visual-invoice{
  position:absolute !important;
  inset:18px 42px 18px 26px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
  color:#071632 !important;
  padding:20px !important;
  transform:rotate(-5deg) !important;
  box-shadow:0 26px 52px rgba(7,22,50,.24) !important;
  border:1px solid rgba(255,255,255,.85) !important;
}
.invoice-generator-v3 .invoice-page__visual-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-top strong{
  font-size:18px !important;
  letter-spacing:-.04em !important;
}
.invoice-generator-v3 .invoice-page__visual-top span{
  font-size:10px !important;
  color:#536581 !important;
  font-weight:800 !important;
}
.invoice-generator-v3 .invoice-page__visual-client{
  display:grid !important;
  gap:7px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-client i,
.invoice-generator-v3 .invoice-page__visual-lines b{
  display:block !important;
  height:8px !important;
  border-radius:999px !important;
  background:#e8f0fb !important;
}
.invoice-generator-v3 .invoice-page__visual-client i:first-child{
  width:74% !important;
}
.invoice-generator-v3 .invoice-page__visual-client i:last-child{
  width:54% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines{
  display:grid !important;
  gap:8px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(1){
  width:92% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(2){
  width:82% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(3){
  width:68% !important;
}
.invoice-generator-v3 .invoice-page__visual-total{
  margin-top:auto !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:14px !important;
}
.invoice-generator-v3 .invoice-page__visual-total small{
  color:#536581 !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.invoice-generator-v3 .invoice-page__visual-total strong{
  color:#0b63f6 !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.invoice-generator-v3 .invoice-page__visual-paid{
  position:absolute !important;
  left:0 !important;
  bottom:34px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#0f7a4f !important;
  font-weight:900 !important;
  box-shadow:0 18px 38px rgba(7,22,50,.18) !important;
  border:1px solid rgba(255,255,255,.8) !important;
}
.invoice-generator-v3 .invoice-page__visual-paid::first-letter{
  color:#19bd75 !important;
}
.invoice-generator-v3 .invoice-page__glass-tile{
  position:absolute !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(91,202,255,.18)) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 18px 42px rgba(7,22,50,.16), inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter:blur(8px) !important;
}
.invoice-generator-v3 .invoice-page__glass-tile--one{
  width:58px !important;
  height:58px !important;
  top:20px !important;
  left:12px !important;
  transform:rotate(-18deg) !important;
}
.invoice-generator-v3 .invoice-page__glass-tile--two{
  width:64px !important;
  height:64px !important;
  right:10px !important;
  bottom:18px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(161,96,255,.34)) !important;
  transform:rotate(18deg) !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-size:18px !important;
  font-weight:900 !important;
}
@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    order:2 !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    order:3 !important;
    max-width:420px !important;
  }
}
@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none !important;
  }
}



/* Final CTA cleanup: no visual artwork, clean two-column conversion banner */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
  gap:42px !important;
  align-items:center !important;
  min-height:250px !important;
  padding:46px 56px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.16), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(90deg,#0b63f6 0%,#315df5 54%,#7437f5 100%) !important;
}
.invoice-generator-v3 .invoice-page__cta-visual,
.invoice-generator-v3 .invoice-page__css-visual,
.invoice-generator-v3 .invoice-page__mini-invoice,
.invoice-generator-v3 .invoice-page__paid-chip,
.invoice-generator-v3 .invoice-page__cta-image{
  display:none !important;
}
.invoice-generator-v3 .invoice-page__cta-copy{
  max-width:720px !important;
}
.invoice-generator-v3 .invoice-page__cta h2{
  max-width:560px !important;
}
.invoice-generator-v3 .invoice-page__checks{
  display:grid !important;
  grid-template-columns:repeat(3,max-content) !important;
  gap:16px 24px !important;
  align-items:center !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
  justify-self:stretch !important;
  max-width:360px !important;
  width:100% !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-size:18px !important;
  font-weight:900 !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;
}
@media(max-width:980px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
    padding:36px 28px !important;
  }
  .invoice-generator-v3 .invoice-page__checks{
    grid-template-columns:1fr !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    max-width:none !important;
  }
}



/* Premium icon transparency cleanup safety */
.invoice-generator-v3 .invoice-page__premium-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
.invoice-generator-v3 .invoice-page__benefit-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__step-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__industry-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__shortcut-card .invoice-page__premium-icon{
  background:transparent !important;
}



/* Template Preview Fix Phase A: tight real invoice previews */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:46px !important;
}

.invoice-generator-v3 .invoice-page__template-grid{
  gap:24px !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight{
  height:300px !important;
  border:1px solid #dce8f8 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  padding:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-shadow:0 18px 48px rgba(32,78,141,.08) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.invoice-generator-v3 .invoice-page__template-card:hover .invoice-page__real-template-frame--tight{
  transform:translateY(-4px) !important;
  border-color:#bdd3f7 !important;
  box-shadow:0 28px 72px rgba(32,78,141,.13) !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight picture{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  border-radius:12px !important;
}

.invoice-generator-v3 .invoice-page__template-card h3{
  margin-top:12px !important;
  font-size:18px !important;
}

.invoice-generator-v3 .invoice-page__center-link{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:max-content !important;
  margin:24px auto 0 !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__real-template-frame--tight{ height:315px !important; }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__real-template-frame--tight{
    height:250px !important;
    padding:12px !important;
  }
}


/* Template gallery polish: integrated clickable cards, larger previews, cleaner CTA */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:56px !important;
  padding-bottom:56px !important;
}

.invoice-generator-v3 .invoice-page__template-gallery{
  gap:28px !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid #d8e8ff !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  text-decoration:none !important;
  color:inherit !important;
  text-align:left !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery:hover{
  transform:translateY(-4px) !important;
  border-color:#93c5fd !important;
  box-shadow:0 24px 60px rgba(15,23,42,.12) !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery:hover .invoice-page__real-template-frame--tight{
  transform:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
  height:270px !important;
  min-height:270px !important;
  width:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(219,234,254,.9), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%) !important;
  padding:24px 28px 20px !important;
  box-shadow:none !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight picture{
  width:100% !important;
  height:100% !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:225px !important;
  object-fit:contain !important;
  border-radius:10px !important;
  filter:drop-shadow(0 16px 20px rgba(15,23,42,.16)) !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px 22px 20px !important;
  border-top:1px solid #eef5ff !important;
  background:#fff !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer h3,
.invoice-generator-v3 .invoice-page__template-card--gallery h3{
  margin:0 !important;
  color:#183b67 !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer span{
  color:#2563eb !important;
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.invoice-generator-v3 .invoice-page__templates-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  margin:30px auto 0 !important;
  padding:14px 22px !important;
  border:1px solid #bfdbfe !important;
  border-radius:999px !important;
  background:#0b63f6 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 14px 34px rgba(11,99,246,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.invoice-generator-v3 .invoice-page__templates-cta:hover{
  transform:translateY(-2px) !important;
  background:#084fbf !important;
  box-shadow:0 18px 42px rgba(11,99,246,.28) !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
    height:260px !important;
    min-height:260px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
    max-height:215px !important;
  }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__template-gallery{
    gap:20px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
    height:250px !important;
    min-height:250px !important;
    padding:20px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
    max-height:210px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card-footer{
    padding:16px 18px 18px !important;
  }
}

/* ZG_TEMPLATE_GALLERY_V2 */
.invoice-generator-v3 .zg-template-gallery{
  padding:10px 0 6px;
}
.invoice-generator-v3 .zg-template-gallery__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:34px;
}
.invoice-generator-v3 .zg-template-gallery__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.invoice-generator-v3 .zg-template-gallery__eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}
.invoice-generator-v3 .zg-template-gallery h2{
  max-width:760px;
  margin:0 0 12px;
  color:#021f4f;
  font-size:clamp(2.15rem,4.4vw,4rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:900;
}
.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:650px;
  margin:0;
  color:#496887;
  font-size:clamp(1rem,1.7vw,1.18rem);
  line-height:1.65;
}
.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:50px;
  padding:0 21px;
  color:#fff;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.24);
}
.invoice-generator-v3 .zg-template-gallery__top-cta:hover{ transform:translateY(-2px); box-shadow:0 18px 36px rgba(37,99,235,.30); }
.invoice-generator-v3 .zg-template-gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.invoice-generator-v3 .zg-template-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 14px 36px rgba(15,23,42,.07);
  transition:transform .19s ease, box-shadow .19s ease, border-color .19s ease;
}
.invoice-generator-v3 .zg-template-card:hover{ transform:translateY(-5px); border-color:#bfd6fb; box-shadow:0 22px 56px rgba(15,23,42,.12); }
.invoice-generator-v3 .zg-template-card:focus-visible{ outline:4px solid rgba(37,99,235,.24); outline-offset:4px; }
.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px;
  background:radial-gradient(circle at 50% 12%, rgba(37,99,235,.10), transparent 58%), linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);
}
.invoice-generator-v3 .zg-template-card__frame{
  position:relative;
  aspect-ratio:5 / 6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:18px;
  background:#f8fbff;
  box-shadow:inset 0 0 0 1px rgba(219,234,254,.86), 0 18px 34px rgba(15,23,42,.05);
}
.invoice-generator-v3 .zg-template-card__frame picture{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.invoice-generator-v3 .zg-template-card__frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transition:transform .22s ease;
}
.invoice-generator-v3 .zg-template-card:hover .zg-template-card__frame img{ transform:scale(1.025); }
.invoice-generator-v3 .zg-template-card__body{ display:flex; flex:1; flex-direction:column; padding:20px 22px 22px; }
.invoice-generator-v3 .zg-template-card__title-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:8px; }
.invoice-generator-v3 .zg-template-card h3{ margin:0 !important; color:#07346d; font-size:1.23rem !important; line-height:1.2; letter-spacing:-.018em; font-weight:900; }
.invoice-generator-v3 .zg-template-card__badge{ display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border-radius:999px; color:#1d4ed8; background:#eff6ff; font-size:.75rem; font-weight:850; }
.invoice-generator-v3 .zg-template-card p{ margin:0 0 18px; color:#5d728c; font-size:.98rem; line-height:1.52; }
.invoice-generator-v3 .zg-template-card__actions{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:auto; }
.invoice-generator-v3 .zg-template-card__primary{ min-height:42px; padding:0 15px; color:#1d4ed8; background:#eff6ff; box-shadow:inset 0 0 0 1px rgba(37,99,235,.10); }
.invoice-generator-v3 .zg-template-card:hover .zg-template-card__primary{ background:#dbeafe; }
.invoice-generator-v3 .zg-template-card__secondary{ color:#2563eb; font-size:.94rem; font-weight:850; white-space:nowrap; }
@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{ align-items:flex-start; flex-direction:column; }
  .invoice-generator-v3 .zg-template-gallery__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery__grid{ grid-template-columns:1fr; gap:18px; }
  .invoice-generator-v3 .zg-template-gallery__top-cta{ width:100%; }
  .invoice-generator-v3 .zg-template-card__stage{ padding:16px 16px 10px; }
}

/* ZG_TEMPLATE_GALLERY_VISUAL_POLISH_V3 */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:64px !important;
  padding-bottom:72px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.055), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.invoice-generator-v3 .zg-template-gallery{
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  max-width:1180px !important;
  margin:0 auto 32px !important;
  align-items:center !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:760px !important;
  margin-bottom:10px !important;
  font-size:clamp(2rem,3.8vw,3.35rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:620px !important;
  font-size:1.06rem !important;
  line-height:1.55 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:46px !important;
  padding:0 18px !important;
  font-size:.95rem !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.065) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 48px rgba(15,23,42,.11) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:16px 16px 8px !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(37,99,235,.075), transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:17px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.82),
    0 14px 30px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
}

.invoice-generator-v3 .zg-template-card:hover .zg-template-card__frame img{
  transform:scale(1.022) !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:17px 19px 19px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  margin-bottom:6px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  font-size:1.12rem !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:24px !important;
  padding:0 9px !important;
  font-size:.72rem !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin-bottom:15px !important;
  font-size:.93rem !important;
  line-height:1.45 !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  min-height:38px !important;
  padding:0 13px !important;
  font-size:.9rem !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.9rem !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:52px !important;
    padding-bottom:58px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:24px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2rem,10vw,2.65rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1rem !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }
  .invoice-generator-v3 .zg-template-card__frame img{
    width:90% !important;
    height:90% !important;
    max-width:90% !important;
    max-height:90% !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_GALLERY_TYPOGRAPHY_POLISH_V1
   Typography-only normalization for the invoice-generator template gallery.
*/
.invoice-generator-v3 .zg-template-gallery,
.invoice-generator-v3 .zg-template-gallery *{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.invoice-generator-v3 .zg-template-gallery h2{
  font-size:clamp(2rem,3vw,2.75rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  font-size:1.02rem !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  font-size:.78rem !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-card h3{
  font-size:1.08rem !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  font-size:.94rem !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  font-size:.7rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:800 !important;
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(1.85rem,8.5vw,2.35rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.032em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:.98rem !important;
    line-height:1.58 !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_GALLERY_TYPOGRAPHY_POLISH_V2
   Screenshot benchmark typography for invoice-generator template gallery.
*/
.invoice-generator-v3 .zg-template-gallery,
.invoice-generator-v3 .zg-template-gallery *{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  font-size:clamp(2.6rem,4vw,3.75rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  color:#021f4f !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  font-size:clamp(1.1rem,1.6vw,1.35rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  color:#455f86 !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  font-size:.82rem !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-card h3{
  font-size:clamp(1.35rem,1.8vw,1.65rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
  color:#021f4f !important;
}

.invoice-generator-v3 .zg-template-card p{
  font-size:clamp(1.05rem,1.3vw,1.22rem) !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  color:#405a82 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:22px 24px 24px !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.3rem,5vw,3.25rem) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.05rem,9.5vw,2.75rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.048em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.04rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.35rem !important;
  }

  .invoice-generator-v3 .zg-template-card p{
    font-size:1.03rem !important;
  }
}



/* ZINTEGO_INVOICE_BENEFIT_CARD_GUARD_V1
   Keep invoice-generator benefit cards as simple informational panels:
   no template-card typography, no action-card treatment.
*/
.invoice-generator-v3 .invoice-page__benefit-card h3{
  color:#021f4f !important;
  font-size:clamp(1.45rem,1.7vw,1.75rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .invoice-page__benefit-card p{
  color:#405a82 !important;
  font-size:clamp(1.08rem,1.35vw,1.25rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .invoice-page__benefit-card .invoice-page__premium-icon{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}



/* ZINTEGO_INVOICE_TEMPLATE_SECTION_SCREENSHOT_POLISH_V1
   Match the premium font feel and polish of the approved screenshot:
   larger bold section heading, calmer subtitle, stronger card titles,
   readable card copy, refined spacing, and premium card presentation.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:82px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.055), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.invoice-generator-v3 .zg-template-gallery{
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  max-width:1220px !important;
  margin:0 auto 36px !important;
  align-items:center !important;
  gap:28px !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:880px !important;
  margin:0 0 16px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.75rem,4.3vw,4rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.058em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:760px !important;
  margin:0 !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.22rem,1.65vw,1.48rem) !important;
  line-height:1.46 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  margin-bottom:14px !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-size:1rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:24px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.075) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 24px 58px rgba(15,23,42,.115) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.09), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.45 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.84),
    0 18px 36px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.invoice-generator-v3 .zg-template-card__body{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:24px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:10px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  margin:0 !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.48rem,1.8vw,1.82rem) !important;
  line-height:1.13 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.02rem,1.18vw,1.12rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__actions{
  gap:14px !important;
  margin-top:auto !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  font-weight:850 !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.4rem,5vw,3.35rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.1rem,1.8vw,1.28rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:28px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }
  .invoice-generator-v3 .zg-template-card__body{
    padding:22px 22px 22px !important;
  }
  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.5rem !important;
  }
  .invoice-generator-v3 .zg-template-card p{
    font-size:1.03rem !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_SECTION_FONT_MATCH_V2
   More closely matches the approved workflow screenshot typography:
   centered H2/subtitle, no eyebrow distraction, controlled premium scale,
   card copy adjusted so template cards do not feel oversized or mismatched.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:82px !important;
  background:#ffffff !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  display:block !important;
  max-width:1160px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__header > div{
  max-width:100% !important;
  margin:0 auto !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  display:none !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:1120px !important;
  margin:0 auto 16px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.75rem,4.3vw,4rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.058em !important;
  font-weight:900 !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:900px !important;
  margin:0 auto !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.25rem,1.7vw,1.55rem) !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  display:inline-flex !important;
  margin:28px auto 0 !important;
  min-height:48px !important;
  padding:0 20px !important;
  font-size:.98rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  gap:28px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:24px !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:18px !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  align-items:center !important;
  margin-bottom:8px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.38rem,1.55vw,1.62rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:26px !important;
  padding:0 10px !important;
  font-size:.74rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1rem,1.08vw,1.08rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.94rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.4rem,5vw,3.35rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.12rem,1.8vw,1.3rem) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:30px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
    margin-top:22px !important;
  }
  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.42rem !important;
  }
  .invoice-generator-v3 .zg-template-card p{
    font-size:1.02rem !important;
  }
}



/* ZINTEGO_TEMPLATE_SECTION_REBUILD_V3
   Final scoped typography rebuild for invoice-generator template section.
   Purpose: match approved step-section typography feel while preserving the template-gallery layout/artwork.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:84px !important;
  background:#ffffff !important;
}

.invoice-generator-v3 .zg-template-gallery{
  max-width:100% !important;
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  display:block !important;
  max-width:1280px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__header > div{
  max-width:1280px !important;
  margin:0 auto !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  display:none !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:1240px !important;
  margin:0 auto 16px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.55rem,3.8vw,3.7rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:900px !important;
  margin:0 auto !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.18rem,1.45vw,1.38rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:24px auto 0 !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.invoice-generator-v3 .zg-template-card{
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  overflow:hidden !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  border-color:#bfd6fb !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.08), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.84),
    0 18px 36px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame picture{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  display:block !important;
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.invoice-generator-v3 .zg-template-card__body{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 10px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  margin:0 !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.32rem,1.45vw,1.52rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.72rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(.98rem,1.02vw,1.05rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:auto !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  color:#2563eb !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.35rem,4.8vw,3.3rem) !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.1rem,1.7vw,1.28rem) !important;
  }
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }

  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:30px !important;
  }

  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
    margin-top:22px !important;
  }

  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }

  .invoice-generator-v3 .zg-template-card__body{
    padding:22px !important;
  }

  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.36rem !important;
  }

  .invoice-generator-v3 .zg-template-card p{
    font-size:1.02rem !important;
  }
}



/* ZINTEGO_TEMPLATE_SHOWCASE_REBUILD_V1
   Fresh isolated invoice-generator template section.
   This component intentionally avoids old .zg-template-gallery and .zg-template-card classes.
*/
.invoice-generator-v3 .zg-template-showcase{
  padding:74px 0 86px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.invoice-generator-v3 .zg-template-showcase__header{
  max-width:1260px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-showcase__header h2{
  max-width:1220px !important;
  margin:0 auto 16px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.55rem,3.7vw,3.55rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-showcase__header p{
  max-width:920px !important;
  margin:0 auto !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.16rem,1.4vw,1.34rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-showcase__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.invoice-generator-v3 .zg-template-showcase-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  overflow:hidden !important;
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  color:inherit !important;
  text-decoration:none !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .19s ease, border-color .19s ease, box-shadow .19s ease !important;
}

.invoice-generator-v3 .zg-template-showcase-card:hover{
  transform:translateY(-4px) !important;
  border-color:#bfd6fb !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-showcase-card:focus-visible{
  outline:4px solid rgba(37,99,235,.24) !important;
  outline-offset:4px !important;
}

.invoice-generator-v3 .zg-template-showcase-card__media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px 18px 10px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.08), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-showcase-card__media picture{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  aspect-ratio:5 / 5.35 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.84),
    0 18px 36px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-showcase-card__media img{
  display:block !important;
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  transition:transform .22s ease !important;
}

.invoice-generator-v3 .zg-template-showcase-card:hover .zg-template-showcase-card__media img{
  transform:scale(1.022) !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content h3{
  margin:0 0 10px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.34rem,1.45vw,1.54rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content p{
  margin:0 0 20px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(.98rem,1.02vw,1.05rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  min-height:40px !important;
  margin-top:auto !important;
  padding:0 15px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-showcase__footer{
  display:flex !important;
  justify-content:center !important;
  margin-top:34px !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.98rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.30) !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a:focus-visible{
  outline:4px solid rgba(37,99,235,.24) !important;
  outline-offset:4px !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .zg-template-showcase__header h2{
    font-size:clamp(2.35rem,4.8vw,3.3rem) !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header p{
    font-size:clamp(1.1rem,1.7vw,1.28rem) !important;
  }
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-showcase__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-showcase{
    padding:58px 0 66px !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header{
    margin-bottom:30px !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header p{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-showcase__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__media picture{
    aspect-ratio:5 / 5.15 !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content{
    padding:22px !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content h3{
    font-size:1.36rem !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content p{
    font-size:1.02rem !important;
  }

  .invoice-generator-v3 .zg-template-showcase__footer a{
    width:100% !important;
  }
}


/* SITEWIDE_ICON_TRANSPARENCY_CLEANUP_V1 */
.zg-feature-card__icon,
.zg-feature-card__icon img,
.zg-step-card__icon,
.zg-step-card__icon img,
.zg-industry-card__icon,
.zg-industry-card__icon img,
.zg-shortcut-card__icon,
.zg-shortcut-card__icon img,
.zg-shortcut-card__art,
.zg-shortcut-card__art img,
.zg-format-card__icon,
.zg-format-card__icon img,
.zg-related-icon-picture,
.zg-related-icon-picture img,
.zg-related-card__icon,
.zg-related-card__icon img,
.zg-receipt-template-popular__icon,
.zg-receipt-template-popular__icon img,
.zg-template-page-related__icon,
.zg-template-page-related__icon img {
  background: transparent !important;
}


/* =========================================================
   Master header/footer update — mobile app dropdown + footer access
   ========================================================= */
.main-nav{align-items:center;}
.main-nav > a,
.main-nav .nav-dropdown__trigger{display:inline-flex;align-items:center;line-height:1.1;}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;}
.nav-dropdown__trigger{gap:10px;color:#111b30;padding:10px 0;font-size:14px;font-weight:600;}
.nav-dropdown__trigger::after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;opacity:.72;margin-left:2px;}
.nav-dropdown__menu{position:absolute;top:calc(100% + 18px);left:50%;width:min(360px,calc(100vw - 40px));transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:60;}
.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav-dropdown__menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;}
.nav-dropdown__panel{background:rgba(255,255,255,.98);backdrop-filter:blur(18px);border:1px solid #dbe7fa;border-radius:24px;padding:22px;box-shadow:0 32px 70px rgba(18,67,142,.18),0 10px 28px rgba(5,17,56,.08);}
.nav-dropdown__eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef4ff;border:1px solid #d8e6ff;color:#0b63f6;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px;}
.nav-dropdown__title{display:block;margin:0 0 8px;font-size:22px;line-height:1.08;font-weight:800;letter-spacing:-.04em;color:#071632;}
.nav-dropdown__text{margin:0 0 16px;color:#566985;font-size:14px;line-height:1.6;}
.nav-dropdown__link{display:inline-flex;align-items:center;gap:8px;color:#0b63f6;font-size:14px;font-weight:800;margin-bottom:16px;}
.nav-dropdown__link span{font-size:16px;line-height:1;}
.nav-dropdown__badges{display:grid;gap:10px;}
.nav-dropdown__badges a{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(9,29,66,.08);box-shadow:0 12px 28px rgba(9,33,86,.10);background:transparent;}
.nav-dropdown__badges img{display:block;width:100%;height:auto;}
.footer-apps{margin-top:18px;display:grid;gap:10px;max-width:240px;}
.footer-apps strong{font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#071632;}
.footer-apps a{display:block;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(9,29,66,.08);box-shadow:0 12px 24px rgba(9,33,86,.08);}
.footer-apps img{display:block;width:100%;height:auto;}
@media (max-width:760px){
  .nav-dropdown{display:none;}
}


/* =========================================================
   Master header/footer refinement v2
   Smaller mobile app dropdown + tighter organized footer
   ========================================================= */
.nav-dropdown__menu{top:calc(100% + 12px);width:min(312px,calc(100vw - 40px));}
.nav-dropdown__panel{padding:18px 18px 16px;border-radius:20px;box-shadow:0 24px 56px rgba(18,67,142,.16),0 8px 22px rgba(5,17,56,.07);}
.nav-dropdown__eyebrow{padding:6px 10px;margin-bottom:10px;font-size:10px;}
.nav-dropdown__title{margin:0 0 6px;font-size:18px;line-height:1.12;letter-spacing:-.035em;}
.nav-dropdown__text{margin:0 0 12px;font-size:13px;line-height:1.52;}
.nav-dropdown__link{margin-bottom:12px;font-size:13px;}
.nav-dropdown__badges{gap:8px;}
.nav-dropdown__badges a{border-radius:12px;box-shadow:0 8px 18px rgba(9,33,86,.08);}

.site-footer{margin-top:30px;padding:44px 0 22px;}
.footer-grid{grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:40px;align-items:start;}
.site-footer h2{margin:0 0 8px;font-size:26px;}
.site-footer h3{margin:0 0 14px;font-size:13px;}
.site-footer .footer-grid > div:first-child p{display:none;}
.site-footer a{margin-bottom:10px;font-size:14px;line-height:1.35;}
.footer-apps{margin-top:6px;gap:8px;max-width:184px;}
.footer-apps strong{font-size:11px;}
.footer-apps a{max-width:176px;border-radius:12px;box-shadow:0 8px 18px rgba(9,33,86,.08);}
.footer-bottom{margin-top:28px;padding-top:16px;}

@media (max-width:1050px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 34px;}
  .footer-apps{max-width:170px;}
}

@media (max-width:760px){
  .site-footer{padding:36px 0 20px;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-apps{max-width:180px;}
}


/* =========================================================
   Master mobile app strip + footer cleanup v3
   ========================================================= */
.nav-dropdown__link{display:none !important;}
.footer-bottom{justify-content:flex-start;gap:0;}
.footer-bottom nav{display:none !important;}

.zg-mobile-download-strip{padding:34px 0 10px;}
.zg-mobile-download-strip + .site-footer{margin-top:22px;}

@media (max-width:760px){
  .zg-mobile-download-strip{padding:26px 0 4px;}
}



/* MOBILE_STRIP_SPACING_NORMALIZED_V5
   Mobile app strip placement/spacing normalized after the hero across main marketing pages.
*/
.has-mobile-strip-after-hero .zg-mobile-download-strip{
  padding:30px 0 28px !important;
  background:#ffffff !important;
}

.has-mobile-strip-after-hero .z-simple-hero + .zg-mobile-download-strip,
.has-mobile-strip-after-hero .home-hero-final + .zg-mobile-download-strip{
  margin-top:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip + .invoice-generator-v3,
.has-mobile-strip-after-hero .zg-mobile-download-strip + .zg-pricing-section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + .final-page-section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + div{
  margin-top:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:34px !important;
  align-items:center !important;
  min-height:188px !important;
  padding:28px 30px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(37,99,235,.07), transparent 18rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%) !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__copy{
  min-width:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  margin:0 0 12px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#0b63f6 !important;
  background:#eff6ff !important;
  font-size:.78rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip h2{
  margin:0 0 8px !important;
  color:#021f4f !important;
  font-size:clamp(1.85rem,2.5vw,2.55rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip p{
  max-width:620px !important;
  margin:0 !important;
  color:#405a82 !important;
  font-size:1.08rem !important;
  line-height:1.55 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
  display:grid !important;
  grid-template-columns:repeat(2,190px) !important;
  gap:14px !important;
  align-items:center !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges a{
  display:block !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(9,29,66,.08) !important;
  background:transparent !important;
  box-shadow:0 12px 28px rgba(9,33,86,.10) !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

@media(max-width:960px){
  .has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:24px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip p{
    margin-inline:auto !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
    justify-content:center !important;
  }
}

@media(max-width:520px){
  .has-mobile-strip-after-hero .zg-mobile-download-strip{
    padding:24px 0 22px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
    min-height:0 !important;
    padding:24px 22px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
    grid-template-columns:1fr !important;
    width:min(260px,100%) !important;
    margin-inline:auto !important;
  }
}


/* V71: master category card text polish */
.industry-category-page .z-category-card small{
  font-weight:500 !important;
  color:#5c6d86 !important;
}


/* V108: compact Mobile App dropdown sizing polish */
.nav-dropdown__menu{width:min(324px,calc(100vw - 40px));top:calc(100% + 14px);}
.nav-dropdown__panel{padding:20px;border-radius:22px;box-shadow:0 28px 62px rgba(18,67,142,.16),0 9px 24px rgba(5,17,56,.07);}
.nav-dropdown__eyebrow{padding:6px 11px;margin-bottom:10px;font-size:10px;}
.nav-dropdown__title{margin-bottom:7px;font-size:20px;line-height:1.1;}
.nav-dropdown__text{margin-bottom:13px;font-size:13px;line-height:1.52;}
.nav-dropdown__badges{gap:8px;}
.nav-dropdown__badges a{border-radius:13px;}
@media(max-width:900px){
  .nav-dropdown__menu{width:min(292px,calc(100vw - 32px));top:calc(100% + 10px);}
  .nav-dropdown__panel{padding:16px;border-radius:18px;}
  .nav-dropdown__title{font-size:17px;}
  .nav-dropdown__text{font-size:12.5px;}
}