@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@keyframes borderExpand {
  0% {
    border-width: 0; }
  50% {
    border-width: 10px;
    /* Pośredni efekt dla środkowego borderu */ }
  100% {
    border-width: 3px;
    /* Maksymalna szerokość dla zewnętrznego borderu */ } }
.restaurant-pot {
  background-image: url("/img/restaurant_pot.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 40vw;
  background-color: var(--page-bg-color);
  margin-top: -80px; }
  .restaurant-pot .restaurant-pot-wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 4vw; }
    .restaurant-pot .restaurant-pot-wrapper .text {
      max-width: 50%; }
      .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-title {
        font-size: 40rem;
        letter-spacing: 11rem;
        text-transform: uppercase;
        color: var(--primary-text);
        font-weight: 400;
        font-family: "Playfair Display", sans-serif;
        margin-bottom: 20px;
        line-height: 1.5;
        text-shadow: 0 0 21px rgba(0, 254, 174, 0.7), 0 0 42px rgba(0, 254, 174, 0.7), 0 0 63px rgba(0, 254, 174, 0.7); }
      .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-text p {
        opacity: 0.580;
        font-size: 18rem;
        color: var(--primary-text);
        font-weight: 300;
        line-height: 1.5; }
      .restaurant-pot .restaurant-pot-wrapper .text .buttons {
        margin-top: 30px; }
        .restaurant-pot .restaurant-pot-wrapper .text .buttons .btn-magic {
          margin-left: -20px; }

@media (max-width: 575.5px) {
  .restaurant-pot {
    margin-top: 0;
    height: auto;
    min-height: 40vw; }
    .restaurant-pot .restaurant-pot-wrapper {
      padding-bottom: 1vw; }
      .restaurant-pot .restaurant-pot-wrapper .text {
        max-width: 100%; }
        .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-title {
          font-size: 26rem;
          letter-spacing: 4rem;
          margin-bottom: 5px; }
        .restaurant-pot .restaurant-pot-wrapper .text .buttons {
          margin-top: 10px;
          justify-content: flex-start; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .restaurant-pot {
    margin-top: 0;
    height: auto;
    min-height: 40vw; }
    .restaurant-pot .restaurant-pot-wrapper {
      padding-bottom: 1vw; }
      .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-title {
        font-size: 26rem;
        letter-spacing: 4rem;
        margin-bottom: 5px; }
      .restaurant-pot .restaurant-pot-wrapper .text .buttons {
        margin-top: 10px;
        justify-content: flex-start; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .restaurant-pot .restaurant-pot-wrapper {
    padding-bottom: 1vw; }
    .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-title {
      font-size: 26rem;
      letter-spacing: 4rem;
      margin-bottom: 5px; }
    .restaurant-pot .restaurant-pot-wrapper .text .buttons {
      margin-top: 10px;
      justify-content: flex-start; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .restaurant-pot .restaurant-pot-wrapper .text .restaurant-pot-title {
    font-size: 30rem;
    letter-spacing: 7rem;
    margin-bottom: 15px; }
  .restaurant-pot .restaurant-pot-wrapper .text .buttons {
    margin-top: 10px; } }

/*# sourceMappingURL=restaurant_pot.css.map */