/* =====================================================================
   Klarmi — site de prezentare (www.klarmi.com)
   CSS partajat (design-system). Stilurile per-element raman INLINE in
   paginile generate (fidelitate 1:1 cu mockup-ul Claude Design). Aici
   stau DOAR regulile globale: reset, font, .tnum, reveal, media-queries
   (pe clasele .r-hero/.r-3/... din referinta) si :hover (convertite din
   atributele style-hover ale prototipului dc).
   Sursa design: handoff-original/Klarmi-Site-reference.dc.html + DESIGN-SYSTEM.md
   ===================================================================== */

/* ---- Poppins self-hosted (woff2 @fontsource 5.2.7) — fara Google Fonts (GDPR + offline + self-contained). unicode-range canonice Google Fonts. ---- */
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url(/assets/fonts/poppins-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap; src:url(/assets/fonts/poppins-latin-ext-400-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/fonts/poppins-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/fonts/poppins-latin-ext-500-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url(/assets/fonts/poppins-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url(/assets/fonts/poppins-latin-ext-600-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:700; font-display:swap; src:url(/assets/fonts/poppins-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:700; font-display:swap; src:url(/assets/fonts/poppins-latin-ext-700-normal.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

*{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; }
body{ margin: 0; background: #f3f1ec; font-family: 'Poppins', sans-serif; color: #1c1b18; }

img, svg{ display: block; max-width: 100%; }

.tnum{ font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; letter-spacing: -0.035em; }
h1, h2, h3{ text-wrap: balance; }
p{ text-wrap: pretty; }

/* link reset — folosim <a> pentru navigare (rute reale) stilizate ca text/butoane */
a{ color: inherit; }

/* ---- Reveal on scroll (.rv -> .in via IntersectionObserver in site.js) ---- */
.rv{ opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.rv.in{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){
  .rv{ opacity: 1 !important; transform: none !important; transition: none; }
}

/* ---- Header mobile menu toggle ---- */
.navlink{ white-space: nowrap; }
.hamburger{ display: none; }
.mobile-menu{ display: none; }
.mobile-menu.open{ display: block; }

/* ---- :hover (echivalentul lui style-hover din prototipul dc) ---- */
.btn-primary:hover{ background: #A44F17 !important; }
.btn-secondary:hover{ background: #f3eee6 !important; }
.card-hover{ transition: transform .18s ease, border-color .18s ease; }
.card-hover:hover{ transform: translateY(-3px); border-color: #d8d2c8; }
.lift{ transition: transform .18s ease; }
.lift:hover{ transform: translateY(-3px); }
.flink{ transition: color .15s ease; }
.flink:hover{ color: #1c1b18; }
.footer-socials{ display: flex; align-items: center; gap: 7px; margin-top: 19px; }
.footer-social-link{
  width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  color: #a39c90; text-decoration: none; transition: color .15s ease;
}
.footer-social-link svg{ width: 21px; height: 21px; flex: 0 0 auto; }
.footer-social-link:hover, .footer-social-link:focus-visible{ color: #E27A35; }
.footer-social-link:focus-visible{ outline-color: #E27A35; }
.navlink{ transition: color .15s ease; }
.navlink:hover{ color: #1c1b18; }

/* ---- Carduri abonamente: strict izolate pe pagina Preturi ---- */
.pricing-plans-section .pricing-plans{
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch;
}
.pricing-plans-section .pricing-plan-card{
  position: relative; min-width: 0; height: 100%; padding: 32px 26px 28px; display: flex; flex-direction: column;
  background: #fbfaf7; border: 1px solid #e4e0d8; border-radius: 16px; box-sizing: border-box;
}
.pricing-plans-section .pricing-plan-card--start{ background: #fbfaf7; }
.pricing-plans-section .pricing-plan-card--growth{
  background: #fff; border-color: #e3c1a6; box-shadow: inset 0 3px 0 #E27A35, 0 12px 30px rgba(28,27,24,.06);
}
.pricing-plans-section .pricing-plan-card--ultimate{
  background: #1c1b18; border-color: #b08a4a; box-shadow: 0 18px 42px rgba(28,27,24,.16);
}
.pricing-plans-section .pricing-plan-badge{
  position: absolute; top: -16px; left: 50%; z-index: 1; width: 154px; height: 31px; padding: 0 18px;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; transform: translateX(-50%);
  border-radius: 999px; box-sizing: border-box; white-space: nowrap; font: 700 11px 'Poppins',sans-serif;
  letter-spacing: .9px; line-height: 1; text-transform: uppercase; box-shadow: 0 3px 10px rgba(28,27,24,.16);
}
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-badge{ background: #d7b56d; color: #1c1b18; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-badge::before{
  content: '★'; color: #1c1b18; font-size: 10px; line-height: 1; opacity: .78;
}
.pricing-plans-section .pricing-plan-icon{
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  color: #2b6f80; background: #e8f0f1; border: 1px solid #d5e3e5; border-radius: 12px;
}
.pricing-plans-section .pricing-plan-icon svg{ width: 23px; height: 23px; }
.pricing-plans-section .pricing-plan-card--growth .pricing-plan-icon{
  color: #c25f24; background: #fbeee2; border-color: #f3d9c4;
}
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-icon{
  color: #d7b56d; background: rgba(176,138,74,.14); border-color: rgba(215,181,109,.38);
}
.pricing-plans-section .pricing-plan-title{
  margin: 18px 0 0; color: #1c1b18; font: 600 18px 'Poppins',sans-serif; letter-spacing: -.25px;
}
.pricing-plans-section .pricing-plan-description{
  min-height: 42px; margin: 5px 0 0; color: #7c766c; font-size: 13px; line-height: 1.55;
}
.pricing-plans-section .pricing-plan-price{
  margin-top: 18px; display: flex; align-items: baseline; gap: 5px; color: #7c766c; font-size: 13px;
}
.pricing-plans-section .pricing-plan-price .tnum{
  color: #1c1b18; font-family: 'Poppins',sans-serif; font-size: 34px; font-weight: 600; letter-spacing: -.5px;
}
.pricing-plans-section .pricing-plan-features{
  position: relative; margin: 22px 0 0; padding: 0; display: flex; flex: 1; flex-direction: column; gap: 11px; list-style: none;
}
.pricing-plans-section .pricing-plan-features::before{
  content: ''; position: absolute; top: -11px; right: 0; left: 0; height: 1px; background: #e4e0d8;
}
.pricing-plans-section .pricing-plan-features li{
  min-width: 0; display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: start; gap: 8px;
  color: #4a463f; font-size: 14px; line-height: 1.5;
}
.pricing-plans-section .pricing-plan-features li > span:first-child{ color: #1f8a5b; font-weight: 600; }
.pricing-plans-section .pricing-plan-card--growth .pricing-plan-features li > span:first-child{ color: #E27A35; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-title,
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-price .tnum{ color: #fff; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-description,
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-price{ color: #b8b2a8; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-features li{ color: #ece8e0; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-features::before{ background: rgba(215,181,109,.32); }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-features li > span:first-child{ color: #d7b56d; }
.pricing-plans-section .pricing-plan-cta{
  min-height: 46px; margin-top: 26px; padding: 11px 16px; display: flex; align-items: center; justify-content: center;
  border: 1px solid transparent; border-radius: 10px; font: 600 14px 'Poppins',sans-serif; line-height: 1.25;
  text-align: center; text-decoration: none; transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.pricing-plans-section .pricing-plan-cta--secondary{ background: #fbfaf7; border-color: #d8d2c8; color: #1c1b18; }
.pricing-plans-section .pricing-plan-cta--secondary:hover{ background: #f3eee6; border-color: #c9c2b7; }
.pricing-plans-section .pricing-plan-cta--primary{ background: #BC5B1B; border-color: #BC5B1B; color: #fff; }
.pricing-plans-section .pricing-plan-cta--primary:hover{ background: #A44F17 !important; border-color: #A44F17; }
.pricing-plans-section .pricing-plan-cta--gold{ background: #e1bf76; border-color: #e1bf76; color: #1c1b18; }
.pricing-plans-section .pricing-plan-cta--gold:hover{ background: #e9cf98; border-color: #e9cf98; }
.pricing-plans-section .pricing-plan-cta:focus-visible{ outline-color: #2b6f80; outline-offset: 3px; }
.pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-cta:focus-visible{ outline-color: #e9cf98; }
.pricing-plans-section .pricing-enterprise-bar{
  margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
  overflow: hidden; list-style: none; background: #fbfaf7; border: 1px solid #e4e0d8; border-radius: 14px;
}
.pricing-plans-section .pricing-enterprise-bar li{
  min-width: 0; min-height: 70px; padding: 14px 18px; display: flex; align-items: center; gap: 11px;
  color: #4a463f; font: 500 13px/1.45 'Poppins',sans-serif;
}
.pricing-plans-section .pricing-enterprise-bar li + li{ border-left: 1px solid #e4e0d8; }
.pricing-plans-section .pricing-enterprise-icon{
  width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  color: #2b6f80; background: #eef3f3; border-radius: 10px;
}
.pricing-plans-section .pricing-enterprise-icon svg{ width: 20px; height: 20px; }

@media (max-width: 920px){
  .pricing-plans-section .pricing-plans{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-plans-section .pricing-plan-card--ultimate{ grid-column: 1 / -1; }
  .pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-features{
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); flex: 0;
  }
  .pricing-plans-section .pricing-enterprise-bar{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-plans-section .pricing-enterprise-bar li + li{ border-left: 0; }
  .pricing-plans-section .pricing-enterprise-bar li:nth-child(even){ border-left: 1px solid #e4e0d8; }
  .pricing-plans-section .pricing-enterprise-bar li:nth-child(n+3){ border-top: 1px solid #e4e0d8; }
}
@media (max-width: 600px){
  .pricing-plans-section .pricing-plans{ grid-template-columns: 1fr !important; gap: 22px; }
  .pricing-plans-section .pricing-plan-card{ padding: 28px 22px 24px; }
  .pricing-plans-section .pricing-plan-card--ultimate{ grid-column: auto; }
  .pricing-plans-section .pricing-plan-card--ultimate .pricing-plan-features{ display: flex; }
  .pricing-plans-section .pricing-plan-description{ min-height: 0; }
}
@media (max-width: 440px){
  .pricing-plans-section .pricing-enterprise-bar{ grid-template-columns: 1fr; }
  .pricing-plans-section .pricing-enterprise-bar li:nth-child(even){ border-left: 0; }
  .pricing-plans-section .pricing-enterprise-bar li + li{ border-top: 1px solid #e4e0d8; }
}


/* ---- Comparatie abonamente: strict izolata pe pagina Preturi ---- */
.pricing-comparison{ margin-top: 22px; }
.pricing-comparison-toggle{
  width: fit-content; margin: 0 auto; padding: 12px 18px; display: flex; align-items: center; justify-content: center; gap: 9px;
  list-style: none; cursor: pointer; border: 1px solid #d8d2c8; border-radius: 10px; background: #fbfaf7;
  color: #1c1b18; font: 600 14px 'Poppins', sans-serif; transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.pricing-comparison-toggle::-webkit-details-marker{ display: none; }
.pricing-comparison-toggle:hover{ color: #E27A35; border-color: #E27A35; background: #fff; }
.pricing-comparison-toggle:focus-visible{ outline: 2px solid #2b6f80; outline-offset: 3px; }
.pricing-comparison-toggle svg{ width: 20px; height: 20px; transition: transform .18s ease; }
.pricing-comparison[open] .pricing-comparison-toggle svg{ transform: rotate(180deg); }
.pricing-comparison-card{
  margin-top: 18px; padding: clamp(20px,3vw,30px); background: #fff; border: 1px solid #e4e0d8;
  border-radius: 16px; box-shadow: 0 14px 38px rgba(28,27,24,.07);
}
.pricing-comparison-card > h3{
  margin: 0; color: #1c1b18; font: 600 clamp(20px,2.6vw,24px) 'Poppins', sans-serif;
  letter-spacing: -.5px; text-align: center;
}
.pricing-comparison-table-wrap{ margin-top: 24px; }
.pricing-comparison-table{ width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.pricing-comparison-feature-col{ width: 23%; }
.pricing-comparison-description-col{ width: 41%; }
.pricing-comparison-plan-col{ width: 12%; }
.pricing-comparison-table th, .pricing-comparison-table td{
  padding: 13px 12px; border-bottom: 1px solid #ece8e0; vertical-align: middle;
}
.pricing-comparison-table thead th{
  position: sticky; top: 71px; z-index: 2; background: #fff; color: #6f6a63;
  font: 600 12px 'Poppins', sans-serif; text-align: left;
}
.pricing-comparison-table thead .pricing-comparison-plan-heading{ text-align: center; }
.pricing-comparison-category th{
  padding: 11px 12px; background: #f6f4ef; color: #6f6a63; font: 600 11px 'Poppins', sans-serif;
  letter-spacing: 1.1px; text-align: left;
}
.pricing-comparison-feature th{ color: #1c1b18; font: 600 14px 'Poppins', sans-serif; line-height: 1.45; text-align: left; }
.pricing-comparison-description{ color: #6f6a63; font-size: 13px; line-height: 1.55; }
.pricing-comparison-status{ color: #1f8a5b; text-align: center; }
.pricing-comparison-status svg{ width: 20px; height: 20px; margin: 0 auto; }
.pricing-comparison-dash{ color: #a39c90; font-size: 18px; line-height: 1; }
.pricing-comparison-feature:last-child th, .pricing-comparison-feature:last-child td{ border-bottom: 0; }
.pricing-comparison-sr-only{
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
@media (max-width: 900px){
  .pricing-comparison-card{ padding: 18px; }
  .pricing-comparison-table-wrap{ margin-top: 18px; }
  .pricing-comparison-table, .pricing-comparison-table thead, .pricing-comparison-table tbody{ display: block; width: 100%; }
  .pricing-comparison-table colgroup{ display: none; }
  .pricing-comparison-table thead tr, .pricing-comparison-feature{
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%;
  }
  .pricing-comparison-table thead th{ position: static; top: auto; z-index: auto; }
  .pricing-comparison-feature-heading{ grid-column: 1 / -1; }
  .pricing-comparison-description-heading{ display: none; }
  .pricing-comparison-plan-heading{ text-align: center !important; }
  .pricing-comparison-category{ display: block; width: 100%; }
  .pricing-comparison-category th{ display: block; width: 100%; }
  .pricing-comparison-feature{ border-bottom: 1px solid #ece8e0; }
  .pricing-comparison-feature > th{
    grid-column: 1 / -1; padding: 15px 12px 3px; border-bottom: 0;
  }
  .pricing-comparison-description{
    grid-column: 1 / -1; padding: 0 12px 12px !important; border-bottom: 0 !important;
  }
  .pricing-comparison-status{
    padding: 7px 4px 14px !important; border-bottom: 0 !important; display: flex; flex-direction: column;
    align-items: center; justify-content: flex-start; gap: 5px;
  }
  .pricing-comparison-status::before{
    content: attr(data-plan); color: #6f6a63; font: 600 10px 'Poppins', sans-serif; letter-spacing: .2px;
  }
  .pricing-comparison-feature:last-child{ border-bottom: 0; }
}
@media (max-width: 480px){
  .pricing-comparison{ margin-top: 20px; }
  .pricing-comparison-toggle{ width: 100%; max-width: 320px; }
  .pricing-comparison-card{ margin-left: calc(clamp(18px,5vw,28px) * -1); margin-right: calc(clamp(18px,5vw,28px) * -1); padding: 16px 12px; border-radius: 14px; }
  .pricing-comparison-card > h3{ font-size: 19px; }
  .pricing-comparison-table th, .pricing-comparison-table td{ min-width: 0; }
}

/* ---- Tur de produs: panourile = grid 2 coloane; site.js comuta doar display
   (''/'none'), iar regula de baza readuce grid-ul cand panoul devine activ
   (altfel display:inline ar cadea pe block => coloanele se stivuiesc). Pe
   <=980px media-query forteaza 1 coloana. ---- */
.tour{ display: grid; }

/* ---- Accesibilitate: skip-link (ascuns pana la focus de tastatura) ---- */
.skip-link{
  position: absolute; left: 12px; top: -48px; z-index: 300;
  background: #1c1b18; color: #fff; padding: 10px 16px; border-radius: 10px;
  font: 600 14px 'Poppins', sans-serif; text-decoration: none;
  transition: top .15s ease;
}
.skip-link:focus{ top: 12px; }
main:focus{ outline: none; }

/* ---- Accesibilitate: focus vizibil pe controale ---- */
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible{
  outline: 2px solid #2b6f80; outline-offset: 2px; border-radius: 6px;
}

/* =====================================================================
   Responsive — identic cu referinta (target pe aceleasi clase)
   ===================================================================== */
@media (max-width: 1100px){
  nav.desktop-nav{ gap: 14px !important; }
}
@media (max-width: 980px){
  .r-hero{ grid-template-columns: 1fr !important; gap: 36px !important; }
  .r-split{ grid-template-columns: 1fr !important; gap: 36px !important; }
  .tour{ grid-template-columns: 1fr !important; gap: 28px !important; }
}
@media (max-width: 960px){
  .desktop-nav{ display: none !important; }
  .hamburger{ display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (max-width: 820px){
  .r-3{ grid-template-columns: repeat(2,1fr) !important; }
  .r-4{ grid-template-columns: repeat(2,1fr) !important; }
  .contact-grid{ grid-template-columns: 1fr !important; }
}
@media (max-width: 600px){
  .r-2, .r-3, .r-4, .plans{ grid-template-columns: 1fr !important; }
  .form-2{ grid-template-columns: 1fr !important; }
  .tabs-row{ flex-wrap: wrap !important; }
  .pricing-consulting-offer .pricing-consulting-features{ grid-template-columns: 1fr !important; gap: 12px !important; }
  .pricing-consulting-offer .pricing-consulting-cta{ width: 100% !important; min-width: 0 !important; max-width: 360px !important; }
}

/* ---- Verificarile auditului (pagina Audit Tracking), pe componenta de comparatie de la Preturi ---- */
.audit-checks-category{
  margin: 22px 0 0; padding: 11px 12px; background: #f6f4ef; border-radius: 8px; color: #6f6a63;
  font: 600 11px 'Poppins', sans-serif; letter-spacing: 1.1px;
}
.audit-checks-category span{ letter-spacing: 0; }
.audit-checks-intro{ margin: 10px auto 4px; max-width: 640px; text-align: center; color: #7c766c; font-size: 15px; line-height: 1.6; }
.audit-checks-list{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
.audit-checks-list li{
  display: flex; gap: 10px; align-items: flex-start; padding: 11px 12px; border-bottom: 1px solid #ece8e0;
  color: #1c1b18; font: 500 14px 'Poppins', sans-serif; line-height: 1.45;
}
.audit-checks-list svg{ flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; color: #1f8a5b; }
@media (max-width: 960px){ .audit-checks-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px){ .audit-checks-list{ grid-template-columns: 1fr; } }