.elementor-1589 .elementor-element.elementor-element-ea86870{--display:flex;--min-height:76px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F2B827;--border-color:#F2B827;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1589 .elementor-element.elementor-element-ea86870:not(.elementor-motion-effects-element-type-background), .elementor-1589 .elementor-element.elementor-element-ea86870 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-1589 .elementor-element.elementor-element-6ae9b1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-86fdaa9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-2ab82dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-ec8d6ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-cbd729a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-e98615d{width:var( --container-widget-width, 67.494% );max-width:67.494%;--container-widget-width:67.494%;--container-widget-flex-grow:0;}.elementor-1589 .elementor-element.elementor-element-e98615d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1589 .elementor-element.elementor-element-faa54a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-34bf7fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-0af89c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1589 .elementor-element.elementor-element-1140335{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-ea86870 *//* =========================================================
   LŮCA TATTOO – HEADER
   Vložit do Vlastního CSS kontejneru HEADER.
   Přichycení headeru nadále řeší nastavení Elementoru.
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ea86870 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  background: rgba(19, 19, 19, .98) !important;
  border-bottom: 1px solid rgba(242, 184, 39, .28);
  box-shadow: 0 8px 26px rgba(0, 0, 0, .32);

  overflow: visible !important;
  z-index: 9999 !important;
}

.elementor-1589 .elementor-element.elementor-element-ea86870.elementor-sticky--effects {
  background: rgba(19, 19, 19, .985) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .42);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-ea86870 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header,
.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header * {
  box-sizing: border-box;
}

/* HLAVNÍ ROZLOŽENÍ */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;

  width: 100%;
  max-width: 1720px;
  min-height: 72px;
  margin: 0 auto;
  padding: 0 24px;

  font-family: "Montserrat", sans-serif;
}

/* LOGO */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;

  margin: 0;
  padding: 0;

  color: #fff !important;
  text-decoration: none !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(19px, 1.35vw, 25px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-brand span {
  color: #f2b827 !important;
}

/* DESKTOPOVÉ MENU */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(16px, 1.8vw, 32px);

  min-width: 0;
  margin: 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 44px;

  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;

  color: rgba(255, 255, 255, .88) !important;
  text-decoration: none !important;
  font-family: "Montserrat", sans-serif;
  font-size: 12.2px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;

  transition: color .22s ease, transform .22s ease;
}

/* Zlatá linka do ztracena */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;

  width: 0;
  height: 2px;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent,
    #f2b827,
    transparent
  );

  opacity: 0;
  transform: translateX(-50%);
  pointer-events: none;

  transition: width .24s ease, opacity .24s ease;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a:hover,
.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a.is-active {
  color: #f2b827 !important;
  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a:hover {
  transform: translateY(-1px);
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a:hover::after,
.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a.is-active::after {
  width: 110%;
  opacity: 1;
}

/* MOBILNÍ TLAČÍTKO */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  gap: 5px;

  width: 44px;
  height: 44px;
  min-width: 44px;
  margin: 0 0 0 auto;
  padding: 0 !important;

  border: 1px solid rgba(242, 184, 39, .58);
  border-radius: 999px;
  background: rgba(242, 184, 39, .08);
  color: #f2b827;

  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  box-shadow: none !important;

  transition:
    background .22s ease,
    transform .22s ease,
    border-color .22s ease;
}

/* Světelný pruh uvnitř tlačítka */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger::before {
  content: "";
  position: absolute;
  top: 0;
  left: -85%;
  z-index: -1;

  width: 70%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .30) 42%,
    rgba(255, 255, 255, .14) 52%,
    transparent 100%
  );

  transform: skewX(-22deg);
  transition: left .62s ease;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #f2b827;

  transition:
    background .22s ease,
    transform .22s ease,
    opacity .22s ease;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger:hover {
    background: linear-gradient(180deg, #f2b827, #d8a316);
    border-color: rgba(242, 184, 39, .90);
    transform: translateY(-2px);
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger:hover::before {
    left: 125%;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger:hover span {
    background: #111;
  }
}

/* Otevřené menu – ikona křížku */

.elementor-1589 .elementor-element.elementor-element-ea86870 .is-open .luca-tattoo-burger span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .is-open .luca-tattoo-burger span:nth-child(2) {
  opacity: 0;
}

.elementor-1589 .elementor-element.elementor-element-ea86870 .is-open .luca-tattoo-burger span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* OVLÁDÁNÍ KLÁVESNICÍ */

.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header a:focus-visible,
.elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header button:focus-visible {
  outline: 2px solid #f2b827 !important;
  outline-offset: 4px !important;
}

/* TABLET A MENŠÍ NOTEBOOK */

@media (max-width: 1120px) {
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header {
    min-height: 68px;
    padding: 0 18px;
    gap: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-burger {
    display: inline-flex;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav {
    position: absolute;
    top: calc(100% + 10px);
    left: 18px;
    right: 18px;
    z-index: 99999;

    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 10px;

    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
    margin: 0;
    padding: 16px;

    border: 1px solid rgba(242, 184, 39, .36);
    border-radius: 18px;
    background: rgba(15, 15, 15, .98);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .48);

    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header.is-open .luca-tattoo-nav {
    display: grid;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a {
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 11px 12px;

    border: 1px solid rgba(242, 184, 39, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);

    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .035em;
    text-align: center;
    white-space: normal;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a::after {
    display: none;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a:hover,
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav a.is-active {
    color: #111 !important;
    background: linear-gradient(180deg, #f2b827, #d8a316);
    border-color: rgba(242, 184, 39, .90);
    transform: none;
  }
}

/* MOBIL */

@media (max-width: 520px) {
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header {
    min-height: 66px;
    padding: 0 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-brand {
    font-size: 18px;
    letter-spacing: .04em;
  }

  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-nav {
    top: calc(100% + 8px);
    left: 16px;
    right: 16px;

    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px;
    border-radius: 16px;
  }
}

/* OMEZENÍ ANIMACÍ */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header *,
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header *::before,
  .elementor-1589 .elementor-element.elementor-element-ea86870 .luca-tattoo-header *::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ae9b1b *//* =========================================================
   LŮCA TATTOO – HERO SE TŘEMI BANNERY
   Pouze do Vlastního CSS kontejneru HERO
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #131313 !important;
  scroll-margin-top: 100px;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-6ae9b1b .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero,
.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero * {
  box-sizing: border-box;
}

/* =========================================================
   SLIDER
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 660px;
  overflow: hidden;
  isolation: isolate;
  background: #131313;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide {
  position: relative;
  grid-area: 1 / 1;
  min-width: 0;
  overflow: hidden;
  background: #131313;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .7s ease,
    visibility .7s ease;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* =========================================================
   FOTOGRAFIE V POZADÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  opacity: .84;
  filter: brightness(.97);

  transform: scale(1.01);
  transition: transform 6s ease;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide.is-active::before {
  transform: scale(1.045);
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="intro"]::before {
  background-image: var(--wpr-bg-939ed710-c569-4df3-9094-b29a822b1724);
  background-position: center center;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="tattoo"]::before {
  background-image: var(--wpr-bg-5d665a60-44cb-4679-9425-4b62f5f2c7aa);
  background-position: center center;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="piercing"]::before {
  background-image: var(--wpr-bg-83602f0e-d765-4fd0-a247-a8a4c0ed826b);
  background-position: center center;
}

/* =========================================================
   ZTMAVENÍ – PC
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(19, 19, 19, .56) 0%,
      rgba(19, 19, 19, .40) 45%,
      rgba(19, 19, 19, .26) 100%
    ),
    linear-gradient(
      180deg,
      rgba(19, 19, 19, .12) 0%,
      rgba(19, 19, 19, .10) 48%,
      rgba(19, 19, 19, .50) 100%
    );
}

/* =========================================================
   OBSAH
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;

  width: 100%;
  max-width: 1240px;
  min-height: 660px;
  margin: 0 auto;
  padding: clamp(80px, 8vw, 120px) max(18px, 4vw);
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-content {
  width: 100%;
  max-width: 620px;
  min-width: 0;
}

/* MALÝ NADPIS */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-kicker {
  margin: 0 0 13px;
  padding: 0;
  color: #f2b827;

  font-family: "Montserrat", sans-serif;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* HLAVNÍ NADPISY */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title {
  margin: 0 !important;
  padding: 0;
  color: #fff !important;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(38px, 5.2vw, 74px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: .012em;
  text-transform: uppercase;

  text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title span {
  color: #f2b827 !important;
}

/* PODNADPIS „Piercing a tetování Choceň“ */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title .luca-studio-location {
  display: block;
  margin-top: 18px;

  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(17px, 1.6vw, 23px);
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

/* POPISY SAMOSTATNÝCH SLIDŮ */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-text {
  max-width: 440px;
  margin: 18px 0 0;
  padding: 0;
  color: rgba(255, 255, 255, .82);

  font-family: "Montserrat", sans-serif;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;

  text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-text::before {
  display: none !important;
}

/* =========================================================
   SOCIÁLNÍ SÍTĚ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 26px 0 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;
  flex: 0 0 44px;

  border: 1px solid rgba(242, 184, 39, .80);
  border-radius: 50%;
  background: linear-gradient(180deg, #f2b827, #d8a316);
  color: #111 !important;
  text-decoration: none !important;

  overflow: hidden;
  isolation: isolate;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16);

  transition: transform .22s ease;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials svg {
  display: block;
  width: 21px;
  height: 21px;
  fill: currentColor;
}

/* =========================================================
   TLAČÍTKA
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  max-width: 100%;
  padding: 10px 23px;

  border: 1px solid rgba(242, 184, 39, .80);
  border-radius: 999px;
  background: linear-gradient(180deg, #f2b827, #d8a316);
  color: #111 !important;

  font-family: "Montserrat", sans-serif;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;

  overflow: hidden;
  isolation: isolate;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16);

  transition: transform .22s ease;
}

/* PŘEJEZD SVĚTELNÉHO PRUHU */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn::before,
.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -85%;
  z-index: -1;
  width: 70%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .38) 42%,
    rgba(255, 255, 255, .18) 52%,
    transparent 100%
  );

  transform: skewX(-22deg);
  transition: left .62s ease;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn:hover,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials a:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn:hover::before,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials a:hover::before {
    left: 125%;
  }
}

/* =========================================================
   PŘEPÍNACÍ TEČKY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots {
  position: absolute;
  z-index: 50;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;

  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots button {
  display: grid;
  place-items: center;

  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  cursor: pointer;

  opacity: 1 !important;
  filter: none !important;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots button::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;

  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;

  box-shadow: 0 1px 7px rgba(0, 0, 0, .45);

  transition:
    width .24s ease,
    background-color .24s ease;
}

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots button.is-active::before {
  width: 32px;
  background: #f2b827 !important;
}

/* OVLÁDÁNÍ KLÁVESNICÍ */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero a:focus-visible,
.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots button:focus-visible {
  outline: 2px solid #f2b827 !important;
  outline-offset: 4px !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1100px) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
    min-height: 620px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
    padding: 80px 36px 100px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-content {
    max-width: 540px;
  }

  /* Na tabletu lehce silnější ztmavení než na PC */

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::before {
    opacity: .82;
    filter: brightness(.96);
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(19, 19, 19, .64) 0%,
        rgba(19, 19, 19, .46) 48%,
        rgba(19, 19, 19, .30) 100%
      ),
      linear-gradient(
        180deg,
        rgba(19, 19, 19, .14) 0%,
        rgba(19, 19, 19, .12) 48%,
        rgba(19, 19, 19, .58) 100%
      );
  }

  /* Lepší výřez úvodní fotografie */

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="intro"]::before {
    background-position: 88% center;
  }
}

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
    min-height: 600px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
    align-items: flex-end;
    padding: 250px 22px 100px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-content {
    width: 100%;
    max-width: 400px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title {
    font-size: clamp(32px, 8.8vw, 43px);
    line-height: 1;
    letter-spacing: 0;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title .luca-studio-location {
    margin-top: 13px;
    font-size: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-kicker {
    margin-bottom: 12px;
    font-size: 10.5px;
    letter-spacing: .12em;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-text {
    max-width: 340px;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials {
    margin-top: 20px;
    gap: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-actions {
    margin-top: 29px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn {
    padding: 10px 20px;
  }

  /* Ztmavení přizpůsobené mobilu */

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::before {
    opacity: .82;
    filter: brightness(.96);
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-overlay {
    background: linear-gradient(
      180deg,
      rgba(19, 19, 19, .20) 0%,
      rgba(19, 19, 19, .28) 30%,
      rgba(19, 19, 19, .62) 58%,
      rgba(19, 19, 19, .86) 100%
    );
  }

  /* Výřezy fotografií na mobilu */

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="intro"]::before {
    background-position: 92% top;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="tattoo"]::before {
    background-position: 75% top;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide[data-slide="piercing"]::before {
    background-position: 85% top;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots {
    bottom: 16px;
  }
}

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-inner {
    padding-left: 18px;
    padding-right: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-title {
    font-size: clamp(28px, 8.6vw, 37px);
  }
}

/* =========================================================
   OMEZENÍ POHYBU
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero *,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero *::before,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-hero *::after,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots *,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots *::before,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-dots *::after {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::before,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide.is-active::before,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-btn:hover,
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-socials a:hover {
    transform: none;
  }
}
/* PLYNULÝ PŘECHOD HERO DO DALŠÍ SEKCE */

.elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  pointer-events: none;

  background: linear-gradient(
    180deg,
    rgba(19, 19, 19, 0) 0%,
    rgba(19, 19, 19, 0.18) 38%,
    rgba(19, 19, 19, 0.72) 76%,
    #131313 100%
  );
}

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-6ae9b1b .luca-studio-slide::after {
    height: 34%;

    background: linear-gradient(
      180deg,
      rgba(19, 19, 19, 0) 0%,
      rgba(19, 19, 19, 0.18) 38%,
      rgba(19, 19, 19, 0.76) 76%,
      #131313 100%
    );
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fdaa9 *//* =========================================================
   LŮCA TATTOO – O MNĚ
   PŘECHOD JE SOUČÁSTÍ FOTOGRAFIE
   ========================================================= */


/* ================================
   RESET ELEMENTORU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #131313 !important;
  background-image: none !important;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9,
.elementor-1589 .elementor-element.elementor-element-86fdaa9 * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-86fdaa9 .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ================================
   CELÁ SEKCE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about {
  width: 100%;

  margin: 0;
  padding: clamp(72px, 8vw, 115px) 24px;

  color: #ffffff;

  background: #131313;
  background-image: none;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-inner {
  width: min(100%, 1108px);

  margin: 0 auto;
  padding: 0;
}


/* ================================
   SPOLEČNÝ BOX
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-card {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: stretch;

  width: 100%;
  min-height: 620px;

  margin: 0;
  overflow: hidden;

  background: #0b0c0d;

  border: 1px solid rgba(242, 184, 39, 0.27);
  border-radius: 24px;

  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


/* ================================
   RESPONZIVNÍ FOTOGRAFIE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-photo {
  position: absolute;
  inset: 0;
  z-index: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture img {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  border: 0;
  border-radius: 0;

  user-select: none;
  pointer-events: none;

  transition:
    transform 0.65s ease,
    filter 0.4s ease;
}


/* ================================
   TEXTOVÁ ČÁST
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-content {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 53%;

  margin: 0 0 0 auto;

  padding:
    clamp(40px, 5vw, 62px)
    clamp(38px, 5vw, 64px);

  text-align: left;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-kicker {
  display: block;

  margin: 0 0 11px;

  color: #f2b827;

  font-size: 10px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* ================================
   NADPIS
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title {
  position: relative;

  margin: 0 0 30px !important;
  padding: 0 0 20px !important;

  color: #ffffff !important;

  background: transparent !important;
  background-image: none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;

  text-align: left !important;
  text-transform: uppercase;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title::after {
  content: "";

  position: absolute;
  bottom: 0;
  left: 0;

  width: 82px;
  height: 2px;

  background:
    linear-gradient(
      90deg,
      #f2b827,
      rgba(242, 184, 39, 0)
    );

  border: 0;
  border-radius: 999px;

  box-shadow: none;
}


/* ================================
   TEXT
   ================================ */

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text {
  width: 100%;

  color: rgba(255, 255, 255, 0.74);

  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.72;
  font-weight: 500;

  text-align: left;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text p {
  margin: 0 0 18px !important;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text p:last-child {
  margin-bottom: 0 !important;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text p:first-child {
  color: rgba(255, 255, 255, 0.92);

  font-size: 1.035em;
}

.elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text strong {
  color: #ffffff;

  font-weight: 800;
}


/* ================================
   EFEKT PŘI NAJETÍ
   ================================ */

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-card:hover
  .luca-about-picture img {
    transform: scale(1.025);
    filter: brightness(1.03);
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about {
    padding: 75px 30px 85px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-inner {
    width: 100%;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-card {
    min-height: 560px;

    border-radius: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture img {
    object-position: center;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-content {
    width: 54%;

    padding: 36px 34px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-kicker {
    font-size: 9.5px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title {
    margin-bottom: 26px !important;

    font-size: clamp(34px, 5vw, 46px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text {
    font-size: 12.5px;
    line-height: 1.65;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text p {
    margin-bottom: 14px !important;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about {
    padding: 58px 15px 72px;

    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-inner {
    width: 100%;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-card {
    display: block;

    min-height: 0;

    background: #090a0b;

    border-radius: 19px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-photo {
    position: relative;
    inset: auto;

    width: 100%;
    height: auto;

    aspect-ratio: 4 / 5;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture {
    width: 100%;
    height: 100%;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
  }

  /*
   * Text se posune do tmavé spodní části
   * mobilní fotografie. Žádný CSS přechod se
   * zde nevytváří.
   */

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-content {
    width: 100%;

    margin: -150px 0 0;

    padding:
      24px
      22px
      31px;

    background: transparent;

    text-align: left;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-kicker {
    margin-bottom: 9px;

    font-size: 9.5px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title {
    margin-bottom: 25px !important;
    padding-bottom: 17px !important;

    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-title::after {
    width: 72px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text {
    font-size: 13.5px;
    line-height: 1.68;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text p {
    margin-bottom: 17px !important;
  }
}


/* =========================================================
   MENŠÍ MOBILY
   ========================================================= */

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about {
    padding-right: 12px;
    padding-left: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-content {
    margin-top: -140px;

    padding-right: 18px;
    padding-bottom: 27px;
    padding-left: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-text {
    font-size: 13px;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-86fdaa9 .luca-about-picture img {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ab82dd *//* =========================================================
   LŮCA TATTOO – NA ČEM MI ZÁLEŽÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-2ab82dd {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #131313 !important;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd,
.elementor-1589 .elementor-element.elementor-element-2ab82dd * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-2ab82dd .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CELÁ SEKCE */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #FFFFFF;

  background:
    radial-gradient(
      circle at 50% 15%,
      rgba(242, 184, 39, .035),
      transparent 34%
    ),
    #131313;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-inner {
  width: min(100%, 1240px);
  margin: 0 auto;

  padding:
    clamp(72px, 7vw, 100px)
    max(22px, 4vw)
    clamp(80px, 7vw, 108px);
}

/* =========================================================
   NADPIS SEKCE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading {
  width: min(100%, 750px);
  margin: 0 auto clamp(46px, 5vw, 65px);
  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading h2 {
  margin: 0 !important;

  color: #FFFFFF !important;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .012em;
  text-transform: uppercase;
  text-wrap: balance;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading h2 span {
  color: #F2B827;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading h2::after {
  content: "";
  display: block;

  width: 82px;
  height: 2px;
  margin: 21px auto 0;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent,
    #F2B827,
    transparent
  );
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading p {
  max-width: 620px;
  margin: 22px auto 0 !important;

  color: rgba(255, 255, 255, .68) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
}

/* =========================================================
   PANEL S VÝHODAMI
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  width: 100%;
  padding: 35px 8px;
  overflow: hidden;

  background: linear-gradient(
    145deg,
    rgba(25, 25, 25, .98),
    rgba(20, 20, 20, .98)
  );

  border: 1px solid rgba(242, 184, 39, .24);
  border-radius: 22px;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .025);
}

/* JEDNOTLIVÉ BODY */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit {
  position: relative;
  min-width: 0;

  padding: 13px clamp(18px, 2vw, 27px);

  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 17px;

  border-right: 1px solid rgba(242, 184, 39, .18);

  transition:
    transform .25s ease,
    background-color .25s ease;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:last-child {
  border-right: 0;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:hover {
    transform: translateY(-4px);
  }
}

/* =========================================================
   IKONY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon {
  position: relative;

  width: 54px;
  height: 54px;
  min-width: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  color: #111111;

  border: 1px solid rgba(242, 184, 39, .95);
  border-radius: 999px;

  background: linear-gradient(
    180deg,
    #F2B827 0%,
    #D8A316 100%
  );

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon svg {
  position: relative;
  z-index: 2;

  display: block;
  width: 48%;
  height: 48%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* SVĚTELNÝ PŘEJEZD PŘES IKONU */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon::after {
  content: "";
  position: absolute;
  inset: 0;

  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .48) 42%,
    rgba(255, 255, 255, .18) 54%,
    transparent 66%
  );

  transform: translateX(-145%);
  transition: transform .62s ease;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:hover
  .luca-studio-benefit-icon {
    transform: translateY(-2px) scale(1.04);

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, .32),
      inset 0 -3px 0 rgba(0, 0, 0, .18),
      0 12px 24px rgba(0, 0, 0, .24);
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:hover
  .luca-studio-benefit-icon::after {
    transform: translateX(145%);
  }
}

/* =========================================================
   TEXTY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy h3 {
  margin: 0 0 7px !important;

  color: #FFFFFF !important;

  font-family: "Montserrat", sans-serif;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .015em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy h3::after {
  content: "";
  display: block;

  width: 34px;
  height: 2px;
  margin-top: 8px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #F2B827,
    rgba(242, 184, 39, 0)
  );
}

.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy p {
  margin: 0 !important;

  color: rgba(255, 255, 255, .62) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 500;
}

/* =========================================================
   TABLET – 2 × 2
   ========================================================= */

@media (max-width: 1100px) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit {
    padding: 25px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:nth-child(2) {
    border-right: 0;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:nth-child(1),
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:nth-child(2) {
    border-bottom: 1px solid rgba(242, 184, 39, .18);
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy h3 {
    font-size: 14px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy p {
    font-size: 13px;
  }
}

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values {
    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-inner {
    padding: 64px 18px 74px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading {
    margin-bottom: 38px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-heading p {
    margin-top: 19px !important;
    font-size: 14px;
    line-height: 1.65;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefits {
    grid-template-columns: 1fr;
    padding: 13px 20px;
    border-radius: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit,
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:nth-child(1),
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:nth-child(2),
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:last-child {
    padding: 23px 0;

    grid-template-columns: 51px minmax(0, 1fr);
    gap: 16px;

    border-right: 0;
    border-bottom: 1px solid rgba(242, 184, 39, .18);
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit:last-child {
    border-bottom: 0;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon {
    width: 49px;
    height: 49px;
    min-width: 49px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy h3 {
    font-size: 13.5px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-copy p {
    font-size: 12.8px;
  }
}

/* =========================================================
   MENŠÍ MOBILY
   ========================================================= */

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-values-inner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefits {
    padding-left: 17px;
    padding-right: 17px;
  }
}

/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit,
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon,
  .elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefit-icon::after {
    transition: none !important;
    transform: none !important;
  }
}
/* Tmavší pozadí panelu Na čem mi záleží */
.elementor-1589 .elementor-element.elementor-element-2ab82dd .luca-studio-benefits {
  background: #0d0d0d !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8d6ef *//* =========================================================
   LŮCA TATTOO – MOJE PRÁCE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #131313 !important;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef,
.elementor-1589 .elementor-element.elementor-element-ec8d6ef * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-ec8d6ef .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   CELÁ SEKCE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio {
  --luca-gold: #F2B827;
  --luca-gold-dark: #D8A316;
  --luca-bg: #131313;
  --luca-card: #171717;
  --luca-white: #FFFFFF;
  --luca-muted: rgba(255, 255, 255, .68);

  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;

  color: var(--luca-white);

  background: var(--luca-bg);

  font-family: "Montserrat", sans-serif;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio button {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
  width: min(100%, 1240px);

  margin: 0 auto;

padding:
  0
  max(22px, 4vw)
  0;
}

/* =========================================================
   HLAVNÍ NADPIS
   STEJNÝ STYL JAKO „NA ČEM MI ZÁLEŽÍ“
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading {
  width: min(100%, 750px);

  margin:
    0
    auto
    clamp(46px, 5vw, 65px);

  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;
  background: transparent !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .012em !important;
  text-transform: uppercase;
  text-wrap: balance;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading h2 span {
  color: #F2B827 !important;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading h2::after {
  content: "";

  display: block;

  width: 82px;
  height: 2px;

  margin: 21px auto 0;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent,
    #F2B827,
    transparent
  );
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading p {
  max-width: 620px;

  margin: 22px auto 0 !important;

  color: rgba(255, 255, 255, .68) !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

/* =========================================================
   SKUPINY GALERIÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group {
  width: 100%;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group + .luca-gallery-group {
  margin-top: 68px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading {
  margin: 0 0 20px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading h3 {
  position: relative;

  display: inline-block;

  margin: 0 !important;
  padding: 0 0 13px !important;

  color: #FFFFFF !important;
  background: transparent !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .012em !important;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading h3::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: 0;

  width: 52px;
  height: 2px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #F2B827,
    transparent
  );
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading p {
  max-width: 680px;

  margin: 13px 0 0 !important;

  color: rgba(255, 255, 255, .68) !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

/* =========================================================
   KONTEJNER KOLOTOČE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-slider {
  position: relative;

  width: 100%;

  padding: 22px 76px 25px;
  overflow: hidden;

  background: linear-gradient(
    145deg,
    #171717,
    #121212
  );

  border: 1px solid rgba(242, 184, 39, .25);
  border-radius: 22px;

  box-shadow:
    0 20px 48px rgba(0, 0, 0, .26);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport {
  width: 100%;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;

  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: contain;

  -webkit-overflow-scrolling: touch;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport::-webkit-scrollbar {
  display: none;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport:focus-visible {
  outline: 2px solid var(--luca-gold);
  outline-offset: 4px;

  border-radius: 16px;
}

/* =========================================================
   FOTOGRAFIE – POČÍTAČ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-track {
  display: grid;

  grid-auto-flow: column;
  grid-auto-columns:
    calc((100% - 36px) / 3);

  gap: 18px;

  width: 100%;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-card {
  width: 100%;
  min-width: 0;

  margin: 0;
  overflow: hidden;

  border-radius: 17px;

  scroll-snap-align: start;
  scroll-snap-stop: always;

  contain: paint;

  transform: translateZ(0);
  backface-visibility: hidden;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button {
  position: relative;

  display: block;

  width: 100%;
  padding: 0;
  overflow: hidden;

  cursor: zoom-in;

  aspect-ratio: 4 / 5;

  color: #FFFFFF;
  background: #181818;

  border: 0;
  border-radius: inherit;

  clip-path: inset(0 round 17px);

  box-shadow:
    0 16px 34px rgba(0, 0, 0, .28);

  transform: translateZ(0);
  backface-visibility: hidden;

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button img {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;

  object-fit: cover;
  object-position: center;

  border-radius: inherit;

  filter:
    brightness(.92)
    saturate(.92);

  transform:
    scale(1.01)
    translateZ(0);

  backface-visibility: hidden;

  transition:
    transform .48s ease,
    filter .30s ease;
}

/* TLAČÍTKO ZVĚTŠIT */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button::after {
  content: "ZVĚTŠIT";

  position: absolute;
  left: 50%;
  bottom: 16px;
  z-index: 3;

  padding: 8px 13px;

  opacity: 0;

  color: #111111;
  background: #F2B827;

  border-radius: 999px;

  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;

  transform: translate(-50%, 8px);

  transition:
    opacity .25s ease,
    transform .25s ease;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button:hover {
    transform:
      translateY(-4px)
      translateZ(0);

    box-shadow:
      0 22px 42px rgba(0, 0, 0, .36);
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button:hover img {
    transform:
      scale(1.055)
      translateZ(0);

    filter:
      brightness(.80)
      saturate(.96);
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button:hover::after {
    opacity: 1;

    transform:
      translate(-50%, 0);
  }
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button:focus-visible {
  outline: 2px solid #F2B827;
  outline-offset: -3px;
}

/* =========================================================
   ZLATÁ OVLÁDACÍ TLAČÍTKA
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control {
  position: absolute;
  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  overflow: hidden;

  cursor: pointer;

  color: #111111;

  background: linear-gradient(
    180deg,
    #F2B827 0%,
    #D8A316 100%
  );

  border: 1px solid rgba(242, 184, 39, .95);
  border-radius: 999px;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16),
    0 12px 28px rgba(0, 0, 0, .30);

  isolation: isolate;

  transition:
    transform .22s ease,
    opacity .22s ease,
    box-shadow .22s ease;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control::after {
  content: "";

  position: absolute;
  top: 0;
  left: -95%;
  z-index: -1;

  width: 75%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .48) 43%,
    rgba(255, 255, 255, .18) 55%,
    transparent 100%
  );

  transform: skewX(-22deg);

  transition: left .58s ease;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control:hover::after {
  left: 135%;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control svg {
  position: relative;
  z-index: 2;

  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control:focus-visible {
  outline: 2px solid #F2B827;
  outline-offset: 3px;
}

/* =========================================================
   ŠIPKY KOLOTOČE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow {
  top: 50%;

  width: 44px;
  height: 44px;

  transform: translateY(-65%);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow-prev {
  left: 15px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow-next {
  right: 15px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow:hover {
  transform:
    translateY(-65%)
    scale(1.06);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow:disabled {
  opacity: .25;
  cursor: default;

  transform: translateY(-65%);
}

/* =========================================================
   INDIKÁTOR POSUNU
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-progress {
  position: relative;

  width: 110px;
  height: 3px;

  margin: 19px auto 0;
  overflow: hidden;

  background: rgba(242, 184, 39, .18);

  border-radius: 999px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-progress span {
  --luca-progress: 0;

  position: absolute;
  top: 0;

  left: calc(
    (100% - 18px) *
    var(--luca-progress)
  );

  display: block;

  width: 18px;
  height: 100%;

  background: linear-gradient(
    90deg,
    #D8A316,
    #F2B827
  );

  border-radius: inherit;

  box-shadow:
    0 0 10px rgba(242, 184, 39, .32);

  transition: left .28s ease;
}

/* =========================================================
   ZVĚTŠENÝ NÁHLED
   ========================================================= */

body.luca-lightbox-open {
  overflow: hidden !important;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-lightbox[hidden] {
  display: none !important;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 66px 82px 42px;

  background: #050505 !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-content {
  display: flex;
  align-items: center;
  justify-content: center;

  width: min(100%, 1100px);
  height: 100%;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-content img {
  display: block;

  max-width: 100%;
  max-height: calc(100vh - 110px);

  object-fit: contain;

  border: 0;
  border-radius: 14px;

  box-shadow:
    0 28px 75px rgba(0, 0, 0, .52);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-close {
  top: 18px;
  right: 24px;

  width: 46px;
  height: 46px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-close:hover {
  transform: scale(1.07);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-arrow {
  top: 50%;

  width: 48px;
  height: 48px;

  transform: translateY(-50%);
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-prev {
  left: 22px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-next {
  right: 22px;
}

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-arrow:hover {
  transform:
    translateY(-50%)
    scale(1.07);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 22px;
  padding-left: 22px;
}

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-slider {
    padding-right: 70px;
    padding-left: 70px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-track {
    grid-auto-columns:
      calc((100% - 18px) / 2);
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow-prev {
    left: 13px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow-next {
    right: 13px;
  }
}

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio {
    scroll-margin-top: 76px;
  }

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
  padding:
    0
    18px
    0;
}

  /* STEJNÝ NADPIS JAKO V OSTATNÍCH SEKCÍCH */

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading {
    margin-bottom: 38px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-heading p {
    margin-top: 19px !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group + .luca-gallery-group {
    margin-top: 54px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading {
    margin-bottom: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading h3 {
    font-size: 26px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-group-heading p {
    font-size: 13px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-slider {
    padding:
      14px
      0
      22px;

    border-radius: 18px;
  }

  /*
   * Každý snímek má vlastní celou pozici.
   * První i poslední snímek proto skončí uprostřed.
   */

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-track {
    grid-auto-columns: 100%;

    gap: 0;

    width: 100%;
    padding: 0;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport {
    width: 100%;

    padding: 0;

    scroll-padding-right: 0;
    scroll-padding-left: 0;

    scroll-snap-type: x mandatory;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-card {
    width: 100%;
    min-width: 100%;

    border-radius: 15px;

    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  /*
   * Samotná fotografie je uvnitř pozice užší.
   * Mezi fotografiemi tak vznikne viditelná mezera.
   */

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button {
    width: calc(100% - 32px);

    margin-right: auto;
    margin-left: auto;

    clip-path: inset(0 round 15px);
  }

  /* NA MOBILU SE GALERIE OVLÁDÁ PRSTEM */

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-arrow {
    display: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-progress {
    width: 92px;

    margin-top: 16px;
  }

  /* ZVĚTŠENÝ NÁHLED NA MOBILU */

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-lightbox {
    padding:
      62px
      14px
      70px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-content img {
    max-height: calc(100vh - 145px);

    border-radius: 10px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-close {
    top: 11px;
    right: 13px;

    width: 43px;
    height: 43px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-arrow {
    top: auto;
    bottom: 13px;

    width: 43px;
    height: 43px;

    transform: none;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-arrow:hover {
    transform: scale(1.06);
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-prev {
    left: calc(50% - 54px);
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-lightbox-next {
    right: calc(50% - 54px);
  }
}

/* =========================================================
   MENŠÍ MOBILY
   ========================================================= */

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button {
    width: calc(100% - 28px);
  }
}

/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button,
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button img,
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control,
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-progress span {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-control::after {
    display: none;
  }

  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport {
    scroll-behavior: auto;
  }
}
/* Skrytí tlačítka ZVĚTŠIT na fotografiích */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button::after,
.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-image-button:hover::after {
  content: none !important;
  display: none !important;
}
/* Tmavší pozadí obou galerií */
.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-slider {
  background: #0d0d0d !important;
}
/* =========================================================
   MOJE PRÁCE – POSOUVÁNÍ FOTOGRAFIÍ PRSTEM
   Mobil i dotykový tablet
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-gallery-viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;

  touch-action: pan-x pan-y pinch-zoom !important;
  overscroll-behavior-x: contain;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;

  -webkit-overflow-scrolling: touch;
}
/* STEJNÁ MEZERA NAD I POD SEKCI MOJE PRÁCE */
.elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
  padding-top: clamp(80px, 7vw, 108px) !important;
  padding-bottom: clamp(80px, 7vw, 108px) !important;
}

/* Mobil */
@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-ec8d6ef .luca-portfolio-inner {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbd729a *//* =========================================================
   LŮCA TATTOO – RECENZE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  padding:
    clamp(72px, 7vw, 105px)
    max(20px, 4vw)
    clamp(80px, 7vw, 110px) !important;

  background: #131313 !important;
  overflow: hidden;
  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a,
.elementor-1589 .elementor-element.elementor-element-cbd729a * {
  box-sizing: border-box;
}


/* =========================================================
   NADPIS
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading {
  width: min(100%, 700px);
  margin: 0 auto clamp(42px, 5vw, 60px);
  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading h2 {
  margin: 0 !important;

  color: #FFFFFF !important;
  background: transparent !important;
  box-shadow: none !important;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .015em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading h2 span {
  color: #F2B827 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #F2B827 !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading h2::after {
  content: "";
  display: block;

  width: 82px;
  height: 2px;
  margin: 21px auto 0;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent,
    #F2B827,
    transparent
  );
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading p {
  max-width: 620px;
  margin: 22px auto 0 !important;

  color: rgba(255, 255, 255, .66) !important;

  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
}


/* =========================================================
   TRUSTINDEX
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode {
  width: min(100%, 1240px) !important;
  margin: 0 auto !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode > .elementor-widget-container {
  width: 100% !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-widget-container {
  width: 100% !important;
  margin: 0 auto !important;

  font-family: "Montserrat", sans-serif !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-header,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-footer {
  color: #FFFFFF !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-rating-text,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-rating-text strong {
  color: rgba(255, 255, 255, .82) !important;
  font-family: "Montserrat", sans-serif !important;
}


/* =========================================================
   KARTY RECENZÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item {
  padding: 8px !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item > .ti-inner {
  height: 100% !important;
  padding: 25px !important;

  background: linear-gradient(
    145deg,
    rgba(26, 26, 26, .98),
    rgba(20, 20, 20, .98)
  ) !important;

  border: 1px solid rgba(242, 184, 39, .22) !important;
  border-radius: 19px !important;

  box-shadow:
    0 18px 40px rgba(0, 0, 0, .23),
    inset 0 1px 0 rgba(255, 255, 255, .025) !important;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item > .ti-inner:hover {
    transform: translateY(-4px);

    border-color: rgba(242, 184, 39, .42) !important;

    box-shadow:
      0 24px 48px rgba(0, 0, 0, .30),
      0 0 22px rgba(242, 184, 39, .025) !important;
  }
}


/* =========================================================
   TEXTY RECENZÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-name {
  color: #FFFFFF !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-date {
  color: rgba(255, 255, 255, .45) !important;
  font-family: "Montserrat", sans-serif !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-content,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-text {
  color: rgba(255, 255, 255, .70) !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-read-more {
  color: #F2B827 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-stars {
  filter: none !important;
}


/* Profilové obrázky klientů */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-header .ti-profile-img img {
  border: 2px solid rgba(242, 184, 39, .38) !important;
  border-radius: 999px !important;
}


/* =========================================================
   LEVÁ FOTOGRAFIE FIRMY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-img {
  display: block !important;
  flex: 0 0 66px !important;

  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;

  margin: 0 14px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: #181818 !important;

  border: 1px solid rgba(242, 184, 39, .62) !important;
  border-radius: 7px !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-img img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center !important;

  border: 0 !important;
  border-radius: 6px !important;

  transform: scale(1.42) !important;
  transform-origin: center !important;
}


/* =========================================================
   TLAČÍTKO NAPSAT RECENZI
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-header-write-btn-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-top: 16px !important;
  padding: 0 !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
.ti-header-write-btn-container
.ti-header-write-btn {
  position: relative !important;
  isolation: isolate !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 132px !important;
  max-width: 100% !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 10px 18px !important;
  overflow: hidden !important;

  color: #111111 !important;

  background: linear-gradient(
    180deg,
    #F2B827 0%,
    #D8A316 100%
  ) !important;

  border: 1px solid rgba(242, 184, 39, .95) !important;
  border-radius: 999px !important;
  outline: none !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16) !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
.ti-header-write-btn-container
.ti-header-write-btn::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: -95% !important;
  z-index: 0 !important;

  display: block !important;

  width: 72% !important;
  height: 100% !important;

  pointer-events: none !important;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .46) 42%,
    rgba(255, 255, 255, .18) 54%,
    transparent 100%
  ) !important;

  transform: skewX(-22deg) !important;
  transition: left .60s ease !important;
}

@media (hover: hover) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-header-write-btn-container
  .ti-header-write-btn:hover {
    color: #111111 !important;

    transform: translateY(-2px) scale(1.02) !important;

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, .32),
      inset 0 -3px 0 rgba(0, 0, 0, .18),
      0 12px 24px rgba(0, 0, 0, .24) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-header-write-btn-container
  .ti-header-write-btn:hover::before {
    left: 135% !important;
  }
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
.ti-header-write-btn-container
.ti-header-write-btn:focus,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
.ti-header-write-btn-container
.ti-header-write-btn:focus-visible {
  outline: none !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16),
    0 0 0 3px rgba(242, 184, 39, .17) !important;
}


/* =========================================================
   UMÍSTĚNÍ ŠIPEK
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
  position: relative !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  z-index: 20 !important;

  display: block !important;

  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;

  transform: translateY(-50%) !important;
}


/* =========================================================
   ŠIPKY – STEJNÝ STYL JAKO GALERIE FOTEK
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
  position: absolute !important;
  top: 0 !important;
  z-index: 2 !important;
  isolation: isolate !important;

  display: block !important;

  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #111111 !important;

  background: linear-gradient(
    180deg,
    #F2B827 0%,
    #D8A316 100%
  ) !important;

  border: 1px solid rgba(242, 184, 39, .95) !important;
  border-radius: 999px !important;
  outline: none !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16),
    0 9px 20px rgba(0, 0, 0, .28) !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;

  transform: translateY(-50%) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev {
  left: -12px !important;
  right: auto !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
  right: -12px !important;
  left: auto !important;
}


/* Symbol šipky */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev::before,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next::before {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;

  display: block !important;

  width: 9px !important;
  height: 9px !important;

  background: transparent !important;

  border: 0 !important;
  border-right: 2px solid #111111 !important;
  border-bottom: 2px solid #111111 !important;
  border-radius: 1px !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev::before {
  left: 53% !important;

  transform:
    translate(-50%, -50%)
    rotate(135deg) !important;
}

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next::before {
  left: 47% !important;

  transform:
    translate(-50%, -50%)
    rotate(-45deg) !important;
}


/* Světelný přejezd */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev::after,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next::after {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: -95% !important;
  z-index: 2 !important;

  display: block !important;

  width: 72% !important;
  height: 100% !important;

  pointer-events: none !important;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, .46) 42%,
    rgba(255, 255, 255, .18) 54%,
    transparent 100%
  ) !important;

  border: 0 !important;
  border-radius: 0 !important;

  transform: skewX(-22deg) !important;
  transition: left .60s ease !important;
}


/* Hover na počítači */

@media (hover: hover) and (min-width: 1025px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover {
    border-color: #F2B827 !important;
    outline: none !important;

    filter: brightness(1.08) !important;

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, .34),
      inset 0 -3px 0 rgba(0, 0, 0, .18),
      0 12px 25px rgba(0, 0, 0, .32),
      0 0 18px rgba(242, 184, 39, .16) !important;

    transform:
      translateY(-50%)
      scale(1.07) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover::after,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover::after {
    left: 135% !important;
  }
}


/* Kliknutí */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:active,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:active {
  border-color: #F2B827 !important;
  outline: none !important;
  filter: brightness(.96) !important;
}


/* Fokus bez bílého rámečku */

.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:focus,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:focus,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:focus-visible,
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:focus-visible {
  border-color: #F2B827 !important;
  outline: none !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .28),
    inset 0 -3px 0 rgba(0, 0, 0, .16),
    0 0 0 3px rgba(242, 184, 39, .16),
    0 9px 20px rgba(0, 0, 0, .28) !important;
}


/* =========================================================
   TABLET – ŠIPKY POD RECENZEMI
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
    padding-bottom: 64px !important;
    overflow: visible !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls {
    top: auto !important;
    bottom: 10px !important;

    height: 40px !important;

    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
    top: 0 !important;
    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev {
    left: calc(50% - 49px) !important;
    right: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
    left: calc(50% + 9px) !important;
    right: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls-line {
    display: none !important;
  }
}


/* Hover na tabletu při práci myší */

@media (hover: hover) and (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover {
    filter: brightness(1.08) !important;

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, .34),
      inset 0 -3px 0 rgba(0, 0, 0, .18),
      0 12px 25px rgba(0, 0, 0, .32),
      0 0 18px rgba(242, 184, 39, .16) !important;

    transform:
      translateY(-2px)
      scale(1.07) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover::after,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover::after {
    left: 135% !important;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a {
    padding:
      64px
      16px
      76px !important;

    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading {
    margin-bottom: 36px;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading h2 {
    font-size: clamp(33px, 9.5vw, 43px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .luca-reviews-heading p {
    margin-top: 19px !important;

    font-size: 14px;
    line-height: 1.65;
  }


  /* Celý widget bude na mobilu užší */

  .elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode {
    width: calc(100% - 34px) !important;
    max-width: 320px !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode > .elementor-widget-container,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }


  /* Souhrn hodnocení bude na mobilu vycentrovaný */

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    text-align: center !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-img {
    flex: 0 0 60px !important;

    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;

    margin: 0 auto 11px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }


  /* Tlačítko bude přesně uprostřed */

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-footer
  .ti-header-write-btn-container {
    position: static !important;
    left: auto !important;

    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 16px auto 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-footer
  .ti-header-write-btn {
    width: auto !important;
    min-width: 150px !important;
    max-width: 190px !important;

    margin: 0 auto !important;
  }


  /* Užší a vzdušnější karta */

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item {
    padding: 4px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item > .ti-inner {
    padding: 21px 18px !important;
    border-radius: 17px !important;
  }


  /* Šipky pod kartou */

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
    padding-bottom: 62px !important;
    overflow: visible !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls {
    top: auto !important;
    bottom: 8px !important;

    height: 38px !important;

    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
    top: 0 !important;

    width: 38px !important;
    height: 38px !important;

    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev {
    left: calc(50% - 47px) !important;
    right: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
    left: calc(50% + 9px) !important;
    right: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls-line {
    display: none !important;
  }
}


/* Hover v mobilním náhledu Elementoru ovládaném myší */

@media (hover: hover) and (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover {
    filter: brightness(1.08) !important;

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, .34),
      inset 0 -3px 0 rgba(0, 0, 0, .18),
      0 12px 25px rgba(0, 0, 0, .32),
      0 0 18px rgba(242, 184, 39, .16) !important;

    transform:
      translateY(-2px)
      scale(1.07) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev:hover::after,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next:hover::after {
    left: 135% !important;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item > .ti-inner,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-header-write-btn-container
  .ti-header-write-btn,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev::after,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next::after {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-review-item > .ti-inner {
    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-header-write-btn-container
  .ti-header-write-btn::before {
    display: none !important;
  }
}
/* =========================================================
   RECENZE – TABLET A MOBIL BEZ ŠIPEK
   Posouvání zůstává tažením prstem
   ========================================================= */

@media (max-width: 1024px) {

  /* Celkové uspořádání Trustindexu pod sebe */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-widget-container {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  /* Profil firmy bude nad recenzemi */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer {
    order: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 30px !important;
    padding: 0 !important;
  }

  /* Recenze budou pod profilem */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
    order: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding-bottom: 0 !important;

    overflow: hidden !important;
    touch-action: pan-y pinch-zoom !important;
  }

  /*
   * Skryjí se pouze tlačítka se šipkami.
   * Funkce Trustindexu ani posouvání prstem se nevypíná.
   */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-prev,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls .ti-next {
    display: none !important;
    pointer-events: none !important;
  }

  /* Zachování plynulého posouvání */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container-wrapper {
    touch-action: pan-y pinch-zoom !important;
    cursor: grab;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container-wrapper:active {
    cursor: grabbing;
  }

  /* Jemný indikátor dalšího obsahu */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls-line {
    display: block !important;

    position: relative !important;

    width: 110px !important;
    height: 3px !important;

    margin: 18px auto 0 !important;
    overflow: hidden !important;

    background: rgba(242, 184, 39, .18) !important;
    border-radius: 999px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls-line .dot {
    height: 100% !important;

    background: linear-gradient(
      90deg,
      #D8A316,
      #F2B827
    ) !important;

    border-radius: 999px !important;
  }
}


/* =========================================================
   TABLET – DVĚ RECENZE VEDLE SEBE
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  /* Profil firmy nahoře a uprostřed */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 620px !important;

    margin: 0 auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-details {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  /* Dvě recenze přesně vedle sebe */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 50% !important;

    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;

    padding: 7px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item > .ti-inner {
    padding: 22px !important;
  }
}


/* =========================================================
   MOBIL – JEDNA RECENZE A PROFIL UPROSTŘED
   ========================================================= */

@media (max-width: 767px) {

  /* Profil a informace pod sebou */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    text-align: center !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-img {
    margin: 0 auto 12px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer .ti-profile-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  /* Tlačítko Napsat recenzi přesně uprostřed */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-footer
  .ti-header-write-btn-container {
    position: static !important;
    left: auto !important;
    right: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 16px auto 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog
  .ti-footer
  .ti-header-write-btn {
    margin: 0 auto !important;
  }

  /* Jedna recenze na jednu pozici */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    padding: 4px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item > .ti-inner {
    padding: 21px 18px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-footer {
    margin-bottom: 26px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-controls-line {
    width: 92px !important;
    margin-top: 16px !important;
  }
}
/* =========================================================
   RECENZE – CELÉ KARTY A OHRANIČENÍ NA TABLETU A MOBILU
   ========================================================= */

@media (max-width: 1024px) {

  /* Trustindex nebude přesahovat mimo šířku stránky */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode > .elementor-widget-container,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget,
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget .ti-widget-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Bezpečný prostor kolem posouvaných recenzí */
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
    width: 100% !important;
    max-width: 100% !important;

    padding-right: 6px !important;
    padding-left: 6px !important;

    overflow: hidden !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 6px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item {
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item > .ti-inner {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;
    background-clip: padding-box !important;

    border: 1px solid rgba(242, 184, 39, .36) !important;

    box-shadow:
      inset 0 0 0 1px rgba(242, 184, 39, .025),
      inset 0 1px 0 rgba(255,255,255,.025),
      0 16px 34px rgba(0,0,0,.22) !important;
  }
}


/* =========================================================
   TABLET – DVĚ CELÉ KARTY
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 50% !important;

    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;

    padding: 8px !important;
  }
}


/* =========================================================
   MOBIL – JEDNA CELÁ KARTA
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-cbd729a .elementor-widget-shortcode {
    width: calc(100% - 24px) !important;
    max-width: 330px !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-reviews-container {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    padding: 6px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item > .ti-inner {
    border-radius: 17px !important;
  }
}
/* Tmavší pouze jednotlivé karty recenzí */
.elementor-1589 .elementor-element.elementor-element-cbd729a .ti-widget.ti-goog .ti-review-item > .ti-inner {
  background: #0d0d0d !important;
  background-image: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-faa54a4 *//* =========================================================
   LŮCA TATTOO – CENÍK A DÁRKOVÉ POUKAZY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #131313 !important;
  background-image: none !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4,
.elementor-1589 .elementor-element.elementor-element-faa54a4 * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-faa54a4 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .screen-reader-text {
  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;
}


/* =========================================================
   CELÁ SEKCE
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing {
  --luca-gold: #f2b827;
  --luca-gold-dark: #d8a316;
  --luca-bg: #131313;
  --luca-card: #171717;
  --luca-white: #ffffff;
  --luca-muted: rgba(255, 255, 255, 0.68);

  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;

  color: var(--luca-white);

  background: #131313 !important;
  background-image: none !important;

  font-family: "Montserrat", sans-serif;
  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-inner {
  width: min(100%, 1240px);
  margin: 0 auto;

  padding:
    clamp(72px, 7vw, 100px)
    max(22px, 4vw)
    clamp(80px, 8vw, 118px);
}


/* =========================================================
   HLAVNÍ NADPIS
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading {
  width: min(100%, 750px);
  margin: 0 auto clamp(46px, 5vw, 65px);
  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;
  background-image: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading h2 span {
  color: var(--luca-gold) !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading h2::after {
  content: "";
  display: block;

  width: 82px;
  height: 2px;
  margin: 21px auto 0;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--luca-gold),
      transparent
    );
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading p {
  max-width: 650px;
  margin: 22px auto 0 !important;

  color: var(--luca-muted) !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}


/* =========================================================
   ROZLOŽENÍ CENÍKŮ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  padding: clamp(25px, 3vw, 38px);
  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(25, 25, 25, 0.98),
      rgba(19, 19, 19, 0.99)
    );

  border: 1px solid rgba(242, 184, 39, 0.24);
  border-radius: 22px;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card::before {
  content: "";

  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(242, 184, 39, 0.78),
      transparent
    );
}


/* =========================================================
   HORNÍ ČÁST KARTY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card-top {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 17px;

  margin-bottom: 27px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 56px;
  height: 56px;
  min-width: 56px;
  overflow: hidden;

  color: #111111;

  background:
    linear-gradient(
      180deg,
      var(--luca-gold),
      var(--luca-gold-dark)
    );

  border: 1px solid rgba(242, 184, 39, 0.95);
  border-radius: 999px;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.28),
    inset 0 -3px 0 rgba(0, 0, 0, 0.16),
    0 12px 25px rgba(0, 0, 0, 0.25);

  transform: translateZ(0);

  transition:
    transform 0.27s ease,
    box-shadow 0.27s ease,
    filter 0.27s ease;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon::after {
  content: "";

  position: absolute;
  inset: 0;

  border-radius: inherit;
  pointer-events: none;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.48) 42%,
      rgba(255, 255, 255, 0.18) 54%,
      transparent 66%
    );

  transform: translateX(-145%);
  transition: transform 0.62s ease;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon svg {
  position: relative;
  z-index: 2;

  width: 28px;
  height: 28px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card:hover .luca-price-icon {
    transform: translateY(-3px) scale(1.075);
    filter: brightness(1.05);

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.34),
      inset 0 -3px 0 rgba(0, 0, 0, 0.18),
      0 16px 30px rgba(0, 0, 0, 0.32),
      0 0 22px rgba(242, 184, 39, 0.18);
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card:hover .luca-price-icon::after {
    transform: translateX(145%);
  }
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-kicker {
  display: block;
  margin-bottom: 6px;

  color: var(--luca-gold);

  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card-title h3 {
  margin: 0 !important;

  color: #ffffff !important;
  background: transparent !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(23px, 2.7vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase;
}


/* =========================================================
   ZVÝRAZNĚNÁ CENA TETOVÁNÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-bottom: 26px;
  padding: 22px 18px;

  text-align: center;

  background: rgba(242, 184, 39, 0.055);
  border: 1px solid rgba(242, 184, 39, 0.2);
  border-radius: 16px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight-label {
  margin-bottom: 6px;

  color: rgba(255, 255, 255, 0.7);

  font-size: 12px;
  font-weight: 700;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight strong {
  color: var(--luca-gold);

  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.05;
  font-weight: 900;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight-note {
  margin-top: 7px;

  color: rgba(255, 255, 255, 0.6);

  font-size: 11px;
  font-weight: 600;
}


/* =========================================================
   TEXT CENÍKU TETOVÁNÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-copy {
  color: rgba(255, 255, 255, 0.68);

  font-size: 13px;
  line-height: 1.68;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-copy p {
  margin: 0 0 14px !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-copy p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   ZÁLOHA
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit {
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr);
  gap: 13px;

  margin-top: 25px;
  padding: 17px;

  background: rgba(255, 255, 255, 0.025);

  border-left: 2px solid var(--luca-gold);
  border-radius: 0 12px 12px 0;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 41px;
  height: 41px;

  color: var(--luca-gold);
  background: rgba(242, 184, 39, 0.08);
  border-radius: 999px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit-icon svg {
  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit h4 {
  margin: 0 0 5px !important;

  color: #ffffff !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit p {
  margin: 0 !important;

  color: rgba(255, 255, 255, 0.65) !important;

  font-size: 12px;
  line-height: 1.55;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit strong {
  color: #ffffff;
}


/* =========================================================
   PODMÍNKY ZÁLOHY
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-list {
  display: grid;
  gap: 10px;

  margin: 21px 0 28px;
  padding: 0;

  list-style: none;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-list li {
  position: relative;
  padding-left: 22px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 12px;
  line-height: 1.55;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-list li::before {
  content: "";

  position: absolute;
  top: 0.52em;
  left: 2px;

  width: 7px;
  height: 7px;

  background: var(--luca-gold);
  border-radius: 999px;

  box-shadow: 0 0 0 4px rgba(242, 184, 39, 0.08);
}


/* =========================================================
   TABULKA PIERCINGU
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table-wrap {
  width: 100%;
  margin: 0 0 24px;
  padding: 0;
  overflow: hidden;

  border: 0 !important;
  outline: 0 !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table {
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table tbody,
.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table tr {
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th,
.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table td {
  padding: 15px 8px !important;

  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid rgba(242, 184, 39, 0.17) !important;

  outline: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th {
  width: 73%;

  color: rgba(255, 255, 255, 0.82) !important;

  text-align: left;

  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th small {
  display: block;
  margin-top: 4px;

  color: rgba(255, 255, 255, 0.48) !important;

  font-size: 10.5px;
  line-height: 1.5;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table td {
  width: 27%;

  color: var(--luca-gold) !important;

  text-align: right;
  white-space: nowrap;

  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 900 !important;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table tr:last-child th,
.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table tr:last-child td {
  border-bottom: 0 !important;
}


/* =========================================================
   CENA ŠPERKU
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-jewellery-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  margin-top: auto;
  margin-bottom: 28px;
  padding: 16px;

  background: rgba(242, 184, 39, 0.055);
  border: 1px solid rgba(242, 184, 39, 0.2);
  border-radius: 14px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-jewellery-note-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 35px;
  height: 35px;
  min-width: 35px;

  color: var(--luca-gold);
  background: rgba(242, 184, 39, 0.09);
  border-radius: 999px;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-jewellery-note-icon svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-jewellery-note p {
  margin: 0 !important;

  color: rgba(255, 255, 255, 0.7) !important;

  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-jewellery-note strong {
  color: #ffffff;
}


/* =========================================================
   ZLATÁ TLAČÍTKA
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button {
  position: relative;
  isolation: isolate;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  align-self: flex-start;

  min-height: 44px;

  margin-top: auto;
  padding: 12px 23px;
  overflow: hidden;

  color: #111111 !important;

  background:
    linear-gradient(
      180deg,
      #f2b827 0%,
      #d8a316 100%
    );

  border: 1px solid rgba(242, 184, 39, 0.95);
  border-radius: 999px;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.28),
    inset 0 -3px 0 rgba(0, 0, 0, 0.16),
    0 12px 25px rgba(0, 0, 0, 0.25);

  font-family: "Montserrat", sans-serif !important;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.035em;
  text-decoration: none !important;
  text-transform: uppercase;

  transition:
    transform 0.23s ease,
    box-shadow 0.23s ease;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button::after {
  content: "";

  position: absolute;
  top: 0;
  left: -95%;
  z-index: -1;

  width: 75%;
  height: 100%;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.48) 43%,
      rgba(255, 255, 255, 0.18) 55%,
      transparent 100%
    );

  transform: skewX(-22deg);
  transition: left 0.58s ease;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button:hover {
    color: #111111 !important;
    transform: translateY(-3px);

    box-shadow:
      inset 0 2px 0 rgba(255, 255, 255, 0.32),
      inset 0 -3px 0 rgba(0, 0, 0, 0.18),
      0 16px 30px rgba(0, 0, 0, 0.32);
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button:hover::after {
    left: 135%;
  }
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}


/* =========================================================
   DÁRKOVÉ POUKAZY – NADPIS
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-section {
  width: 100%;
  margin-top: clamp(80px, 9vw, 118px);
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading {
  width: min(100%, 750px);
  margin: 0 auto 32px;
  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-kicker {
  display: block;
  margin-bottom: 9px;

  color: var(--luca-gold);

  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading h3 {
  margin: 0 !important;

  color: #ffffff !important;
  background: transparent !important;
  background-image: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(30px, 3.5vw, 46px) !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;
  text-transform: uppercase;
  text-wrap: balance;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading h3 span {
  color: var(--luca-gold);
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading h3::after {
  content: "";

  display: block;

  width: 72px;
  height: 2px;
  margin: 19px auto 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--luca-gold),
      transparent
    );

  border-radius: 999px;
}


/* =========================================================
   DÁRKOVÉ POUKAZY – BANNER
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-card {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 500px;
  overflow: hidden;

  background: #0b0b0b;

  border: 1px solid rgba(242, 184, 39, 0.27);
  border-radius: 22px;

  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-picture {
  position: absolute;
  inset: 0;
  z-index: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-background {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  border: 0;
  border-radius: 0;

  user-select: none;
  pointer-events: none;

  transition:
    transform 0.6s ease,
    filter 0.4s ease;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(7, 7, 7, 0.99) 0%,
      rgba(7, 7, 7, 0.96) 26%,
      rgba(7, 7, 7, 0.79) 43%,
      rgba(7, 7, 7, 0.25) 61%,
      rgba(7, 7, 7, 0.03) 100%
    );
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: min(51%, 570px);
  min-width: 0;

  padding: clamp(34px, 5vw, 62px);
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content p {
  margin: 0 0 17px !important;

  color: rgba(255, 255, 255, 0.72) !important;

  font-size: 13px;
  line-height: 1.7;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content .luca-voucher-lead {
  color: #ffffff !important;

  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.48;
  font-weight: 800;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content strong {
  color: var(--luca-gold);
  font-weight: 900;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-pickup {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 12px;

  margin: 5px 0 27px;
  padding: 15px 16px;

  color: rgba(255, 255, 255, 0.72);

  background: rgba(10, 10, 10, 0.58);

  border-left: 2px solid var(--luca-gold);
  border-radius: 0 12px 12px 0;

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  font-size: 12px;
  line-height: 1.55;
  font-weight: 600;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-pickup svg {
  width: 27px;
  height: 27px;

  color: var(--luca-gold);

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-button {
  align-self: flex-start;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-card:hover .luca-voucher-background {
    transform: scale(1.025);
    filter: brightness(1.04);
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card {
    padding: 34px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button {
    align-self: center;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-card {
    min-height: 520px;
    border-radius: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-background {
    object-position: center;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(7, 7, 7, 0.99) 0%,
        rgba(7, 7, 7, 0.94) 31%,
        rgba(7, 7, 7, 0.66) 49%,
        rgba(7, 7, 7, 0.12) 74%,
        rgba(7, 7, 7, 0.02) 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content {
    width: 56%;
    padding: 38px 35px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content p {
    font-size: 12.5px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content .luca-voucher-lead {
    font-size: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-button {
    align-self: flex-start;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing {
    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-inner {
    padding: 64px 18px 78px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading {
    margin-bottom: 38px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-heading p {
    margin-top: 19px !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card {
    padding: 23px 18px 25px;
    border-radius: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card-top {
    grid-template-columns: 51px minmax(0, 1fr);
    gap: 14px;

    margin-bottom: 22px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon {
    width: 49px;
    height: 49px;
    min-width: 49px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon svg {
    width: 24px;
    height: 24px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card-title h3 {
    font-size: 22px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight {
    margin-bottom: 22px;
    padding: 19px 14px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-highlight strong {
    font-size: 35px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-copy {
    font-size: 12.8px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit {
    grid-template-columns: 39px minmax(0, 1fr);
    padding: 15px 13px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-deposit-icon {
    width: 37px;
    height: 37px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-list {
    margin-bottom: 25px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button {
    align-self: center;

    min-height: 43px;
    padding-right: 21px;
    padding-left: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th,
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table td {
    padding: 14px 4px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th {
    width: 70%;

    padding-right: 10px !important;

    font-size: 12.5px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th small {
    font-size: 10px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table td {
    width: 30%;

    font-size: 13px !important;
  }

  /* DÁRKOVÉ POUKAZY */

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-section {
    margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading {
    margin-bottom: 26px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-heading h3 {
    font-size: clamp(29px, 8.5vw, 38px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-card {
    min-height: 735px;

    display: flex;
    align-items: flex-end;

    border-radius: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-picture {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;

    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-background {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(7, 7, 7, 0) 0%,
        rgba(7, 7, 7, 0.05) 27%,
        rgba(7, 7, 7, 0.72) 44%,
        rgba(7, 7, 7, 0.97) 56%,
        #0b0b0b 69%,
        #0b0b0b 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content {
    width: 100%;

    margin: 0;
    padding: 310px 20px 29px;

    text-align: center;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content p {
    max-width: 430px;

    margin-right: auto !important;
    margin-left: auto !important;

    font-size: 12.8px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content .luca-voucher-lead {
    font-size: 16px;
    line-height: 1.52;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-pickup {
    grid-template-columns: 34px minmax(0, 1fr);

    max-width: 430px;
    margin-right: auto;
    margin-left: auto;

    padding: 14px 13px;

    text-align: left;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-pickup svg {
    width: 24px;
    height: 24px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-button {
    align-self: center;
  }
}


/* =========================================================
   MENŠÍ MOBILY
   ========================================================= */

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-pricing-inner {
    padding-right: 15px;
    padding-left: 15px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card {
    padding-right: 15px;
    padding-left: 15px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table th {
    font-size: 12px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-piercing-table td {
    font-size: 12.5px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-card {
    min-height: 750px;
  }

  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-content {
    padding-right: 16px;
    padding-left: 16px;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon,
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-icon::after,
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button,
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-button::after,
  .elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-voucher-background {
    transition: none !important;
    transform: none !important;
  }
}
/* Tmavší karty ceníku – poukazy zůstanou beze změny */
.elementor-1589 .elementor-element.elementor-element-faa54a4 .luca-price-card {
  background: #0d0d0d !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34bf7fe *//* =========================================================
   LŮCA TATTOO – PRODEJ VE STUDIU
   ========================================================= */


/* ================================
   RESET ELEMENTORU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #131313 !important;
  background-image: none !important;

  overflow: hidden !important;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe,
.elementor-1589 .elementor-element.elementor-element-34bf7fe * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe > .elementor-element,
.elementor-1589 .elementor-element.elementor-element-34bf7fe > .elementor-widget,
.elementor-1589 .elementor-element.elementor-element-34bf7fe .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-34bf7fe .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ================================
   CELÁ SEKCE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products {
  width: 100%;

  margin: 0;
  padding: clamp(70px, 8vw, 120px) 24px;

  position: relative;
  overflow: hidden;

  color: #ffffff;

  background: #131313;
  background-image: none;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-inner {
  width: min(100%, 1240px);
  margin: 0 auto;
}


/* ================================
   HLAVNÍ NADPIS SEKCE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading {
  width: min(100%, 850px);

  margin:
    0
    auto
    clamp(32px, 4vw, 46px);

  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading-kicker {
  display: block;

  margin: 0 0 9px;

  color: #f2b827;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background: transparent !important;
  background-image: none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;

  text-align: center !important;
  text-transform: uppercase;
  text-wrap: balance;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading h2 span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading h2::after {
  content: "";

  display: block;

  width: 82px;
  height: 2px;

  margin: 21px auto 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      #f2b827,
      transparent
    );

  border: 0;
  border-radius: 999px;

  box-shadow: none;
}


/* ================================
   HLAVNÍ PRODUKTOVÝ BANNER
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner {
  width: 100%;
  min-height: clamp(470px, 42vw, 550px);

  position: relative;

  display: flex;
  align-items: center;

  overflow: hidden;
  isolation: isolate;

  background: #0c0c0c;

  border: 1px solid rgba(242, 184, 39, 0.28);
  border-radius: 24px;

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.36),
    inset 0 0 0 1px rgba(255, 255, 255, 0.015);
}


/* ================================
   RESPONZIVNÍ FOTOGRAFIE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-picture {
  position: absolute;
  inset: 0;
  z-index: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-background {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  border: 0;
  border-radius: 0;

  user-select: none;
  pointer-events: none;

  transition:
    transform 0.6s ease,
    filter 0.4s ease;
}


/* ================================
   TMAVÝ PŘECHOD POD TEXTEM
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(8, 8, 8, 0.99) 0%,
      rgba(8, 8, 8, 0.96) 27%,
      rgba(8, 8, 8, 0.79) 42%,
      rgba(8, 8, 8, 0.22) 61%,
      rgba(8, 8, 8, 0.03) 100%
    );
}


/* ================================
   OBSAH BANNERU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content {
  width: min(49%, 550px);

  position: relative;
  z-index: 2;

  margin: 0;
  padding: clamp(42px, 5vw, 70px);

  text-align: left;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-kicker {
  display: block;

  margin: 0 0 12px;

  color: #f2b827;

  font-size: 12px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}


/* ================================
   NADPIS UVNITŘ BANNERU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background: transparent !important;
  background-image: none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
  text-transform: uppercase;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3 span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3::after {
  content: "";

  display: block;

  width: 82px;
  height: 2px;

  margin: 18px 0 22px;

  background:
    linear-gradient(
      90deg,
      rgba(242, 184, 39, 0),
      #f2b827,
      rgba(242, 184, 39, 0)
    );

  border: 0;
  border-radius: 999px;

  box-shadow: none;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-lead {
  max-width: 510px;

  margin: 0;
  padding: 0;

  color: #d0d0d0;

  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}


/* ================================
   KATEGORIE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  margin: 27px 0 23px;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category {
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  padding: 8px 14px 8px 8px;

  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018)
    );

  border: 1px solid rgba(242, 184, 39, 0.25);
  border-radius: 999px;

  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #131313;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #e5a90d
    );

  border: 1px solid rgba(255, 224, 126, 0.7);
  border-radius: 50%;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.2);
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category-icon svg {
  display: block;

  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category:hover {
    transform: translateY(-2px);

    border-color: rgba(242, 184, 39, 0.55);

    background:
      linear-gradient(
        135deg,
        rgba(242, 184, 39, 0.12),
        rgba(255, 255, 255, 0.025)
      );
  }
}


/* ================================
   DOPLŇUJÍCÍ TEXT
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-note {
  max-width: 490px;

  margin: 0 0 27px;
  padding: 0;

  color: #a9a9a9;

  font-size: 13px;
  line-height: 1.65;
  font-weight: 500;
}


/* ================================
   TLAČÍTKO
   ================================ */

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button {
  min-height: 48px;

  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  margin: 0;
  padding: 13px 24px;

  color: #111111 !important;

  background:
    linear-gradient(
      180deg,
      #ffc936 0%,
      #efb51c 55%,
      #dca00a 100%
    ) !important;

  border: 1px solid #f7c94c !important;
  border-radius: 999px !important;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.25),
    0 8px 22px rgba(0, 0, 0, 0.24);

  text-decoration: none !important;

  transform: translateZ(0);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button span {
  position: relative;
  z-index: 2;

  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.025em;
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button::before {
  content: "";

  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -60%;
  z-index: 1;

  width: 42%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.65),
      transparent
    );

  transform: skewX(-22deg);

  transition: left 0.65s ease;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:hover,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:focus-visible {
    color: #111111 !important;

    transform: translateY(-3px) scale(1.035);

    filter: brightness(1.06);

    /* Bez zlaté záře za tlačítkem */
    box-shadow:
      inset 0 -3px 0 rgba(112, 75, 0, 0.2) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:hover::before,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:focus-visible::before {
    left: 125%;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner:hover
  .luca-products-background {
    transform: scale(1.018);
    filter: brightness(1.025);
  }
}

.elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
}


/* =========================================================
   POČÍTAČ – STEJNÁ ŠÍŘKA JAKO POUKAZY
   ========================================================= */

@media (min-width: 1025px) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-inner {
    width: min(100%, 1108px) !important;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products {
    padding: 75px 30px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading {
    margin-bottom: 34px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner {
    min-height: 540px;

    border-radius: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-background {
    object-position: center center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(8, 8, 8, 0.99) 0%,
        rgba(8, 8, 8, 0.94) 32%,
        rgba(8, 8, 8, 0.63) 50%,
        rgba(8, 8, 8, 0.1) 75%,
        rgba(8, 8, 8, 0.02) 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content {
    width: 57%;

    padding: 42px 36px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3 {
    font-size: clamp(35px, 5vw, 48px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-lead {
    font-size: 14px;
    line-height: 1.7;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-categories {
    gap: 8px;

    margin-top: 24px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category {
    padding-right: 12px;

    font-size: 11px;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products {
    padding: 58px 15px;

    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-inner {
    width: 100%;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading {
    margin-bottom: 27px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading-kicker {
    margin-bottom: 8px;

    font-size: 9.5px;
    letter-spacing: 0.1em;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-heading h2::after {
    width: 72px;

    margin-top: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner {
    min-height: 720px;

    display: flex;
    align-items: flex-end;

    border-radius: 19px;
  }

  /*
   * Mobilní fotografie používá vlastní portrétní soubor.
   * Díky poměru 4:5 se neořízne po stranách.
   */

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-picture {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;

    width: 100%;
    height: auto;

    aspect-ratio: 4 / 5;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-background {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(8, 8, 8, 0) 0%,
        rgba(8, 8, 8, 0.08) 25%,
        rgba(8, 8, 8, 0.72) 43%,
        rgba(8, 8, 8, 0.97) 55%,
        #0b0b0b 68%,
        #0b0b0b 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content {
    width: 100%;

    margin: 0;
    padding: 300px 20px 27px;

    text-align: center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-kicker {
    margin-bottom: 10px;

    font-size: 10px;
    letter-spacing: 0.12em;

    text-align: center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;

    text-align: center !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3::after {
    width: 72px;

    margin: 15px auto 19px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-lead {
    max-width: 430px;

    margin: 0 auto;

    font-size: 14px;
    line-height: 1.65;

    text-align: center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;

    width: 100%;

    margin: 22px 0 20px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category {
    width: 100%;
    min-width: 0;
    min-height: 48px;

    justify-content: flex-start;

    padding: 7px 9px;

    border-radius: 12px;

    font-size: 10px;
    text-align: left;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category:last-child {
    grid-column: 1 / -1;

    width: calc(50% - 4px);

    justify-self: center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category-icon {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category-icon svg {
    width: 16px;
    height: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-note {
    max-width: 390px;

    margin: 0 auto 23px;

    font-size: 12px;
    line-height: 1.6;

    text-align: center;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button {
    min-height: 47px;

    margin: 0 auto;
    padding: 13px 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button span {
    font-size: 11px;
  }
}


/* =========================================================
   VELMI ÚZKÉ MOBILY
   ========================================================= */

@media (max-width: 390px) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products {
    padding-right: 12px;
    padding-left: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner {
    min-height: 730px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content {
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category {
    padding-right: 7px;
    padding-left: 7px;

    font-size: 9.5px;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-background,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button::before {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner:hover
  .luca-products-background,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category:hover,
  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-button:hover {
    transform: none !important;
  }
}
/* =========================================================
   PRODEJ VE STUDIU – KOMPAKTNĚJŠÍ BOX NA POČÍTAČI
   ========================================================= */

@media (min-width: 1025px) {

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-banner {
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content {
    padding: 42px 48px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3 {
    font-size: clamp(38px, 3.4vw, 48px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-content h3::after {
    margin-top: 14px !important;
    margin-bottom: 17px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-categories {
    margin-top: 18px !important;
    margin-bottom: 16px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-category {
    min-height: 42px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-34bf7fe .luca-products-note {
    margin-bottom: 18px !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0af89c5 *//* =========================================================
   LŮCA TATTOO – KONTAKT
   ========================================================= */


/* ================================
   RESET ELEMENTORU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #131313 !important;
  background-image: none !important;

  overflow: hidden !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5,
.elementor-1589 .elementor-element.elementor-element-0af89c5 * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 > .elementor-element,
.elementor-1589 .elementor-element.elementor-element-0af89c5 > .elementor-widget,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ================================
   CELÁ SEKCE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-section {
  width: 100%;

  margin: 0;
  padding: clamp(70px, 8vw, 120px) 24px;

  color: #ffffff;
  background: #131313;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-inner {
  width: min(100%, 1108px);
  margin: 0 auto;
}


/* ================================
   HLAVNÍ NADPIS
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading {
  width: min(100%, 800px);

  margin:
    0
    auto
    clamp(34px, 5vw, 54px);

  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading-kicker,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-card-kicker {
  display: block;

  margin: 0 0 9px;

  color: #f2b827;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;

  text-align: center !important;
  text-transform: uppercase;
  text-wrap: balance;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading h2 span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading h2::after {
  content: "";

  display: block;

  width: 82px;
  height: 2px;

  margin: 21px auto 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      #f2b827,
      transparent
    );

  border-radius: 999px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading p {
  max-width: 720px;

  margin: 21px auto 0;
  padding: 0;

  color: #b8b8b8;

  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}


/* ================================
   KONTAKT A MAPA
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-top {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 20px;

  margin-bottom: 28px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card {
  overflow: hidden;

  background: #0d0d0d;

  border: 1px solid rgba(242, 184, 39, 0.25);
  border-radius: 24px;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.012);
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card {
  min-height: 400px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: clamp(34px, 4vw, 52px);
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card h3,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;

  text-transform: uppercase;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card h3 span,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content h3 span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-rows {
  display: grid;
  gap: 10px;

  margin-top: 29px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row {
  display: flex;
  align-items: center;
  gap: 15px;

  min-width: 0;
  padding: 13px 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.012)
    );

  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 15px;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #151515;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    );

  border: 1px solid rgba(255, 223, 116, 0.7);
  border-radius: 50%;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.2);
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon svg {
  width: 20px;
  height: 20px;

  fill: currentColor;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-value {
  min-width: 0;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-value > span {
  display: block;

  margin-bottom: 3px;

  color: #8f8f8f;

  font-size: 9px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-value a {
  color: #ffffff !important;

  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;

  text-decoration: none !important;

  transition: color 0.25s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-appointment {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-top: 20px;

  color: #aaa;

  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-appointment span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;

  background: #f2b827;
  border-radius: 50%;

  box-shadow:
    0 0 0 4px rgba(242, 184, 39, 0.09);
}


/* ================================
   MAPA
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map {
  min-height: 400px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map iframe {
  display: block;

  width: 100% !important;
  height: 100% !important;
  min-height: 400px;

  margin: 0;
  padding: 0;

  border: 0;

  filter:
    grayscale(0.78)
    contrast(1.05)
    brightness(0.82);
}


/* ================================
   FORMULÁŘOVÝ BANNER
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card {
  min-height: 760px;

  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-picture {
  position: absolute;
  inset: 0;
  z-index: 0;

  display: block;

  width: 100%;
  height: 100%;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-background {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  user-select: none;
  pointer-events: none;

  transition:
    transform 0.7s ease,
    filter 0.4s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(7, 7, 7, 0.02) 0%,
      rgba(7, 7, 7, 0.08) 35%,
      rgba(7, 7, 7, 0.68) 50%,
      rgba(7, 7, 7, 0.96) 62%,
      rgba(7, 7, 7, 0.99) 100%
    );
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content {
  width: 56%;

  position: relative;
  z-index: 2;

  margin-left: auto;
  padding: 48px 52px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-intro {
  margin: 17px 0 28px;
  padding: 0;

  color: #b8b8b8;

  font-size: 13px;
  line-height: 1.7;
  font-weight: 500;
}


/* ================================
   FORMULÁŘ
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form {
  width: 100%;
  margin: 0;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group {
  min-width: 0;
  margin: 0;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group--full {
  grid-column: 1 / -1;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group > label {
  display: block;

  margin: 0 0 7px;

  color: #ffffff;

  font-size: 11px;
  line-height: 1.4;
  font-weight: 800;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group > label > span {
  color: #f2b827;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group > label small {
  margin-left: 5px;

  color: #858585;

  font-size: 9px;
  font-weight: 600;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form input:not([type="checkbox"]):not([type="file"]),
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea {
  width: 100% !important;

  margin: 0 !important;
  padding: 13px 15px !important;

  color: #ffffff !important;

  background:
    rgba(17, 17, 17, 0.92) !important;
  background-image: none !important;

  border:
    1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 12px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;

  outline: none !important;

  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form input:not([type="checkbox"]) {
  min-height: 48px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea {
  min-height: 125px;

  resize: vertical;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form input::placeholder,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea::placeholder {
  color: #777 !important;
  opacity: 1;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form input:focus,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea:focus {
  background:
    rgba(20, 20, 20, 0.98) !important;

  border-color:
    rgba(242, 184, 39, 0.8) !important;

  box-shadow:
    0 0 0 3px rgba(242, 184, 39, 0.09) !important;
}


/* ================================
   HONEYPOT
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-hp {
  position: absolute !important;
  left: -10000px !important;

  width: 1px !important;
  height: 1px !important;

  overflow: hidden !important;
}


/* ================================
   SOUBORY
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-box {
  padding: 15px;

  background:
    rgba(15, 15, 15, 0.82);

  border:
    1px dashed rgba(242, 184, 39, 0.3);
  border-radius: 14px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger {
  min-height: 43px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  margin: 0;
  padding: 10px 17px;

  color: #111111;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #e0a30a
    );

  border: 1px solid #f7c94c;
  border-radius: 999px;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.22);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size: 10px;
  line-height: 1;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-hint {
  margin: 10px 0 0;
  padding: 0;

  color: #858585;

  font-size: 9px;
  line-height: 1.5;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-list {
  display: grid;
  gap: 5px;

  margin: 9px 0 0;
  padding: 0;

  list-style: none;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-list:empty {
  display: none;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-list li {
  position: relative;

  margin: 0;
  padding: 7px 10px 7px 22px;

  color: #d0d0d0;

  background: rgba(255, 255, 255, 0.035);

  border-radius: 8px;

  font-size: 9px;
  line-height: 1.4;
  font-weight: 600;

  overflow-wrap: anywhere;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-list li::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 10px;

  width: 5px;
  height: 5px;

  background: #f2b827;
  border-radius: 50%;

  transform: translateY(-50%);
}


/* ================================
   SOUHLAS
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-consent {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;

  margin-top: 18px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-consent input {
  width: 17px !important;
  height: 17px !important;

  margin: 2px 0 0 !important;

  accent-color: #f2b827;

  cursor: pointer;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-consent label {
  margin: 0;

  color: #a9a9a9;

  font-size: 10px;
  line-height: 1.55;
  font-weight: 500;

  cursor: pointer;
}


/* ================================
   TLAČÍTKO ODESLAT
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-actions {
  margin-top: 20px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit {
  min-height: 48px;

  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  overflow: hidden;

  margin: 0;
  padding: 13px 22px;

  color: #111111;

  background:
    linear-gradient(
      180deg,
      #ffc936 0%,
      #efb51c 55%,
      #dca00a 100%
    );

  border: 1px solid #f7c94c;
  border-radius: 999px;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.25);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  cursor: pointer;

  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit::before {
  content: "";

  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -60%;

  width: 42%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.65),
      transparent
    );

  transform: skewX(-22deg);

  transition: left 0.65s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit span,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit svg {
  position: relative;
  z-index: 2;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit span {
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.025em;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit:disabled {
  opacity: 0.65;
  cursor: wait;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit:focus-visible,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
}


/* ================================
   STAV FORMULÁŘE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-status {
  min-height: 0;

  margin-top: 15px;
  padding: 0;

  font-size: 11px;
  line-height: 1.5;
  font-weight: 700;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-status:empty {
  display: none;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-status.is-success {
  padding: 11px 13px;

  color: #dff7e5;
  background: rgba(72, 181, 100, 0.13);

  border: 1px solid rgba(72, 181, 100, 0.35);
  border-radius: 10px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-status.is-error {
  padding: 11px 13px;

  color: #ffd8d8;
  background: rgba(215, 74, 74, 0.13);

  border: 1px solid rgba(215, 74, 74, 0.35);
  border-radius: 10px;
}


/* ================================
   HOVER – POUZE POČÍTAČ
   ================================ */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover {
    transform: translateY(-2px);

    border-color:
      rgba(242, 184, 39, 0.32);
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover
  .luca-contact-value a {
    color: #f2b827 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger:hover,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit:hover {
    transform: translateY(-2px) scale(1.025);
    filter: brightness(1.05);
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit:hover::before {
    left: 125%;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card:hover
  .luca-contact-background {
    transform: scale(1.012);
    filter: brightness(1.02);
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-section {
    padding: 75px 30px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-top {
    grid-template-columns:
      minmax(0, 0.95fr)
      minmax(0, 1.05fr);

    gap: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card {
    padding: 30px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map iframe {
    min-height: 410px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card {
    min-height: 820px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(7, 7, 7, 0.05) 0%,
        rgba(7, 7, 7, 0.22) 34%,
        rgba(7, 7, 7, 0.82) 49%,
        rgba(7, 7, 7, 0.98) 62%,
        #080808 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content {
    width: 62%;

    padding: 42px 36px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-fields {
    grid-template-columns: 1fr;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group--full {
    grid-column: auto;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-section {
    padding: 58px 15px;

    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading {
    margin-bottom: 28px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading-kicker {
    font-size: 9.5px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading h2::after {
    width: 72px;
    margin-top: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-heading p {
    margin-top: 18px;

    font-size: 13px;
    line-height: 1.65;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-top {
    grid-template-columns: 1fr;
    gap: 14px;

    margin-bottom: 18px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card {
    border-radius: 19px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card {
    min-height: auto;

    padding: 28px 20px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card h3,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content h3 {
    font-size: clamp(29px, 8.5vw, 38px) !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-rows {
    margin-top: 23px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row {
    padding: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-value a {
    font-size: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map iframe {
    min-height: 320px;
  }


  /* FORMULÁŘOVÁ FOTOGRAFIE */

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card {
    min-height: 0;

    display: block;

    background: #080808;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-picture {
    position: relative;
    inset: auto;

    width: 100%;
    height: auto;

    aspect-ratio: 2 / 3;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-background {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-overlay {
    z-index: 1;

    height: auto;

    aspect-ratio: 2 / 3;

    background:
      linear-gradient(
        180deg,
        rgba(8, 8, 8, 0) 0%,
        rgba(8, 8, 8, 0.05) 43%,
        rgba(8, 8, 8, 0.72) 61%,
        rgba(8, 8, 8, 0.98) 78%,
        #080808 100%
      );
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content {
    width: 100%;

    margin: -45% 0 0;
    padding: 0 18px 27px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-card-kicker {
    font-size: 9px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-intro {
    margin-bottom: 23px;

    font-size: 12px;
    line-height: 1.65;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-fields {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-group--full {
    grid-column: auto;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form input:not([type="checkbox"]):not([type="file"]),
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea {
    font-size: 16px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form textarea {
    min-height: 135px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit {
    width: 100%;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-form-actions {
    width: 100%;
  }
}


/* =========================================================
   VELMI ÚZKÉ MOBILY
   ========================================================= */

@media (max-width: 390px) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-section {
    padding-right: 12px;
    padding-left: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-info-card {
    padding-right: 16px;
    padding-left: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-content {
    padding-right: 15px;
    padding-left: 15px;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-background,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit::before {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-form-card:hover
  .luca-contact-background,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-file-trigger:hover,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-submit:hover {
    transform: none !important;
  }
}
/* =========================================================
   KONTAKT – INSTAGRAM A FACEBOOK
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;

  margin-top: 20px;
  padding-top: 19px;

  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials-label {
  color: #a7a7a7;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials-links {
  display: flex;
  align-items: center;
  gap: 9px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social {
  width: 41px;
  height: 41px;
  flex: 0 0 41px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #131313 !important;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    );

  border: 1px solid rgba(255, 223, 116, 0.7);
  border-radius: 50%;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.2);

  text-decoration: none !important;

  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social svg {
  width: 20px;
  height: 20px;

  overflow: visible;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:last-child svg {
  fill: currentColor;
  stroke: none;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social .luca-social-dot {
  fill: currentColor;
  stroke: none;
}

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:hover,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:focus-visible {
    transform: translateY(-2px) scale(1.07);
    filter: brightness(1.06);
  }
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

@media (max-width: 767px) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials {
    margin-top: 18px;
    padding-top: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}
/* =========================================================
   KONTAKT – SVĚTELNÝ PŘEJEZD PŘI NAJETÍ
   ========================================================= */


/* Kontaktní řádky */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row::before {
  content: "";

  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -65%;
  z-index: 0;

  width: 42%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(242, 184, 39, 0.09),
      rgba(255, 255, 255, 0.11),
      transparent
    );

  pointer-events: none;

  transform: skewX(-22deg);

  transition: left 0.7s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row
.luca-contact-icon,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row
.luca-contact-value {
  position: relative;
  z-index: 1;
}


/* Instagram a Facebook */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social::before {
  content: "";

  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -75%;
  z-index: 0;

  width: 48%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.8),
      transparent
    );

  pointer-events: none;

  transform: skewX(-22deg);

  transition: left 0.65s ease;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social svg {
  position: relative;
  z-index: 1;
}


/* Instagram jako hlavní sociální kontakt */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child {
  width: 44px;
  height: 44px;
  flex-basis: 44px;

  border-color: #ffe081;

  filter: brightness(1.04);
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child svg {
  width: 21px;
  height: 21px;
}


/* Text pod označením sociálních sítí */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials-label {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-socials-label strong {
  color: #f2b827;

  font-size: 9px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: none;
}


/* Animace pouze na zařízení s myší */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover::before,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:focus-within::before {
    left: 125%;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:hover::before,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:focus-visible::before {
    left: 135%;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child:hover,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child:focus-visible {
    transform: translateY(-3px) scale(1.08);
    filter: brightness(1.08);
  }
}


/* Omezení animací */

@media (prefers-reduced-motion: reduce) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row::before,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social::before {
    transition: none !important;
  }
}
/* =========================================================
   IG + FACEBOOK – STEJNÁ VELIKOST
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child,
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:last-child {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:first-child svg {
  width: 21px !important;
  height: 21px !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-social:last-child svg {
  width: 24px !important;
  height: 24px !important;

  transform: translateY(1px);
}
/* =========================================================
   KONTAKT – EFEKT POUZE NA ZLATÝCH IKONÁCH
   ========================================================= */


/* Vypnutí přejezdu přes celý kontaktní řádek */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row::before {
  display: none !important;
  content: none !important;
}


/* Celý řádek se při najetí nebude pohybovat */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover {
    transform: none !important;

    border-color:
      rgba(255, 255, 255, 0.055) !important;
  }
}


/* Světelný přejezd uvnitř zlatého kolečka */

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon {
  overflow: hidden;

  background:
    linear-gradient(
      110deg,
      transparent 20%,
      rgba(255, 255, 255, 0.85) 48%,
      transparent 75%
    ) -100px 0 / 45px 100% no-repeat,

    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    ) !important;

  transition:
    transform 0.3s ease,
    filter 0.3s ease,
    background-position 0.65s ease !important;
}

.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon svg {
  position: relative;
  z-index: 1;
}


/* Aktivace přejezdu při najetí na celý řádek */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover
  .luca-contact-icon,
  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:focus-within
  .luca-contact-icon {
    background-position:
      100px 0,
      0 0 !important;

    transform: scale(1.07);
    filter: brightness(1.06);
  }
}


/* Omezení animací */

@media (prefers-reduced-motion: reduce) {

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-icon {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-row:hover
  .luca-contact-icon {
    transform: none !important;
  }
}
/* Mapa – méně šedá, ale stále sladěná s webem */
.elementor-1589 .elementor-element.elementor-element-0af89c5 .luca-contact-map iframe {
  filter: grayscale(55%) saturate(75%) contrast(95%) brightness(92%) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1140335 *//* =========================================================
   LŮCA TATTOO – ČASTÉ DOTAZY
   ========================================================= */


/* ================================
   RESET ELEMENTORU
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #131313 !important;
  background-image: none !important;

  overflow: hidden !important;
}

.elementor-1589 .elementor-element.elementor-element-1140335,
.elementor-1589 .elementor-element.elementor-element-1140335 * {
  box-sizing: border-box;
}

.elementor-1589 .elementor-element.elementor-element-1140335 > .elementor-element,
.elementor-1589 .elementor-element.elementor-element-1140335 > .elementor-widget,
.elementor-1589 .elementor-element.elementor-element-1140335 .elementor-widget-html,
.elementor-1589 .elementor-element.elementor-element-1140335 .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ================================
   CELÁ SEKCE
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq {
  width: 100%;

  margin: 0;
  padding: clamp(70px, 8vw, 120px) 24px;

  color: #ffffff;
  background: #131313;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-inner {
  width: min(100%, 1108px);
  margin: 0 auto;
}


/* ================================
   HLAVNÍ NADPIS
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading {
  width: min(100%, 790px);

  margin:
    0
    auto
    clamp(35px, 5vw, 55px);

  text-align: center;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-kicker {
  display: block;

  margin: 0 0 9px;

  color: #f2b827;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background: transparent !important;
  background-image: none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.012em !important;

  text-align: center !important;
  text-transform: uppercase;
  text-wrap: balance;

  text-shadow: none !important;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading h2 span {
  color: #f2b827 !important;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading h2::after {
  content: "";

  display: block;

  width: 82px;
  height: 2px;

  margin: 21px auto 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      #f2b827,
      transparent
    );

  border: 0;
  border-radius: 999px;

  box-shadow: none;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading p {
  max-width: 680px;

  margin: 21px auto 0;
  padding: 0;

  color: #b8b8b8;

  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}


/* ================================
   DVA HLAVNÍ BOXY
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group {
  min-width: 0;
  overflow: hidden;

  padding: 26px;

  background: #0d0d0d;

  border: 1px solid rgba(242, 184, 39, 0.24);
  border-radius: 24px;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.012);
}


/* ================================
   NADPIS SKUPINY
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading {
  display: flex;
  align-items: center;
  gap: 14px;

  margin-bottom: 22px;
  padding-bottom: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #131313;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    );

  border: 1px solid rgba(255, 223, 116, 0.72);
  border-radius: 50%;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.2);
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-icon svg {
  width: 23px;
  height: 23px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading > div {
  min-width: 0;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading > div > span {
  display: block;

  margin-bottom: 3px;

  color: #f2b827;

  font-size: 9px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background: transparent !important;
  background-image: none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: clamp(25px, 2.8vw, 35px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;

  text-transform: uppercase;

  text-shadow: none !important;
}


/* ================================
   SEZNAM OTÁZEK
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-list {
  display: grid;
  gap: 10px;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  margin: 0;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.047),
      rgba(255, 255, 255, 0.018)
    );

  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 15px;

  transition:
    border-color 0.3s ease,
    background-color 0.3s ease,
    transform 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item::before {
  content: "";

  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -65%;
  z-index: 0;

  width: 38%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(242, 184, 39, 0.08),
      rgba(255, 255, 255, 0.09),
      transparent
    );

  pointer-events: none;

  transform: skewX(-22deg);

  transition: left 0.7s ease;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item h4 {
  position: relative;
  z-index: 1;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* ================================
   TLAČÍTKO OTÁZKY
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question {
  width: 100%;
  min-height: 66px;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 15px;

  margin: 0;
  padding: 15px 14px 15px 18px;

  color: #ffffff;

  background: transparent;
  background-image: none;

  border: 0;
  border-radius: 0;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  text-align: left;

  cursor: pointer;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question > span:first-child {
  min-width: 0;

  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
}


/* ================================
   PLUS / MINUS
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
  width: 34px;
  height: 34px;

  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #131313;

  background:
    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    );

  border: 1px solid rgba(255, 223, 116, 0.7);
  border-radius: 50%;

  box-shadow:
    inset 0 -3px 0 rgba(112, 75, 0, 0.18);

  transition:
    transform 0.35s ease,
    filter 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle::before,
.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle::after {
  content: "";

  position: absolute;
  top: 50%;
  left: 50%;

  width: 13px;
  height: 2px;

  background: currentColor;
  border-radius: 99px;

  transform: translate(-50%, -50%);

  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]
.luca-faq-toggle {
  transform: rotate(180deg);
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]
.luca-faq-toggle::after {
  opacity: 0;

  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* ================================
   ODPOVĚĎ
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer {
  position: relative;
  z-index: 1;

  overflow: hidden;

  max-height: 0;
  opacity: 0;

  transition:
    max-height 0.36s ease,
    opacity 0.28s ease;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer[hidden] {
  display: block;
  visibility: hidden;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner {
  margin: 0 17px;
  padding: 0 1px 18px;

  color: #b8b8b8;

  border-top: 1px solid rgba(255, 255, 255, 0.065);

  font-size: 11px;
  line-height: 1.72;
  font-weight: 500;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner p {
  margin: 14px 0 0;
  padding: 0;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner ul {
  display: grid;
  gap: 8px;

  margin: 14px 0 0;
  padding: 0;

  list-style: none;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner li {
  position: relative;

  margin: 0;
  padding-left: 16px;
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner li::before {
  content: "";

  position: absolute;
  top: 0.68em;
  left: 1px;

  width: 5px;
  height: 5px;

  background: #f2b827;
  border-radius: 50%;

  transform: translateY(-50%);
}


/* ================================
   OTEVŘENÝ STAV
   ================================ */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item.is-open {
  background:
    linear-gradient(
      135deg,
      rgba(242, 184, 39, 0.075),
      rgba(255, 255, 255, 0.022)
    );

  border-color: rgba(242, 184, 39, 0.4);
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item.is-open
.luca-faq-question > span:first-child {
  color: #f2b827;
}


/* ================================
   HOVER – POUZE POČÍTAČ
   ================================ */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item:hover {
    transform: translateY(-2px);

    border-color: rgba(242, 184, 39, 0.34);
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item:hover::before {
    left: 130%;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question:hover
  .luca-faq-toggle {
    transform: scale(1.06);
    filter: brightness(1.05);
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]:hover
  .luca-faq-toggle {
    transform: rotate(180deg) scale(1.06);
  }
}

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question:focus-visible {
  outline: 2px solid #f2b827;
  outline-offset: -3px;

  border-radius: 14px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq {
    padding: 75px 30px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-grid {
    gap: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group {
    padding: 20px;
    border-radius: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading {
    gap: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question {
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 11px;

    min-height: 64px;

    padding-right: 12px;
    padding-left: 14px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question > span:first-child {
    font-size: 11px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
    width: 32px;
    height: 32px;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq {
    padding: 58px 15px;

    scroll-margin-top: 76px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading {
    margin-bottom: 28px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-kicker {
    font-size: 9.5px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading h2 {
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading h2::after {
    width: 72px;
    margin-top: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-heading p {
    margin-top: 18px;

    font-size: 13px;
    line-height: 1.65;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-grid {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group {
    padding: 17px;

    border-radius: 19px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading {
    margin-bottom: 17px;
    padding-bottom: 16px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-icon {
    width: 43px;
    height: 43px;
    flex-basis: 43px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-icon svg {
    width: 21px;
    height: 21px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group-heading h3 {
    font-size: 27px !important;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question {
    min-height: 63px;

    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 10px;

    padding: 13px 11px 13px 14px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question > span:first-child {
    font-size: 11px;
    line-height: 1.42;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
    width: 32px;
    height: 32px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner {
    margin-right: 14px;
    margin-left: 14px;

    font-size: 11px;
  }
}


/* =========================================================
   VELMI ÚZKÉ MOBILY
   ========================================================= */

@media (max-width: 390px) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq {
    padding-right: 12px;
    padding-left: 12px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-group {
    padding: 14px;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question {
    padding-left: 12px;
  }
}


/* =========================================================
   OMEZENÍ ANIMACÍ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item::before,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
    transition: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item:hover,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question:hover
  .luca-faq-toggle {
    transform: none !important;
  }
}
/* =========================================================
   FAQ – EFEKT POUZE NA ZLATÉM + / −
   ========================================================= */


/* Vypnutí přejezdu přes celý box */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item::before {
  display: none !important;
  content: none !important;
}

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item:hover {
    transform: none !important;
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-item:not(.is-open):hover {
    border-color:
      rgba(255, 255, 255, 0.075) !important;
  }
}


/* Zlaté kolečko s vlastním světelným přejezdem */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
  overflow: hidden;

  background:
    linear-gradient(
      110deg,
      transparent 20%,
      rgba(255, 255, 255, 0.85) 48%,
      transparent 75%
    ) -100px 0 / 45px 100% no-repeat,

    linear-gradient(
      180deg,
      #ffc936,
      #dfa209
    ) !important;

  transition:
    transform 0.35s ease,
    filter 0.3s ease,
    background-position 0.65s ease !important;
}


/* Přejezd pouze přes kolečko */

@media (hover: hover) and (pointer: fine) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question:hover
  .luca-faq-toggle,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question:focus-visible
  .luca-faq-toggle {
    background-position:
      100px 0,
      0 0 !important;

    transform: scale(1.07);
    filter: brightness(1.06);
  }

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]:hover
  .luca-faq-toggle,
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]:focus-visible
  .luca-faq-toggle {
    transform:
      rotate(180deg)
      scale(1.07);
  }
}


/* Otevřené kolečko zůstane otočené */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-question[aria-expanded="true"]
.luca-faq-toggle {
  transform: rotate(180deg);
}


/* Omezení animací */

@media (prefers-reduced-motion: reduce) {

  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-toggle {
    transition: none !important;
  }
}
/* =========================================================
   FAQ – ČITELNĚJŠÍ TEXT ODPOVĚDÍ
   ========================================================= */

.elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner {
  font-size: 14px;
  line-height: 1.65;
}

/* Na mobilu zachovat stejnou čitelnou velikost */
@media (max-width: 767px) {
  .elementor-1589 .elementor-element.elementor-element-1140335 .luca-faq-answer-inner {
    font-size: 14px;
    line-height: 1.65;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   LŮCA STORE – GLOBÁLNÍ ZÁKLAD
   ========================================================= */

:root {
    --luca-bg: #131313;
    --luca-card: #181818;
    --luca-card-dark: #151515;

    --luca-gold: #f2b827;
    --luca-gold-dark: #d8a316;
    --luca-gold-rgb: 242, 184, 39;

    --luca-text: #f5f5f5;
    --luca-muted: #a4a4a4;
    --luca-border: rgba(242, 184, 39, 0.32);

    --luca-wrap: 1280px;
    --luca-pad-x: 5vw;
}

/* Základ stránky */
html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    background: var(--luca-bg);
}

body {
    background: var(--luca-bg);
    color: var(--luca-text);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Zabrání nevzhlednému dělení českých slov */
html,
body,
body p,
body li,
body blockquote,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;

    word-break: normal;
    overflow-wrap: break-word;
}

/* Skrytí výchozího záhlaví Astra.
   LŮCA STORE používá vlastní záhlaví z Elementoru. */
#masthead,
.ast-mobile-header-wrap,
.ast-desktop-header,
.ast-header-break-point .main-header-menu-toggle {
    display: none !important;
}

/* Přístupné označení prvku ovládaného klávesnicí */
body :focus-visible {
    outline: 2px solid var(--luca-gold);
    outline-offset: 3px;
}

/* Barva označeného textu */
::selection {
    color: #111111;
    background: var(--luca-gold);
}

/* Elementor lightbox musí být nad vlastním záhlavím */
body .dialog-widget.dialog-lightbox-widget,
body .elementor-lightbox {
    position: fixed !important;
    z-index: 999999 !important;
}
/* Názvy tří hlavních kategorií na jednom řádku */
@media (min-width: 768px) {
    .luca-category-title,
    .luca-category-title .elementor-heading-title {
        white-space: nowrap !important;
    }
}
/* Názvy kategorií na jednom řádku mimo mobil */
@media (min-width: 768px) {
    .luca-shop-category-title {
        white-space: nowrap;
    }
}
/* =========================================================
   LŮCA STORE – GLOBÁLNÍ ZÁKLAD
========================================================= */

:root {
    --luca-bg: #131313;
    --luca-card: #181818;
    --luca-card-dark: #151515;
    --luca-gold: #f2b827;
    --luca-gold-dark: #d8a316;
    --luca-gold-rgb: 242, 184, 39;
    --luca-text: #f5f5f5;
    --luca-muted: #a4a4a4;
    --luca-border: rgba(242, 184, 39, 0.32);
    --luca-wrap: 1280px;
    --luca-pad-x: 5vw;
}

html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    background: var(--luca-bg);
}

body {
    background: var(--luca-bg);
    color: var(--luca-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Zabrání nevzhlednému dělení českých slov */
html,
body,
body p,
body li,
body blockquote,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal;
    overflow-wrap: break-word;
}

/* Skrytí výchozího záhlaví Astra */
#masthead,
.ast-mobile-header-wrap,
.ast-desktop-header,
.ast-header-break-point .main-header-menu-toggle {
    display: none !important;
}

body :focus-visible {
    outline: 2px solid var(--luca-gold);
    outline-offset: 3px;
}

::selection {
    color: #111111;
    background: var(--luca-gold);
}

body .dialog-widget.dialog-lightbox-widget,
body .elementor-lightbox {
    position: fixed !important;
    z-index: 999999 !important;
}

@media (min-width: 768px) {
    .luca-category-title,
    .luca-category-title .elementor-heading-title,
    .luca-shop-category-title {
        white-space: nowrap !important;
    }
}


/* =========================================================
   ZÁSADY COOKIES – POUZE STRÁNKA ID 3077
========================================================= */

body.page-id-3077 {
    background:
        radial-gradient(
            circle at 72% 20%,
            rgba(var(--luca-gold-rgb), 0.09),
            transparent 38%
        ),
        var(--luca-bg) !important;
    color: var(--luca-text);
}

body.page-id-3077 #page,
body.page-id-3077 #content,
body.page-id-3077 .site-content,
body.page-id-3077 .ast-container,
body.page-id-3077 .content-area,
body.page-id-3077 .site-main,
body.page-id-3077 article,
body.page-id-3077 .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-id-3077 .entry-header {
    box-sizing: border-box;
    width: min(100% - 48px, var(--luca-wrap));
    margin: 0 auto !important;
    padding: 110px 0 50px !important;
    background: transparent !important;
}

body.page-id-3077 .entry-title {
    margin: 0 !important;
    color: var(--luca-gold) !important;
    font-size: clamp(46px, 7vw, 100px) !important;
    font-weight: 900 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase;
}

/* Hlavní dokument generovaný Complianz */
body.page-id-3077 #cmplz-document {
    box-sizing: border-box;
    width: min(100% - 48px, var(--luca-wrap)) !important;
    max-width: var(--luca-wrap) !important;
    margin: 0 auto !important;
    padding: 60px 0 120px !important;
    color: var(--luca-text) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    background: transparent !important;
}

/* Pokud Complianz vypisuje vlastní hlavní nadpis, skryje se duplicita */
body.page-id-3077 #cmplz-document > h2:first-child {
    display: none !important;
}

body.page-id-3077 #cmplz-document h2 {
    margin: 58px 0 22px !important;
    padding: 0 !important;
    color: var(--luca-gold) !important;
    font-size: clamp(27px, 3vw, 42px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-transform: uppercase;
    background: transparent !important;
    border: 0 !important;
}

body.page-id-3077 #cmplz-document h3 {
    margin: 38px 0 16px !important;
    padding: 0 !important;
    color: var(--luca-gold) !important;
    font-size: clamp(21px, 2vw, 29px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    background: transparent !important;
    border: 0 !important;
}

body.page-id-3077 #cmplz-document h4 {
    margin: 28px 0 12px !important;
    color: var(--luca-text) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

body.page-id-3077 #cmplz-document p,
body.page-id-3077 #cmplz-document li {
    color: #d0d0d0 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

body.page-id-3077 #cmplz-document p {
    margin: 0 0 20px !important;
}

body.page-id-3077 #cmplz-document ul,
body.page-id-3077 #cmplz-document ol {
    margin: 15px 0 25px 22px !important;
}

body.page-id-3077 #cmplz-document a {
    color: var(--luca-gold) !important;
    font-weight: 700;
    text-decoration-color: rgba(var(--luca-gold-rgb), 0.55);
    text-underline-offset: 3px;
}

body.page-id-3077 #cmplz-document a:hover {
    color: #ffd262 !important;
}

/* Cookie služby a rozbalovací řádky */
body.page-id-3077 #cmplz-document .cmplz-dropdown,
body.page-id-3077 #cmplz-document .cmplz-category,
body.page-id-3077 #cmplz-document .cmplz-service,
body.page-id-3077 #cmplz-document details {
    margin: 10px 0 !important;
    overflow: hidden;
    color: var(--luca-text) !important;
    background: var(--luca-card) !important;
    border: 1px solid var(--luca-border) !important;
    border-radius: 12px !important;
}

body.page-id-3077 #cmplz-document .cmplz-service-header,
body.page-id-3077 #cmplz-document .cmplz-category-header,
body.page-id-3077 #cmplz-document summary {
    box-sizing: border-box;
    min-height: 58px;
    padding: 17px 20px !important;
    color: var(--luca-text) !important;
    background: var(--luca-card) !important;
    border: 0 !important;
    cursor: pointer;
}

body.page-id-3077 #cmplz-document .cmplz-service-header h3,
body.page-id-3077 #cmplz-document .cmplz-category-header h3,
body.page-id-3077 #cmplz-document summary h3,
body.page-id-3077 #cmplz-document summary div {
    margin: 0 !important;
    color: var(--luca-gold) !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

body.page-id-3077 #cmplz-document .cmplz-service-description,
body.page-id-3077 #cmplz-document .cmplz-sharing-data,
body.page-id-3077 #cmplz-document details > div {
    padding: 20px !important;
    color: #c8c8c8 !important;
    background: var(--luca-card-dark) !important;
    border-top: 1px solid var(--luca-border) !important;
}

/* Tabulky uvnitř dokumentu */
body.page-id-3077 #cmplz-document table {
    width: 100% !important;
    margin: 18px 0 !important;
    overflow: hidden;
    color: var(--luca-text) !important;
    background: var(--luca-card) !important;
    border-collapse: collapse !important;
    border: 1px solid var(--luca-border) !important;
}

body.page-id-3077 #cmplz-document th,
body.page-id-3077 #cmplz-document td {
    padding: 13px 15px !important;
    color: #d0d0d0 !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    text-align: left;
}

body.page-id-3077 #cmplz-document th {
    color: var(--luca-gold) !important;
    font-weight: 800 !important;
}

/* Tlačítko správy souhlasu uvnitř dokumentu */
body.page-id-3077 #cmplz-document button,
body.page-id-3077 #cmplz-document .cmplz-manage-consent {
    padding: 14px 24px !important;
    color: #111111 !important;
    background: var(--luca-gold) !important;
    border: 1px solid var(--luca-gold) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    cursor: pointer;
}

body.page-id-3077 #cmplz-document button:hover,
body.page-id-3077 #cmplz-document .cmplz-manage-consent:hover {
    background: #ffd05b !important;
}

/* Mobil */
@media (max-width: 767px) {
    body.page-id-3077 .entry-header {
        width: min(100% - 36px, var(--luca-wrap));
        padding: 70px 0 35px !important;
    }

    body.page-id-3077 .entry-title {
        font-size: clamp(39px, 14vw, 62px) !important;
        line-height: 0.98 !important;
    }

    body.page-id-3077 #cmplz-document {
        width: min(100% - 36px, var(--luca-wrap)) !important;
        padding: 35px 0 80px !important;
        font-size: 15px !important;
    }

    body.page-id-3077 #cmplz-document p,
    body.page-id-3077 #cmplz-document li {
        font-size: 15px !important;
    }

    body.page-id-3077 #cmplz-document .cmplz-service-header,
    body.page-id-3077 #cmplz-document .cmplz-category-header,
    body.page-id-3077 #cmplz-document summary {
        padding: 15px !important;
    }

    body.page-id-3077 #cmplz-document table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/* =========================================================
   ZÁSADY COOKIES – DOLADĚNÍ VZHLEDU
========================================================= */

/* Hlavní nadpis: ZÁSADY bíle, COOKIES (EU) zlatě */
body.page-id-3077 .entry-title {
    font-size: 0 !important;
    color: transparent !important;
}

body.page-id-3077 .entry-title::before {
    content: "ZÁSADY";
    display: block;
    color: #f5f5f5;
    font-size: clamp(46px, 7vw, 100px);
    font-weight: 900;
    line-height: 0.86;
    letter-spacing: -0.035em;
}

body.page-id-3077 .entry-title::after {
    content: "COOKIES (EU)";
    display: block;
    margin-top: 12px;
    color: var(--luca-gold);
    font-size: clamp(46px, 7vw, 100px);
    font-weight: 900;
    line-height: 0.86;
    letter-spacing: -0.035em;
}

/* Hlavní názvy kapitol bíle jako u Obchodních podmínek */
body.page-id-3077 #cmplz-document h2 {
    color: #f5f5f5 !important;
    font-size: clamp(28px, 3vw, 43px) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
}

/* Menší podnadpisy zlatě */
body.page-id-3077 #cmplz-document h3,
body.page-id-3077 #cmplz-document h4 {
    color: var(--luca-gold) !important;
}

/* =========================================================
   TMAVÉ TABULKY COOKIES
========================================================= */

body.page-id-3077 #cmplz-document .cookies-per-purpose {
    width: 100% !important;
    margin: 18px 0 6px !important;
    overflow: hidden !important;
    color: #d0d0d0 !important;
    background: var(--luca-card-dark) !important;
    border: 1px solid var(--luca-border) !important;
    border-radius: 10px !important;
}

/* Všechny buňky vytvořené jako DIV */
body.page-id-3077 #cmplz-document .cookies-per-purpose > div,
body.page-id-3077 #cmplz-document .cookies-per-purpose .name,
body.page-id-3077 #cmplz-document .cookies-per-purpose .retention,
body.page-id-3077 #cmplz-document .cookies-per-purpose .function,
body.page-id-3077 #cmplz-document .cookies-per-purpose .name-header,
body.page-id-3077 #cmplz-document .cookies-per-purpose .retention-header,
body.page-id-3077 #cmplz-document .cookies-per-purpose .function-header {
    color: #c9c9c9 !important;
    background: var(--luca-card-dark) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Hlavičky sloupců */
body.page-id-3077 #cmplz-document .cookies-per-purpose .name-header,
body.page-id-3077 #cmplz-document .cookies-per-purpose .retention-header,
body.page-id-3077 #cmplz-document .cookies-per-purpose .function-header {
    color: var(--luca-gold) !important;
    background: #202020 !important;
    font-weight: 900 !important;
}

/* Názvy jednotlivých cookies */
body.page-id-3077 #cmplz-document .cookies-per-purpose .name,
body.page-id-3077 #cmplz-document .cookies-per-purpose .name a {
    color: var(--luca-gold) !important;
}

/* Klasické HTML tabulky */
body.page-id-3077 #cmplz-document table,
body.page-id-3077 #cmplz-document table tbody,
body.page-id-3077 #cmplz-document table tr {
    color: #c9c9c9 !important;
    background: var(--luca-card-dark) !important;
}

body.page-id-3077 #cmplz-document table th {
    color: var(--luca-gold) !important;
    background: #202020 !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
}

body.page-id-3077 #cmplz-document table td {
    color: #c9c9c9 !important;
    background: var(--luca-card-dark) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
}

body.page-id-3077 #cmplz-document table tr:nth-child(even) td {
    background: #1b1b1b !important;
}

/* Rozbalené bloky jednotlivých služeb */
body.page-id-3077 #cmplz-document .cmplz-dropdown,
body.page-id-3077 #cmplz-document .cmplz-dropdown[open],
body.page-id-3077 #cmplz-document details,
body.page-id-3077 #cmplz-document details[open] {
    background: var(--luca-card) !important;
    border: 1px solid var(--luca-border) !important;
    box-shadow: none !important;
}

body.page-id-3077 #cmplz-document .cmplz-dropdown summary,
body.page-id-3077 #cmplz-document details summary {
    color: var(--luca-text) !important;
    background: var(--luca-card) !important;
    border-bottom-color: var(--luca-border) !important;
}

/* Obsah rozbaleného bloku */
body.page-id-3077 #cmplz-document .cmplz-dropdown > div,
body.page-id-3077 #cmplz-document details > div,
body.page-id-3077 #cmplz-document .cmplz-service-description,
body.page-id-3077 #cmplz-document .cmplz-sharing-data {
    color: #c9c9c9 !important;
    background: var(--luca-card-dark) !important;
}

/* Odstranění posledních světlých pozadí z Complianz */
body.page-id-3077 #cmplz-document [class*="cookie"] {
    border-color: rgba(var(--luca-gold-rgb), 0.28);
}

body.page-id-3077 #cmplz-document .cookies-per-purpose *,
body.page-id-3077 #cmplz-document table * {
    box-shadow: none !important;
}

/* Mobilní hlavní nadpis */
@media (max-width: 767px) {
    body.page-id-3077 .entry-title::before,
    body.page-id-3077 .entry-title::after {
        font-size: clamp(39px, 14vw, 62px);
        line-height: 0.92;
    }

    body.page-id-3077 .entry-title::after {
        margin-top: 9px;
    }
}
/* Menší podnadpisy jako 5.1, 7.1 apod. */
body.page-id-3077 #cmplz-document h3,
body.page-id-3077 #cmplz-document h4 {
    margin: 32px 0 14px !important;
    padding: 0 !important;
    color: #f5f5f5 !important;
    font-size: clamp(19px, 1.8vw, 26px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    background: transparent !important;
    border: 0 !important;
}
/* =========================================================
   GLOBÁLNÍ ODSTRANĚNÍ BÍLÉHO TEČKOVANÉHO OHRANIČENÍ
========================================================= */

body a:focus,
body button:focus,
body input:focus,
body select:focus,
body textarea:focus,
body summary:focus,
body [role="button"]:focus,
body [tabindex]:focus {
    outline: none !important;
    outline-style: none !important;
}

/* Bez ohraničení po kliknutí myší */
body a:focus:not(:focus-visible),
body button:focus:not(:focus-visible),
body input:focus:not(:focus-visible),
body select:focus:not(:focus-visible),
body textarea:focus:not(:focus-visible),
body summary:focus:not(:focus-visible),
body [role="button"]:focus:not(:focus-visible),
body [tabindex]:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none;
}

/* Čisté zlaté označení pouze při ovládání klávesnicí */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body summary:focus-visible,
body [role="button"]:focus-visible,
body [tabindex]:focus-visible {
    outline: 2px solid #f2b827 !important;
    outline-offset: 3px !important;
    outline-style: solid !important;
}

/* Odstranění vnitřního tečkování ve Firefoxu */
body button::-moz-focus-inner,
body input[type="button"]::-moz-focus-inner,
body input[type="submit"]::-moz-focus-inner {
    border: 0 !important;
}

/* Odstranění barevného probliknutí na mobilech */
body a,
body button,
body [role="button"] {
    -webkit-tap-highlight-color: transparent;
}
html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#primary,
.site-content {
    flex: 1 0 auto;
}

.site-footer {
    margin-top: auto;
    flex-shrink: 0;
}
/* Zlatá linka do ztracena nad hlavním zápatím */
.site-primary-footer-wrap {
    position: relative;
    border-top: 0 !important;
}

.site-primary-footer-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(900px, 85%);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(242, 184, 39, 0.25) 15%,
        #f2b827 50%,
        rgba(242, 184, 39, 0.25) 85%,
        transparent 100%
    );
    pointer-events: none;
}
/* =========================================================
   LŮCA STORE – GLOBÁLNÍ KARTY PODKATEGORIÍ WOOCOMMERCE
   Shortcode: [luca_podkategorie]
   ========================================================= */

.luca-auto-categories,
.luca-auto-categories * {
  box-sizing: border-box;
}

.luca-auto-categories {
  width: min(calc(100% - 36px), 1220px) !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 72px 0 30px !important;
  background: transparent !important;
}

/* Nadpis sekce */

.luca-auto-categories .luca-jewelry-section-heading {
  width: 100%;
  margin: 0 0 30px !important;
  text-align: center;
}

.luca-auto-categories .luca-jewelry-section-heading > span {
  display: block;
  margin: 0 0 10px !important;

  color: #f2b827 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
}

.luca-auto-categories .luca-jewelry-section-heading h2 {
  margin: 0 !important;

  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.018em !important;
  text-transform: uppercase;
}

.luca-auto-categories .luca-jewelry-section-heading h2::after {
  content: "";
  display: block;

  width: 82px;
  height: 2px;
  margin: 18px auto 0;

  background: linear-gradient(
    90deg,
    transparent,
    #f2b827,
    transparent
  );
}

.luca-auto-categories .luca-jewelry-section-heading p {
  max-width: 560px;
  margin: 14px auto 0 !important;

  color: rgba(255, 255, 255, 0.62) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

/* Mřížka – přizpůsobí se počtu podkategorií */

.luca-auto-categories .luca-jewelry-category-grid {
  width: 100%;
  display: grid !important;
  grid-template-columns:
    repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  gap: 18px !important;
}

/* Karta podkategorie */

.luca-auto-categories .luca-jewelry-category-card {
  width: 100%;
  min-height: 132px;
  padding: 22px !important;

  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 24px !important;
  gap: 17px !important;
  align-items: center;

  border: 1px solid rgba(242, 184, 39, 0.28) !important;
  border-radius: 18px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.015)
    ),
    #0f0f0f !important;

  color: #fff !important;
  text-decoration: none !important;

  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.luca-auto-categories .luca-jewelry-category-card:hover {
  transform: translateY(-4px);
  border-color: rgba(242, 184, 39, 0.66) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

/* Zlatá kruhová ikona */

.luca-auto-categories .luca-jewelry-category-icon {
  position: relative;
  overflow: hidden;

  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(242, 184, 39, 0.95);
  border-radius: 50%;

  color: #111 !important;

  background:
    linear-gradient(180deg, #f2b827, #d8a316) !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.28),
    inset 0 -3px 0 rgba(0, 0, 0, 0.16);
}

.luca-auto-categories .luca-jewelry-category-icon svg {
  display: block !important;
  position: relative;
  z-index: 2;

  width: 47% !important;
  height: 47% !important;
  max-width: 26px !important;
  max-height: 26px !important;

  fill: currentColor !important;
}

.luca-auto-categories .luca-jewelry-category-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.48) 42%,
    rgba(255, 255, 255, 0.20) 54%,
    transparent 66%
  );

  transform: translateX(-145%);
  transition: transform 0.62s ease;
}

.luca-auto-categories
.luca-jewelry-category-card:hover
.luca-jewelry-category-icon::after {
  transform: translateX(145%);
}

/* Text uvnitř karty */

.luca-auto-categories .luca-jewelry-category-card h3 {
  margin: 0 0 6px !important;

  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.luca-auto-categories .luca-jewelry-category-card p {
  margin: 0 !important;

  color: rgba(255, 255, 255, 0.58) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* Šipka */

.luca-auto-categories .luca-jewelry-category-arrow {
  color: #f2b827 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  text-align: center;

  transition: transform 0.22s ease;
}

.luca-auto-categories
.luca-jewelry-category-card:hover
.luca-jewelry-category-arrow {
  transform: translateX(4px);
}

/* Tablet */

@media (max-width: 900px) {
  .luca-auto-categories .luca-jewelry-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */

@media (max-width: 767px) {
  .luca-auto-categories {
    width: calc(100% - 36px) !important;
    padding: 52px 0 24px !important;
  }

  .luca-auto-categories .luca-jewelry-category-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .luca-auto-categories .luca-jewelry-category-card {
    min-height: 112px;
    padding: 18px !important;
    grid-template-columns: 50px minmax(0, 1fr) 20px !important;
    gap: 14px !important;
  }

  .luca-auto-categories .luca-jewelry-category-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }
}
/* Jediná podkategorie – užší karta uprostřed */

.luca-auto-categories
.luca-jewelry-category-grid
.luca-jewelry-category-card:only-child {
  width: 100%;
  max-width: 620px;
  justify-self: center;
}
/* LŮCA – vyhledávání ve všech headerech
   Tmavé pole i při náhledu historie a automatickém doplnění */

body .luca-shop-custom-header .luca-shop-custom-search input[type="search"] {
  color-scheme: dark;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #f2b827 !important;

  background-color: #1e1e1e !important;

  /* Vnitřní výplň překryje světlé pozadí prohlížeče.
     Nevytváří další rámeček ani vnější stín. */
  -webkit-box-shadow: inset 0 0 0 1000px #1e1e1e !important;
  box-shadow: inset 0 0 0 1000px #1e1e1e !important;

  border: 0 !important;
  outline: none !important;
}

body .luca-shop-custom-header .luca-shop-custom-search input[type="search"]::placeholder {
  color: rgba(255,255,255,.52) !important;
  -webkit-text-fill-color: rgba(255,255,255,.52) !important;
}

/* Fokus zvýrazní pouze stávající obrys formuláře */
body .luca-shop-custom-header .luca-shop-custom-search:focus-within {
  border-color: #f2b827 !important;
}
/* Pozadí celé sekce */
body.elementor-page-1589 .TRIDA-SEKCE {
  background: #131313 !important;
}

/* Tmavší hlavní box */
body.elementor-page-1589 .TRIDA-BOXU {
  background: #0d0d0d !important;

  border-color:
    rgba(242, 184, 39, 0.24) !important;
}

/* Menší vnitřní boxy */
body.elementor-page-1589 .TRIDA-VNITRNIHO-BOXU {
  background: #111111 !important;
}
/* =========================================================
   DOMOVSKÁ STRÁNKA – JEDNOTNÉ POZADÍ BEZ ZLATÉHO PODSVÍCENÍ
   ========================================================= */

.luca-studio-values,
.luca-portfolio {
    background-color: #131313 !important;
    background-image: none !important;
}

/* =========================================================
   LŮCA TATTOO – OPRAVA GOOGLE MAPY + COMPLIANZ
   Umístit globálně: Vzhled → Přizpůsobit → Doplňkové CSS
   ========================================================= */

/* Stabilní rozměry celé mapové karty */
#kontakt .luca-contact-map {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #0d0d0d !important;
}

/* Původní i dynamicky vytvořený obal Complianz */
#kontakt .luca-contact-map > .cmplz-placeholder-parent,
#kontakt .luca-contact-map > .cmplz-blocked-content-container,
#kontakt .luca-contact-map
  > .cmplz-placeholder-parent.cmplz-blocked-content-container {
  position: absolute !important;
  inset: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  box-sizing: border-box !important;
}

/* Iframe před souhlasem i po souhlasu */
#kontakt .luca-contact-map iframe {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Cookie oznámení vždy doprostřed mapy */
.cmplz-optin
  #kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice,
.cmplz-optout
  #kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: min(520px, calc(100% - 40px)) !important;
  max-width: 520px !important;

  margin: 0 !important;
  padding: 22px 26px !important;

  color: #f1f1f1 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  text-align: center !important;
  white-space: normal !important;

  background: rgba(10, 10, 10, 0.82) !important;
  border: 1px solid rgba(242, 184, 39, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.42) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  box-sizing: border-box !important;
  z-index: 10 !important;
}

/* Complianz některé vnitřní DIVy standardně skrývá */
#kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice-body,
#kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice
  .cmplz-links {
  display: block !important;
}

/* Odkaz na zásady cookies */
#kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice
  .cmplz-links {
  margin: 4px 0 0 !important;
}

#kontakt
  .luca-contact-map
  .cmplz-blocked-content-notice
  .cmplz-links a {
  color: #f2b827 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Tlačítko souhlasu */
#kontakt .luca-contact-map .cmplz-accept-service {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 155px !important;
  min-height: 44px !important;

  margin: 2px auto 0 !important;
  padding: 11px 24px !important;

  color: #111111 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em !important;
  text-align: center !important;
  text-transform: uppercase !important;

  cursor: pointer !important;

  background: linear-gradient(
    180deg,
    #f7c93d 0%,
    #f2b827 58%,
    #d99d08 100%
  ) !important;

  border: 1px solid #f2b827 !important;
  border-radius: 999px !important;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;

  transition:
    transform 0.2s ease,
    filter 0.2s ease !important;
}

#kontakt .luca-contact-map .cmplz-accept-service:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}

#kontakt .luca-contact-map .cmplz-accept-service:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 3px !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  #kontakt .luca-contact-map {
    min-height: 410px !important;
  }
}

/* Mobil – pevná výška zabrání prázdnému prostoru a skákání */
@media (max-width: 767px) {
  #kontakt .luca-contact-map {
    height: 320px !important;
    min-height: 320px !important;
  }

  .cmplz-optin
    #kontakt
    .luca-contact-map
    .cmplz-blocked-content-notice,
  .cmplz-optout
    #kontakt
    .luca-contact-map
    .cmplz-blocked-content-notice {
    width: calc(100% - 30px) !important;
    max-width: none !important;

    gap: 10px !important;
    padding: 18px 16px !important;

    font-size: 14px !important;
    line-height: 1.48 !important;

    border-radius: 14px !important;
  }

  #kontakt .luca-contact-map .cmplz-accept-service {
    min-width: 145px !important;
    min-height: 42px !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
  }
}/* End custom CSS */