/*
Theme Name:  Kvali Child
Template:    Divi
Description: „კვალი"-ს შვილობილი თემა Divi-სთვის. v2 დიზაინი: შავ-თეთრი ფოტო, დიდი ტიპოგრაფია, ბადის ხაზები, მუქი ნაცრისფერი და ყვითლიდან ოქროსფერში გადასული აქცენტი. ფერები და შრიფტები: გარეგნობა › მორგება › „კვალი: ფერები და შრიფტები".
Version:     0.7.1
Text Domain: kvali-child
*/

/* ფერები და შრიფტები. მნიშვნელობებს მორგების (Customizer) პანელი ცვლის, აქ მხოლოდ საწყისი ფერებია. */
:root {
  --kv-yellow:      #F6CE3F;  /* ყვითელი: ოქროსფერი გადასვლის დასაწყისი */
  --kv-gold:        #DDA035;  /* ოქრო: გადასვლის ბოლო, ხაზები */
  --kv-gold-dark:   #E8B030;  /* წვრილი ყვითელი ტექსტი ღია ფონზე */
  --kv-gold-light:  #F6CF55;  /* აქცენტი მუქ ფონზე */
  --kv-ink:         #303030;  /* მუქი ნაცრისფერი: ტექსტი, მუქი სექციები */
  --kv-paper:       #F2F2F2;  /* ძირითადი ფონი (ნეიტრალური ღია ნაცრისფერი) */
  --kv-white:       #FFFFFF;
  --kv-muted:       #5A5A5A;
  /* ყვითლიდან ოქროსფერში გადასვლა: ღილაკები, ბლოკები, მონიშვნა */
  --kv-grad:        linear-gradient(115deg, var(--kv-yellow) 0%, var(--kv-gold) 100%);
  --kv-font-body:    'Noto Sans Georgian', 'Helvetica Neue', Arial, sans-serif;
  --kv-font-display: 'Noto Sans Georgian', 'Helvetica Neue', Arial, sans-serif;
  --kv-font-accent:  'Noto Serif Georgian', Georgia, serif;

  /* ძველი (v1) სახელები, რომ ადრე აწყობილი გვერდებიც ახალ ფერებზე გადავიდეს */
  --kvali-gold: var(--kv-gold); --kvali-gold-lt: var(--kv-gold-light); --kvali-gold-dk: var(--kv-gold-dark);
  --kvali-gold-soft: #F8E7AE; --kvali-gold-ink: var(--kv-gold-dark); --kvali-sand: #E4E4E4; --kvali-ink: var(--kv-ink);
  --kvali-red: var(--kv-gold-dark); --kvali-red-dk: var(--kv-ink); --kvali-red-soft: #F8E7AE;
  --kvali-green: var(--kv-ink); --kvali-green-lt: var(--kv-gold-dark); --kvali-green-soft: #E4E4E4;
  --kvali-dark: var(--kv-ink); --kvali-white: var(--kv-white); --kvali-cream: var(--kv-paper);
  --kvali-muted: var(--kv-muted); --kvali-line: #D4D4D4;
  --kvali-font-head: var(--kv-font-display); --kvali-font-body: var(--kv-font-body);
}

/* ---------- საფუძველი ---------- */
body { background: var(--kv-paper); color: var(--kv-ink); font-family: var(--kv-font-body); }
#page-container, #main-content, .et_pb_section { background-color: var(--kv-paper); }
h1, h2, h3, h4, h5, h6 { font-family: var(--kv-font-display); color: var(--kv-ink); font-weight: 800; }
a { color: var(--kv-gold-dark); }
a:hover { color: var(--kv-ink); }
::selection { background: var(--kv-gold); color: var(--kv-ink); }

/* ---------- ჰედერი (Divi-ს სტანდარტული ჰედერი) ---------- */
#main-header, .et-l--header { background: var(--kv-paper); border-bottom: 1px solid var(--kv-ink); box-shadow: none !important; }
#main-header .logo_container img, #logo { mix-blend-mode: multiply; }
#top-menu a, .et-l--header .et-menu a { color: var(--kv-ink); font-weight: 600; letter-spacing: .14em; font-size: 13px; }
#top-menu li.current-menu-item > a, .et-l--header .et-menu li.current-menu-item > a { color: var(--kv-ink); box-shadow: inset 0 -2px 0 var(--kv-gold); }
#top-menu li.kvali-menu-btn > a, .et-menu li.kvali-menu-btn > a {
  background: var(--kv-gold) var(--kv-grad); color: var(--kv-ink) !important; padding: 14px 20px !important; border-radius: 0; opacity: 1 !important;
}
#top-menu li.kvali-menu-btn { padding-right: 0; }
#top-header { background: var(--kv-ink) !important; }
.et_mobile_menu { border-top-color: var(--kv-gold); background: var(--kv-paper); }
.mobile_menu_bar:before { color: var(--kv-ink) !important; }

/* ---------- სექციის ფონები: Divi › სექცია › Advanced › CSS Class ---------- */
.et_pb_section.kv-bg-paper { background-color: var(--kv-paper); }
.et_pb_section.kv-bg-white { background-color: var(--kv-white); }
.et_pb_section.kv-bg-gold  { background-color: var(--kv-gold); background-image: var(--kv-grad); }
.et_pb_section.kv-bg-ink   { background-color: var(--kv-ink); color: #D0D0D0; }
.kv-bg-ink h1, .kv-bg-ink h2, .kv-bg-ink h3, .kv-bg-ink h4 { color: var(--kv-paper); }
.kv-bg-ink a { color: var(--kv-gold-light); }
.kv-line-bottom { border-bottom: 1px solid var(--kv-ink); }
.kv-line-top { border-top: 1px solid #4A4A4A; }

/* ბადის წვრილი ხაზები (Event Promo-ს სტილი): სექციას კლასი kv-grid-lines */
.kv-grid-lines { position: relative; overflow: hidden; }
.kv-grid-lines::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: .55;
  background:
    linear-gradient(var(--kv-gold), var(--kv-gold)) 8.3% 0 / 1px 100% no-repeat,
    linear-gradient(var(--kv-gold), var(--kv-gold)) 50% 0 / 1px 100% no-repeat,
    linear-gradient(var(--kv-gold), var(--kv-gold)) 91.7% 0 / 1px 100% no-repeat,
    linear-gradient(var(--kv-gold), var(--kv-gold)) 0 18% / 100% 1px no-repeat,
    linear-gradient(var(--kv-gold), var(--kv-gold)) 0 84% / 100% 1px no-repeat,
    linear-gradient(to top right, transparent calc(50% - .5px), var(--kv-gold) 50%, transparent calc(50% + .5px));
}
.kv-grid-lines > .et_pb_row { position: relative; z-index: 1; }
/* „+“ ნიშნები კუთხეებში: სექციას კლასი kv-plus */
.kv-plus { position: relative; }
.kv-plus::after { content: "+            +"; white-space: pre; position: absolute; top: 24px; left: 4%; right: 4%; text-align: justify; text-align-last: justify; font-size: 24px; font-weight: 300; line-height: 1; color: var(--kv-ink); pointer-events: none; z-index: 2; }
.kv-bg-ink.kv-plus::after { color: var(--kv-paper); }

/* ---------- ტიპოგრაფია: Text მოდულს კლასი ---------- */
.kv-caps, .kv-caps p { font-size: 12px; font-weight: 600; letter-spacing: .22em; line-height: 1.9; }
.kv-eyebrow p { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 600; letter-spacing: .22em; color: var(--kv-gold-dark); }
.kv-eyebrow p::before { content: ""; width: 40px; height: 2px; background: var(--kv-gold); flex: none; }
.kv-bg-ink .kv-eyebrow p { color: var(--kv-gold-light); }
.kv-index { color: var(--kv-gold-dark); }
.kv-bg-ink .kv-index { color: var(--kv-gold); }
.et_pb_text h1 em, .et_pb_text h2 em, .et_pb_text h3 em {
  font-family: var(--kv-font-accent); font-style: normal; font-weight: inherit; color: var(--kv-yellow);
  background: var(--kv-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.kv-em-block h1 em, .kv-em-block h2 em { display: block; }
mark, .kv-mark { background: var(--kv-gold) var(--kv-grad); color: var(--kv-ink); padding: 0 .14em; display: inline-block; line-height: 1.15; }
.kv-display h1, .kv-display h2 { font-weight: 900; letter-spacing: .01em; line-height: 1.04; }
span.kv-gold-text, .kv-gold-text h1, .kv-gold-text h2, .kv-num, .kv-num-giant { background: var(--kv-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
.kv-gold-text { color: var(--kv-gold); }
.kv-num { font-family: var(--kv-font-accent); font-style: italic; color: var(--kv-gold); font-size: 44px; line-height: 1; }
.kv-num-giant { font-family: var(--kv-font-display); font-weight: 900; color: var(--kv-gold); line-height: .9; }
.kv-vertical { writing-mode: vertical-rl; transform: rotate(180deg); }
.kv-tag-gold { background: var(--kv-gold) var(--kv-grad); color: var(--kv-ink); display: inline-block; padding: 14px 20px; }
.kv-tag-gold p { font-size: 12px; font-weight: 600; letter-spacing: .22em; line-height: 1.7; }
.kv-block-gold { background: var(--kv-gold) var(--kv-grad); padding: 24px 28px; }
.kv-meta-item { display: flex; gap: 10px; align-items: flex-start; }
.kv-meta-item b { font-size: 22px; font-weight: 900; line-height: 1; }
.kv-meta-item span { font-size: 10px; font-weight: 600; letter-spacing: .2em; line-height: 1.5; }

/* „კვალი“ დიდ ასოებად ფოტოს უკან (GAZU-ს სტილი): სვეტში ჯერ Text მოდული კლასით kv-behind, მერე Image */
.kv-behind { position: absolute !important; left: 50%; top: 50%; transform: translate(-50%, -55%); width: max-content; z-index: 0; margin: 0 !important; pointer-events: none; }
.kv-behind h2 { font-weight: 900; line-height: 1; white-space: nowrap; padding: 0; }
.kv-front { position: relative; z-index: 1; }
.kv-overflow, .kv-overflow .et_pb_row, .kv-overflow .et_pb_column { overflow: visible !important; }
.kv-overflow { overflow: hidden !important; }
.kv-overflow .et_pb_column { z-index: 1; }
.kv-overflow .et_pb_column.kv-mid { z-index: 0; }

/* ---------- ფოტოები: Image მოდულს კლასი ---------- */
.kv-bw img, .kv-bw .et_pb_image_wrap img, .kv-bw .et_pb_main_blurb_image img, .kv-bw .entry-featured-image-url img { filter: grayscale(1) contrast(1.15); }
.kv-halftone .et_pb_image_wrap, .kv-gold-tone .et_pb_image_wrap { position: relative; display: block; overflow: hidden; isolation: isolate; }
.kv-halftone .et_pb_image_wrap::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(0,0,0,.2) 1px, transparent 1.5px); background-size: 5px 5px; pointer-events: none; }
.kv-gold-tone .et_pb_image_wrap::before { content: ""; position: absolute; inset: 0; background: var(--kv-gold); mix-blend-mode: multiply; z-index: 1; pointer-events: none; }
.kv-cover .et_pb_image_wrap, .kv-cover img { width: 100%; }
.kv-cover img { aspect-ratio: 4 / 5; object-fit: cover; }
.kv-cover-wide img { aspect-ratio: 16 / 11; object-fit: cover; width: 100%; }
.kv-shadow .et_pb_image_wrap { box-shadow: 0 30px 60px rgba(0,0,0,.25); }

/* ---------- ღილაკები: Button მოდულს კლასი ---------- */
.et_pb_button.kv-btn, .et_pb_button.kv-btn-gold, .et_pb_button.kv-link {
  border: 0; border-radius: 0; font-family: var(--kv-font-display); font-size: 13px; font-weight: 700; letter-spacing: .14em; line-height: 1.4;
  padding: 18px 28px; transition: background .2s, color .2s;
}
/* !important იმიტომ, რომ Divi-ს საწყის ღილაკს გადაეწეროს. Divi-ში ღილაკის ფერის შეცვლა მაინც იმუშავებს. */
.et_pb_button.kv-btn, .et_pb_button.kv-btn-gold, .et_pb_button.kv-link { border: 0 !important; border-radius: 0 !important; padding: 18px 28px !important; }
.et_pb_button.kv-btn { background: var(--kv-ink) !important; color: var(--kv-paper) !important; }
.et_pb_button.kv-btn:hover { background: var(--kv-gold) var(--kv-grad) !important; color: var(--kv-ink) !important; }
.et_pb_button.kv-btn-gold { background: var(--kv-gold) var(--kv-grad) !important; border-color: transparent !important; color: var(--kv-ink) !important; }
.et_pb_button.kv-btn-gold:hover { background: var(--kv-paper) !important; color: var(--kv-ink) !important; }
.kv-bg-ink .et_pb_button.kv-btn { background: var(--kv-paper) !important; color: var(--kv-ink) !important; }
.et_pb_button.kv-link { background: transparent !important; color: var(--kv-ink) !important; padding: 18px 0 6px !important; box-shadow: inset 0 -2px 0 currentColor; }
.et_pb_button.kv-link:hover { color: var(--kv-gold-dark) !important; }
.kv-bg-ink .et_pb_button.kv-link { color: var(--kv-paper) !important; }
.et_pb_button.kv-btn::after, .et_pb_button.kv-btn-gold::after, .et_pb_button.kv-link::after { display: none; }
.et_pb_button_module_wrapper:has(.kv-inline) { display: inline-block; margin-right: 24px; vertical-align: middle; }

/* სვეტის შიგთავსი ქვემოთ ან შუაში: სვეტს კლასი kv-v-end / kv-v-center (რიგში ჩართული უნდა იყოს Equalize Column Heights) */
.et_pb_equal_columns > .et_pb_column.kv-v-end { display: flex; flex-direction: column; justify-content: flex-end; }
.et_pb_equal_columns > .et_pb_column.kv-v-center { display: flex; flex-direction: column; justify-content: center; }

/* ---------- ბარათები და ბლოკები ---------- */
/* Blurb (პროდუქტი / სერვისი / პერსონა შავ ზოლზე) */
.kv-blurb .et_pb_main_blurb_image { margin-bottom: 0; }
.kv-blurb .et_pb_main_blurb_image img { aspect-ratio: 4 / 5; object-fit: cover; }
.kv-blurb .et_pb_module_header { font-size: 24px; font-weight: 800; padding-bottom: 8px; }
.kv-blurb p { font-size: 15px; line-height: 1.6; }
.kv-blurb .kv-index { font-size: 12px; font-weight: 600; letter-spacing: .22em; }
.kv-blurb .kv-more { font-size: 12px; font-weight: 700; letter-spacing: .14em; box-shadow: inset 0 -2px 0 currentColor; padding-bottom: 4px; color: inherit; }
.kv-divider-left { border-left: 1px solid #4A4A4A; padding-left: 32px; }

/* პაკეტები შავ ფონზე */
.kv-package { border: 1px solid #4A4A4A; padding: 36px; height: 100%; }
.kv-package.kv-featured { border-color: var(--kv-gold); background: #3C3C3C; }
.kv-package h3 { font-size: 24px; font-weight: 900; padding: 14px 0 6px; }
.kv-package .kv-caps { color: #BDBDBD; }

/* ცენტრის თემების სია */
.kv-list .kv-row { display: flex; gap: 24px; align-items: baseline; padding: 20px 0; border-top: 1px solid var(--kv-ink); }
.kv-list .kv-row:last-child { border-bottom: 1px solid var(--kv-ink); }
.kv-list .kv-row b { width: 44px; flex: none; color: var(--kv-gold-dark); font-size: 12px; letter-spacing: .2em; }
.kv-list .kv-row strong { flex: 1; font-size: 20px; font-weight: 700; }
.kv-list .kv-row span { font-size: 11px; font-weight: 600; letter-spacing: .2em; }

/* ფორმატის სვეტები (ცენტრი) */
.kv-format { border-left: 1px solid var(--kv-ink); padding: 0 28px; }
.kv-format::before { content: ""; display: block; width: 60%; height: 14px; background: var(--kv-gold) var(--kv-grad); margin-bottom: 28px; }
.kv-format.kv-dark::before { background: var(--kv-ink); width: 40%; }
.kv-format .kv-big { font-size: 72px; font-weight: 900; line-height: 1; }

/* პერსონის სლაიდი: რიგს კლასი kv-persona, მარცხენა სვეტს kv-persona-side, მარჯვენას kv-persona-photo */
.kv-persona { min-height: 640px; }
.kv-persona .et_pb_column { margin-bottom: 0 !important; }
.kv-persona-side { background: #F8F8F8; padding: 32px 28px !important; display: flex; flex-direction: column; justify-content: space-between; min-height: 600px; }
.kv-persona-side .kv-vertical h2 { font-size: 44px; font-weight: 900; line-height: 1.1; padding: 0; }
.kv-persona-side .kv-vertical p { font-size: 13px; color: var(--kv-muted); max-height: 320px; }
.kv-persona-photo { min-height: 640px; padding: 28px 40px !important; display: flex; flex-direction: column; justify-content: space-between; }
.kv-persona-photo .kv-caps p { color: var(--kv-paper); background: var(--kv-ink); display: inline-block; padding: 6px 12px; }
.kv-persona-photo .kv-num-giant { font-size: 120px; }

/* ბლოგი (Divi Blog მოდული კლასით kv-blog) */
.kv-blog .et_pb_post { border: 0 !important; background: transparent !important; padding: 0 0 20px !important; border-bottom: 1px solid var(--kv-ink) !important; }
.kv-blog .entry-title { font-size: 22px; font-weight: 800; line-height: 1.3; padding: 16px 0 8px; }
.kv-blog .entry-title a { color: var(--kv-ink); }
.kv-blog .entry-title a:hover { color: var(--kv-gold-dark); }
.kv-blog .entry-featured-image-url { display: block; position: relative; overflow: hidden; }
.kv-blog .entry-featured-image-url::after { content: ""; position: absolute; inset: 0; background: var(--kv-gold); mix-blend-mode: multiply; opacity: 0; transition: opacity .25s; }
.kv-blog .entry-featured-image-url:hover::after { opacity: 1; }
.kv-blog .post-meta { font-size: 12px; letter-spacing: .14em; color: var(--kv-gold-dark); }

/* ფუტერი */
#main-footer, .et-l--footer { background: var(--kv-ink); color: #BDBDBD; }
#footer-bottom { background: var(--kv-ink); border-top: 1px solid #4A4A4A; }
#footer-info, #footer-info a { color: #BDBDBD; letter-spacing: .14em; font-size: 12px; }
.et-l--footer h4, #main-footer h4 { color: var(--kv-gold-light); }

/* ---------- ტელეფონი და ტაბლეტი ---------- */
@media (max-width: 980px) {
  .kv-divider-left { border-left: 0; padding-left: 0; border-top: 1px solid #4A4A4A; padding-top: 28px; }
  .kv-format { border-left: 0; padding: 0; }
  .kv-persona, .kv-persona-photo { min-height: 0; }
  .kv-persona-photo { min-height: 480px; }
  .kv-persona-side { min-height: 0; }
  .kv-persona-side .kv-vertical { writing-mode: horizontal-tb; transform: none; }
  .kv-plus::after { display: none; }
  .kv-grid-lines::before { opacity: .3; }
}
@media (max-width: 767px) {
  .kv-list .kv-row { flex-wrap: wrap; gap: 6px 16px; }
  .kv-list .kv-row strong { flex-basis: 100%; order: 3; font-size: 18px; }
  .kv-persona-photo { min-height: 420px; padding: 20px !important; }
  .kv-persona-photo .kv-num-giant { font-size: 72px; }
  .kv-format .kv-big { font-size: 56px; }
  .et_pb_button_module_wrapper:has(.kv-inline) { display: block; margin: 0 0 12px; }
  .kv-package { padding: 28px; }
}

/* ---------- v1 კლასები (ძველი გვერდებისთვის) ---------- */
.kvali-light { background: var(--kv-paper); } .kvali-white { background: var(--kv-white); }
.kvali-dark, .kvali-green, .kvali-red { background: var(--kv-ink); color: var(--kv-paper); }
.kvali-sand { background: var(--kvali-sand); }
.kvali-dark h1, .kvali-dark h2, .kvali-dark h3, .kvali-green h1, .kvali-green h2, .kvali-green h3, .kvali-red h1, .kvali-red h2, .kvali-red h3 { color: var(--kv-paper); }
.kvali-dark .kvali-eyebrow, .kvali-green .kvali-eyebrow { color: var(--kv-gold-light); }
.kvali-eyebrow { color: var(--kv-gold-dark); font-weight: 700; letter-spacing: .06em; font-size: 14px; }
.kvali-card { background: var(--kv-white); overflow: hidden; }
.kvali-btn.et_pb_button, .kvali-btn { background: var(--kv-gold) var(--kv-grad) !important; color: var(--kv-ink) !important; border-color: var(--kv-gold) !important; border-radius: 0 !important; }
.kvali-btn-gold.et_pb_button, .kvali-btn-gold { background: transparent !important; color: var(--kv-ink) !important; border: 2px solid var(--kv-ink) !important; border-radius: 0 !important; }
.kvali-chip { display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 600; text-decoration: none; }
.kvali-chip-red, .kvali-chip-gold { background: var(--kv-gold); color: var(--kv-ink); }
.kvali-chip-green, .kvali-chip-dark { background: var(--kv-ink); color: var(--kv-paper); }
.kvali-dots { display: inline-flex; gap: 6px; } .kvali-dots i { width: 10px; height: 10px; border-radius: 999px; background: var(--kv-gold); }
.kvali-round img { border-radius: 999px; border: 4px solid var(--kv-gold); }

/* მეწარმის საკონტაქტო ღილაკები: [kvali_contacts] */
.kvali-contacts { display: flex; flex-wrap: wrap; gap: 10px; }
.kvali-contacts a { display: inline-block; padding: 12px 20px; background: transparent; border: 1px solid var(--kv-ink); color: var(--kv-ink); font-weight: 600; text-decoration: none; letter-spacing: .06em; }
.kvali-contacts a:first-child { background: var(--kv-gold); border-color: var(--kv-gold); }
.kvali-contacts a:hover { background: var(--kv-ink); color: var(--kv-paper); }

/* ---------- სათაურის შრიფტი ქვესათაურებსა და ღილაკებზე (2026-10-11) ---------- */
.et_pb_button, .kv-btn, .kv-link, .kvali-btn, .kvali-pill, .kvali-contacts a, #top-menu li.kvali-menu-btn a,
.kv-eyebrow p, .kv-caps, .kv-caps p, .kv-index, .kv-tag-gold p, .kv-more, .kv-blurb .et_pb_module_header,
.kv-list .kv-row strong, .kv-blog .post-meta, .kvali-eyebrow, .kv-meta-item span {
  font-family: var(--kv-font-display) !important; font-weight: 700; letter-spacing: .08em;
}
.et_pb_button.kv-btn, .et_pb_button.kv-btn-gold, .et_pb_button.kv-link { font-size: 15px !important; }
.kv-eyebrow p, .kv-caps, .kv-caps p { font-size: 13px; }

/* ---------- მენიუ სათაურის შრიფტით (2026-10-11) ---------- */
#top-menu a, #et-secondary-nav a, .et_mobile_menu a, #footer-widgets .menu a, .bottom-nav a,
.et-l--header .et-menu a, .et-l--header .et_mobile_menu a, .et-l--footer .et-menu a,
.et_pb_menu .et-menu a, .et_pb_fullwidth_menu .et-menu a {
  font-family: var(--kv-font-display) !important; letter-spacing: .1em;
}
#top-menu a, .et-l--header .et-menu a { font-size: 17px !important; }
.et_mobile_menu a { font-size: 17px !important; }

/* ---------- ყველა ღილაკი სათაურის შრიფტით, ყველა ტექსტი/ბმული ყვითელში (2026-10-11) ---------- */
body #page-container .et_pb_button, body .et_pb_button, .et_pb_promo_button, .et_pb_more_button, .et_pb_contact_submit,
.wp-block-button__link, button, input[type="submit"], .button, .woocommerce a.button {
  font-family: var(--kv-font-display) !important; letter-spacing: .08em;
}
body #page-container .et_pb_text h1 em, body #page-container .et_pb_text h2 em, body #page-container .et_pb_text h3 em {
  color: var(--kv-yellow) !important; background: var(--kv-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}