.elementor-4 .elementor-element.elementor-element-9e9c9f0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4 .elementor-element.elementor-element-875c7e5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4 .elementor-element.elementor-element-d5adb70{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4 .elementor-element.elementor-element-af228e8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4 .elementor-element.elementor-element-1c40db2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4 .elementor-element.elementor-element-ba2c5f0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */<style>
/* GLOBALNE TŁO STRONY – BARBER NA KLINIE */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;

  font-family: 'Montserrat', sans-serif;
  color: #F5E7D3;

  /* JEDNOLITE PREMIUM TŁO */
  background:
    linear-gradient(
      135deg,
      #5B4336 0%,
      #6B5142 35%,
      #7A5D4B 70%,
      #8B6B57 100%
    );

  background-attachment: fixed;
}

/* DELIKATNA TEKSTURA */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  opacity: 0.05;

  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);

  background-size: 48px 48px;
}

/* SUBTELNE PRZYCIEMNIENIE */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,0.03),
      rgba(0,0,0,0.12)
    );
}

/* STANDARD DLA SEKCJI */
section {
  position: relative;
  background: transparent;
}

/* KONTENER */
.container,
.section-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

/* NAGŁÓWKI */
h1,
h2,
h3,
h4 {
  margin-top: 0;

  font-family: 'Playfair Display', serif;
  color: #FFF4E6;
}

/* AKCENT */
.gold,
.accent {
  color: #E4BE84;
}

/* TEKST */
p {
  color: #E7D5C2;
  line-height: 1.7;
}

/* BUTTONY */
.btn,
.button,
a.btn,
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 28px;

  border-radius: 999px;

  border: 1px solid rgba(228, 190, 132, 0.5);

  background:
    linear-gradient(
      135deg,
      #D8B47A 0%,
      #F0D39A 50%,
      #C99655 100%
    );

  color: #2B1A14;

  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;

  text-decoration: none;
  cursor: pointer;

  transition: all 0.3s ease;

  box-shadow:
    0 12px 28px rgba(216, 180, 122, 0.16);
}

.btn:hover,
.button:hover,
a.btn:hover,
button:hover {
  transform: translateY(-3px);

  box-shadow:
    0 18px 42px rgba(216, 180, 122, 0.28);

  filter: brightness(1.05);
}

/* OUTLINE BUTTON */
.btn-outline {
  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(228, 190, 132, 0.45);

  color: #FFF4E6;

  box-shadow: none;
}

.btn-outline:hover {
  background: rgba(228, 190, 132, 0.12);
}

/* GLASS CARD */
.glass-card {
  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(228, 190, 132, 0.14);

  border-radius: 28px;

  backdrop-filter: blur(14px);

  box-shadow:
    0 18px 50px rgba(0,0,0,0.12);

  transition: all 0.3s ease;
}

.glass-card:hover {
  transform: translateY(-5px);

  border-color: rgba(228, 190, 132, 0.3);

  box-shadow:
    0 22px 60px rgba(216, 180, 122, 0.08);
}

/* ZAZNACZENIE */
::selection {
  background: #D8B47A;
  color: #2B1A14;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 1024px) {
  body {
    background-attachment: scroll;
  }
}

@media (max-width: 768px) {

  .container,
  .section-container {
    width: min(100% - 32px, 100%);
  }

  .btn,
  .button,
  a.btn,
  button {
    width: 100%;
    padding: 15px 22px;
  }
}
</style>/* End custom CSS */