/* ============  CUSTOM.SCSS: ADD HERE YOUR OWN PROJECT'S  SCSS OR plain CSS CODE. ============ 
/* ============  THEN, DONT' FORGET TO RECOMPILE IN ORDER TO REBUILD YOUR CSS BUNDLE. ============ 


WHAT DO I NEED TO KNOW BEFORE WORKING

    This is the general process to make visual customizations:

    1. Edit this file, add your own CSS/SCSS code, save the file.

    2. View the page in your browser, while logged in as administrator.

    3. Click the "SASS" symbol on the WP admin bar on the page top.

    Compiling will start, and a feedback window will be shown.

    The /sass/main.scss file will be compiled to a static CSS.

    This CSS is the only one that the theme enqueues.

    As a side note,  the file static CSS name is customizable as well - see functions.php

IMPORTANT INFORMATION  -  IF YOU DON'T WANT TO REINVENT THE WHEEL: 

    Before adding CSS, try to see if there isn't already an utility class for that:
    please take your time to understand and study how Bootstrap works.

    Many times you DON'T NEED to write custom CSS.

    Try using Bootstrap classes first.

    It can save you a lot of time,
    eg. to standardize project colors, or fully customize typography.

    First of all, have a ride in the WordPress Customizer.
    Set your project variables,
    So that simple classes like text-primary or bg-primary will refer to your brand color.

    Take your time to learn to use Bootstrap 5 classes and utility classes especially.

    Documentation: https://getbootstrap.com/docs/5.3/utilities/background/

    To explore things further, please note that picostrap actually implements also BootstrapNinja,
    a small set of SCSS files that supercharges Bootstrap, mostly using it's own Utilities API, or custom SASS
    scripts, to create some more utility classes.
    We built BootstrapNinja with the spirit of offering developers a richer suitcase of reliable tools, supercharging Bootstrap wi
    with some ideas inspired by Tailwind - and our own experience.

    Please take your time to learn using these classes.

    Documentation: https://bootstrap.ninja/ninjabootstrap/

IMPORTANT NOTE REGARDING PATHS FOR REFERENCING ELEMENTS IN THE THEME FOLDER

    Please prepend ../ in the path, as the rendered CSS
    that is executed from the browser is in the /css-output/ theme subfolder    


************************************************		                        */
/* ============  SOME USEFUL CSS SNIPPETS YOU MIGHT NEED ============ */
/* ============  WRITE YOUR PROJECT CODE BELOW ============ */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
body {
  font-family: "Montserrat", sans-serif;
  color: #1c2333;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

#wrapper-navbar,
#wrapper-footer {
  display: none !important;
}

#theme-main {
  padding: 0;
}

.container {
  max-width: 1180px;
}

#lc-header {
  position: sticky;
  top: 0;
  z-index: 1030;
}

#lc-footer {
  background: #fff;
}

section,
#lc-footer [id] {
  scroll-margin-top: 6rem;
}

/* ---------- HEADER ---------- */
.ls-paise {
  padding: 1.1rem 0;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(16, 31, 66, 0.1);
}
.ls-paise .navbar {
  padding: 0;
  background: transparent;
}
.ls-paise .navbar-brand {
  padding: 0;
  margin: 0;
}
.ls-paise .navbar-brand img {
  width: 300px;
  max-width: 100%;
  height: auto;
}
.ls-paise .navbar-toggler {
  display: none;
  width: 2.7rem;
  height: 2.7rem;
  padding: 0;
  border: 1px solid rgba(16, 31, 66, 0.1);
  border-radius: 999px;
  background: #f6f2ec;
  box-shadow: none;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.ls-paise .navbar-toggler:hover,
.ls-paise .navbar-toggler:focus {
  border-color: rgba(16, 31, 66, 0.22);
  background: #fff;
  box-shadow: none;
}
.ls-paise .navbar-toggler-icon {
  position: relative;
  display: block;
  width: 1.1rem;
  height: 12px;
  padding: 0;
  background-image: none !important;
  background-color: transparent;
}
.ls-paise .navbar-toggler-icon::before,
.ls-paise .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  border-radius: 99px;
  background: #101f42;
  transition: transform 0.22s ease, top 0.22s ease, bottom 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}
.ls-paise .navbar-toggler-icon::before {
  top: 0;
  box-shadow: 0 5.25px 0 #101f42;
}
.ls-paise .navbar-toggler-icon::after {
  bottom: 0;
}
.ls-paise .navbar-toggler[aria-expanded=true] {
  background: #101f42;
  border-color: #101f42;
}
.ls-paise .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before,
.ls-paise .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
  background: #fff;
  top: 5.25px;
  bottom: auto;
  box-shadow: none;
}
.ls-paise .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
  transform: rotate(45deg);
}
.ls-paise .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
}
.ls-paise .navbar-collapse {
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
.ls-paise .navbar-nav {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.35rem;
  padding: 0.35rem;
  margin: 0;
  background: #101f42;
  border-radius: 999px;
}
.ls-paise .navbar-nav .nav-link {
  padding: 0.6rem 1.35rem;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.ls-paise .navbar-nav .nav-link:hover,
.ls-paise .navbar-nav .nav-link:focus,
.ls-paise .navbar-nav .nav-link.active {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.ls-paise .navbar-collapse > .lc-block a {
  display: inline-block;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  background: #b28d58;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}
.ls-paise .navbar-collapse > .lc-block a:hover {
  background: #96743f;
  transform: translateY(-1px);
}
.ls-paise .ls-langs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 1.6rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.05;
  white-space: nowrap;
}
.ls-paise .ls-langs-current {
  color: #101f42;
}
.ls-paise .ls-langs-sep {
  display: block;
  margin: 0.05rem 0;
  color: #b28d58;
  font-size: 0.42rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0.85;
}
.ls-paise .ls-langs a {
  color: #b28d58;
  text-decoration: none;
}
.ls-paise .ls-langs a:hover {
  color: #96743f;
}

/* ---------- HERO ---------- */
.ls-avaleht {
  padding: 1.75rem 0 0;
}
.ls-avaleht .ls-avaleht-lava {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  min-height: 34rem;
  display: flex;
  align-items: flex-end;
}
.ls-avaleht .ls-avaleht-lava > .lc-block:first-child {
  position: absolute;
  inset: 0;
}
.ls-avaleht .ls-avaleht-lava > .lc-block:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ls-avaleht .ls-avaleht-lava::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(16, 31, 66, 0.92) 0%, rgba(16, 31, 66, 0.72) 42%, rgba(16, 31, 66, 0.25) 100%);
}
.ls-avaleht .ls-avaleht-sisu {
  position: relative;
  z-index: 2;
  max-width: 36rem;
  padding: 4rem 3.25rem;
}
.ls-avaleht .ls-avaleht-sisu > .lc-block:first-child p {
  margin: 0 0 1.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #b28d58;
}
.ls-avaleht h1 {
  margin: 0;
  font-size: clamp(2.3rem, 4.1vw, 3.4rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: #fff;
}
.ls-avaleht .ls-avaleht-sisu > .lc-block:nth-child(3) p {
  margin: 1.35rem 0 0;
  max-width: 30rem;
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.78);
}
.ls-avaleht .ls-avaleht-sisu > .lc-block:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2.25rem;
}
.ls-avaleht .ls-avaleht-sisu a {
  display: inline-block;
  padding: 0.95rem 1.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.ls-avaleht .ls-avaleht-sisu a:first-child {
  background: #b28d58;
  color: #fff;
}
.ls-avaleht .ls-avaleht-sisu a:first-child:hover {
  background: #96743f;
  transform: translateY(-1px);
}
.ls-avaleht .ls-avaleht-sisu a:last-child {
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
}
.ls-avaleht .ls-avaleht-sisu a:last-child:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

/* ---------- SERVICES ---------- */
.ls-teenused {
  padding: 6rem 0 4.5rem;
}
.ls-teenused .ls-teenused-pais {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ls-teenused .ls-teenused-pais::before {
  content: "";
  width: 2.5rem;
  height: 2px;
  margin-bottom: 1.5rem;
  background: #b28d58;
}
.ls-teenused .ls-teenused-pais > .lc-block:first-child p {
  margin: 0 0 1.1rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #b28d58;
}
.ls-teenused .ls-teenused-pais h2 {
  margin: 0;
  max-width: 22ch;
  font-size: clamp(1.8rem, 2.9vw, 2.5rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-wrap: balance;
  color: #101f42;
}
.ls-teenused .ls-teenused-pais h2 strong {
  font-weight: 700;
}
.ls-teenused > .container > .row:last-child {
  margin-top: 3.5rem;
}
.ls-teenused [class*=col-] {
  margin-bottom: 1.5rem;
}
.ls-teenused .ls-teenus {
  height: 100%;
  padding: 2rem 1.75rem;
  background: #f6f2ec;
  border: 1px solid transparent;
  border-radius: 1.1rem;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.ls-teenused .ls-teenus:hover {
  background: #fff;
  border-color: rgba(16, 31, 66, 0.1);
  transform: translateY(-4px);
  box-shadow: 0 1.5rem 2.5rem rgba(16, 31, 66, 0.08);
}
.ls-teenused .ls-teenus > .lc-block:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
  border-radius: 0.85rem;
  background: #fff;
  color: #b28d58;
  box-shadow: 0 0.35rem 1rem rgba(16, 31, 66, 0.07);
}
.ls-teenused .ls-teenus:hover > .lc-block:first-child {
  background: #101f42;
  color: #fff;
}
.ls-teenused .ls-teenus h3 {
  margin: 0 0 0.75rem;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.35;
  color: #101f42;
}
.ls-teenused .ls-teenus p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: rgba(28, 35, 51, 0.66);
}

/* ---------- CTA BAND ---------- */
.ls-kutse {
  padding: 2rem 0 0;
}
.ls-kutse .container-fluid {
  padding: 0;
}
.ls-kutse .row {
  --bs-gutter-x: 0;
}
.ls-kutse .ls-kutse-riba {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 0;
  padding: 4.5rem 1.5rem;
  text-align: center;
  border-radius: 0;
  border-top: 1px solid rgba(178, 141, 88, 0.4);
  border-bottom: 1px solid rgba(178, 141, 88, 0.4);
}
.ls-kutse .ls-kutse-riba > .lc-block:first-child {
  position: absolute;
  inset: 0;
}
.ls-kutse .ls-kutse-riba > .lc-block:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ls-kutse .ls-kutse-riba::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16, 31, 66, 0.86);
}
.ls-kutse .ls-kutse-sisu {
  position: relative;
  z-index: 2;
  display: block;
  width: auto;
  max-width: 42rem;
  margin: 0 auto;
  padding: 0;
  gap: 0;
  text-align: center;
}
.ls-kutse h2 {
  max-width: 30ch;
  margin: 0 auto;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-wrap: balance;
  color: #fff;
}
.ls-kutse .ls-kutse-sisu a {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.95rem 2.1rem;
  border-radius: 999px;
  background: #b28d58;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.ls-kutse .ls-kutse-sisu a:hover {
  background: #96743f;
  transform: translateY(-1px);
}

/* ---------- ABOUT ---------- */
.ls-meist {
  padding: 6.5rem 0;
}
.ls-meist .ls-meist-pildid {
  position: relative;
  padding: 0 0 3.5rem;
}
.ls-meist .ls-meist-pildid img {
  border-radius: 1.1rem;
  object-fit: cover;
}
.ls-meist .ls-meist-pildid > .lc-block:first-child img {
  width: 100%;
  height: 25rem;
}
.ls-meist .ls-meist-pildid > .lc-block:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 62%;
}
.ls-meist .ls-meist-pildid > .lc-block:nth-child(2) img {
  width: 100%;
  height: 11.5rem;
  border: 0.45rem solid #fff;
  box-shadow: 0 1.25rem 2.5rem rgba(16, 31, 66, 0.14);
}
.ls-meist .ls-meist-tekst {
  padding-left: 3.5rem;
}
.ls-meist .ls-meist-tekst > .lc-block:first-child p {
  margin: 0 0 1.1rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #b28d58;
}
.ls-meist h2 {
  margin: 0 0 1.75rem;
  font-size: clamp(1.8rem, 2.9vw, 2.5rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #101f42;
}
.ls-meist h2 strong {
  font-weight: 700;
}
.ls-meist .ls-meist-tekst > .lc-block:last-child p {
  margin: 0 0 1.1rem;
  font-size: 0.95rem;
  line-height: 1.8;
  color: rgba(28, 35, 51, 0.7);
}
.ls-meist .ls-meist-tekst > .lc-block:last-child p:last-child {
  margin-bottom: 0;
}

/* ---------- LEGAL PAGE ---------- */
.ls-leht {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.ls-leht h1 {
  margin: 0 0 1.75rem;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 700;
  line-height: 1.2;
  color: #101f42;
}
.ls-leht h2 {
  margin: 2.25rem 0 0.85rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #101f42;
}
.ls-leht p,
.ls-leht li {
  font-size: 0.95rem;
  line-height: 1.75;
  color: rgba(28, 35, 51, 0.78);
}
.ls-leht ul {
  margin: 0 0 1rem;
  padding-left: 1.2rem;
}
.ls-leht a {
  color: #96743f;
}

.ls-leht-kuupaev p {
  margin-top: 2.5rem;
  font-size: 0.82rem;
  color: rgba(28, 35, 51, 0.5);
}

/* ---------- CONTACT ---------- */
.ls-kontakt {
  padding: 0 0 6.5rem;
}
#lc-footer .ls-kontakt {
  padding-top: 0;
  padding-bottom: 4.5rem;
}
.ls-kontakt .ls-kontakt-kaart {
  height: 100%;
  padding: 3rem 2.5rem;
  border-radius: 1.5rem;
  background: #101f42;
  color: #fff;
}
.ls-kontakt .ls-kontakt-kaart > .lc-block:first-child p {
  margin: 0 0 1.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #b28d58;
}
.ls-kontakt h2 {
  margin: 0;
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
.ls-kontakt .ls-kontakt-kaart > .lc-block:nth-child(3) p {
  margin: 1rem 0 0;
  font-size: 0.92rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.68);
}
.ls-kontakt .ls-kontakt-read {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem 1.25rem;
  margin-top: 2.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.ls-kontakt .ls-kontakt-read p:first-child {
  margin: 0 0 0.5rem;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.ls-kontakt .ls-kontakt-read p:last-child {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.65;
  color: #fff;
}
.ls-kontakt .ls-kontakt-read a {
  color: #fff;
  text-decoration: none;
}
.ls-kontakt .ls-kontakt-read a:hover {
  color: #b28d58;
}
.ls-kontakt .ls-kontakt-kaart-pilt {
  position: relative;
  height: 100%;
  min-height: 22rem;
  overflow: hidden;
  border-radius: 1.5rem;
}
.ls-kontakt .ls-kontakt-kaart-pilt .lc-block,
.ls-kontakt .ls-kontakt-kaart-pilt .ratio {
  height: 100%;
}
.ls-kontakt .ls-kontakt-kaart-pilt .ratio::before {
  display: none;
}
.ls-kontakt .ls-kontakt-kaart-pilt iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(0.35) contrast(1.02);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1199.98px) {
  .ls-paise .navbar-brand img {
    width: 240px;
  }
}
@media (max-width: 991.98px) {
  .ls-paise .navbar-brand img {
    width: 210px;
  }
  .ls-paise .navbar-toggler {
    display: inline-flex;
  }
  .ls-paise .navbar-collapse {
    align-items: stretch;
    padding-top: 1rem;
  }
  .ls-paise .navbar-nav {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    border-radius: 1.1rem;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
  }
  .ls-paise .navbar-nav .nav-link {
    text-align: center;
  }
  .ls-paise .navbar-collapse > .lc-block a {
    display: block;
    text-align: center;
  }
  .ls-paise .ls-langs {
    flex-direction: row;
    align-self: center;
    gap: 0.4rem;
    padding: 0.35rem 0;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
  }
  .ls-paise .ls-langs-sep {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1;
  }
  .ls-avaleht .ls-avaleht-lava {
    min-height: 28rem;
  }
  .ls-avaleht .ls-avaleht-sisu {
    padding: 2.5rem 1.75rem;
  }
  .ls-teenused {
    padding: 4.5rem 0 3rem;
  }
  .ls-kutse .ls-kutse-riba {
    padding: 3.5rem 1.5rem;
  }
  .ls-meist {
    padding: 4.5rem 0;
  }
  .ls-meist .ls-meist-pildid {
    margin-bottom: 3rem;
  }
  .ls-meist .ls-meist-pildid > .lc-block:first-child img {
    height: 20rem;
  }
  .ls-meist .ls-meist-tekst {
    padding-left: 0;
  }
  .ls-kontakt {
    padding: 0 0 4rem;
  }
  .ls-kontakt .ls-kontakt-kaart {
    padding: 2.25rem 1.75rem;
    margin-bottom: 0;
  }
  .ls-kontakt .ls-kontakt-kaart-pilt {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .ls-paise .navbar-brand img {
    width: 175px;
  }
  .ls-kontakt .ls-kontakt-read {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ---------- COOKIE CONSENT ---------- */
#cc-main {
  position: relative;
  z-index: 2147483647;
  --cc-font-family: "Montserrat", sans-serif;
  --cc-bg: #101f42;
  --cc-primary-color: #fff;
  --cc-secondary-color: rgba(255, 255, 255, 0.72);
  --cc-btn-primary-bg: #b28d58;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #b28d58;
  --cc-btn-primary-hover-bg: #96743f;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #96743f;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.28);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.5);
  --cc-separator-border-color: rgba(255, 255, 255, 0.12);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.06);
  --cc-cookie-category-block-bg-hover: rgba(255, 255, 255, 0.1);
  --cc-toggle-on-bg: #b28d58;
  --cc-toggle-off-bg: rgba(255, 255, 255, 0.28);
  --cc-toggle-on-readonly-bg: rgba(178, 141, 88, 0.45);
  --cc-overlay-bg: rgba(16, 31, 66, 0.55);
  --cc-footer-bg: rgba(255, 255, 255, 0.04);
  --cc-footer-color: rgba(255, 255, 255, 0.72);
  --cc-footer-border-color: rgba(255, 255, 255, 0.1);
  --cc-link-color: #b28d58;
  --cc-modal-border-radius: 1.1rem;
  --cc-btn-border-radius: 999px;
}

#cc-main .cm--bar {
  border-top: 1px solid rgba(178, 141, 88, 0.35);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 700;
  letter-spacing: 0.01em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: none;
}

@media (max-width: 575.98px) {
  #cc-main .cm--bar {
    padding: 1.1rem 1.1rem 1.25rem;
  }
  #cc-main .cm__title {
    font-size: 1.05rem;
  }
  #cc-main .cm__desc {
    font-size: 0.88rem;
    line-height: 1.45;
  }
}