@charset "UTF-8";
/*!
Theme Name: magiczneznicze
Theme URI: http://underscores.me/
Author: Wojtek Wyszynski
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: magiczneznicze
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

magiczneznicze is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url("https://fonts.cdnfonts.com/css/satoshi");
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1350px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 3em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--main);
  font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2 {
  clear: both;
  line-height: 100%;
  font-weight: 500;
  font-family: "Magiona Display";
}
h1.text-center,
h2.text-center {
  text-align: center;
}

h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Satoshi";
  line-height: 100%;
  font-weight: 700;
}

p {
  margin: 0.5rem 0 2rem;
  font-size: 1.2rem;
}
p.halfwidth {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 100em) {
  p.halfwidth {
    max-width: 70%;
    margin: 2rem auto;
  }
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body.disable-scroll {
  overflow: hidden;
  height: 100%;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: var(--main);
  text-decoration: none;
  transition: all 200ms var(--transition);
}
a:visited {
  color: inherit;
}
a:hover {
  color: var(--accent);
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
@keyframes gradientRotate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
button,
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link,
.magiczneznicze-button,
.button {
  color: #fff;
  border-radius: 999px;
  font-weight: 500;
  line-height: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 650ms cubic-bezier(0.165, 0.84, 0.44, 1);
  padding: 1em 1.25em;
  background-color: transparent;
  background-image: linear-gradient(90deg, #F98600, #F90800, #F98600, #F90800, #F98600, #F90800);
  background-size: 400%;
  background-position: 0% 0%;
  cursor: pointer;
}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link:active,
.magiczneznicze-button:active,
.button:active {
  outline: 0;
}
button svg,
input[type=button] svg,
input[type=reset] svg,
input[type=submit] svg,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link svg,
.magiczneznicze-button svg,
.button svg {
  z-index: 9;
  margin: 0.34em 0.68em 0.34em 0.34em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 660ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
button svg path,
input[type=button] svg path,
input[type=reset] svg path,
input[type=submit] svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link svg path,
.magiczneznicze-button svg path,
.button svg path {
  fill: var(--light);
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
button::after,
input[type=button]::after,
input[type=reset]::after,
input[type=submit]::after,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link::after,
.magiczneznicze-button::after,
.button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 360ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link:hover,
.magiczneznicze-button:hover,
.button:hover {
  color: #fff;
  animation: gradientRotate 15s ease infinite;
  transform: scale(1.02);
}
button:hover svg path,
input[type=button]:hover svg path,
input[type=reset]:hover svg path,
input[type=submit]:hover svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link:hover svg path,
.magiczneznicze-button:hover svg path,
.button:hover svg path {
  fill: #fff;
}
button:visited,
input[type=button]:visited,
input[type=reset]:visited,
input[type=submit]:visited,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link:visited,
.magiczneznicze-button:visited,
.button:visited {
  color: #fff;
}
button.black,
input[type=button].black,
input[type=reset].black,
input[type=submit].black,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.black,
.magiczneznicze-button.black,
.button.black {
  color: var(--main);
  background-color: var(--light);
}
button.black svg path,
input[type=button].black svg path,
input[type=reset].black svg path,
input[type=submit].black svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.black svg path,
.magiczneznicze-button.black svg path,
.button.black svg path {
  fill: var(--main);
}
button.black:hover,
input[type=button].black:hover,
input[type=reset].black:hover,
input[type=submit].black:hover,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.black:hover,
.magiczneznicze-button.black:hover,
.button.black:hover {
  color: var(--accent);
  background-color: var(--main);
}
button.black:hover svg path,
input[type=button].black:hover svg path,
input[type=reset].black:hover svg path,
input[type=submit].black:hover svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.black:hover svg path,
.magiczneznicze-button.black:hover svg path,
.button.black:hover svg path {
  fill: var(--accent);
}
button.outline,
input[type=button].outline,
input[type=reset].outline,
input[type=submit].outline,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.outline,
.magiczneznicze-button.outline,
.button.outline {
  background-color: transparent;
  color: var(--main);
  box-shadow: inset 0 0 0 1px var(--main);
}
button.outline svg path,
input[type=button].outline svg path,
input[type=reset].outline svg path,
input[type=submit].outline svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.outline svg path,
.magiczneznicze-button.outline svg path,
.button.outline svg path {
  fill: var(--main);
}
button.outline:hover,
input[type=button].outline:hover,
input[type=reset].outline:hover,
input[type=submit].outline:hover,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.outline:hover,
.magiczneznicze-button.outline:hover,
.button.outline:hover {
  color: var(--light);
  background-color: var(--accent);
  box-shadow: none;
}
button.outline:hover svg path,
input[type=button].outline:hover svg path,
input[type=reset].outline:hover svg path,
input[type=submit].outline:hover svg path,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.outline:hover svg path,
.magiczneznicze-button.outline:hover svg path,
.button.outline:hover svg path {
  fill: var(--light);
}
@media screen and (min-width: 992px) {
  button.shopping-cart,
  input[type=button].shopping-cart,
  input[type=reset].shopping-cart,
  input[type=submit].shopping-cart,
  .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.shopping-cart,
  .magiczneznicze-button.shopping-cart,
  .button.shopping-cart {
    padding: 0.5em 1.5em 0.5em 0.5em;
  }
}
button.shopping-cart svg,
input[type=button].shopping-cart svg,
input[type=reset].shopping-cart svg,
input[type=submit].shopping-cart svg,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.shopping-cart svg,
.magiczneznicze-button.shopping-cart svg,
.button.shopping-cart svg {
  width: 24px;
  margin: 0 0.34em 0 0;
  height: 24px;
}
@media screen and (min-width: 992px) {
  button.shopping-cart svg,
  input[type=button].shopping-cart svg,
  input[type=reset].shopping-cart svg,
  input[type=submit].shopping-cart svg,
  .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.shopping-cart svg,
  .magiczneznicze-button.shopping-cart svg,
  .button.shopping-cart svg {
    width: auto;
    margin: 0.34em 0.68em 0.34em 0.34em;
    height: auto;
  }
}
button.login-button,
input[type=button].login-button,
input[type=reset].login-button,
input[type=submit].login-button,
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link.login-button,
.magiczneznicze-button.login-button,
.button.login-button {
  margin: 0 30px 30px;
  position: relative;
  justify-content: center;
}

.wp-block-button.no-icon a.wp-block-button__link {
  color: var(--light);
  background-color: var(--accent);
  padding: 0.8em 1.4em;
  font-size: 1.2em;
}
.wp-block-button.no-icon a.wp-block-button__link:hover {
  color: var(--light);
  background-color: var(--main);
}
.wp-block-button.no-icon a.wp-block-button__link:hover svg path {
  fill: var(--light);
}

.wp-block-buttons > .wp-block-button {
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .wp-block-buttons > .wp-block-button {
    margin: 0;
  }
}

.wp-block-button__link {
  color: #fff;
  background-color: var(--accent);
  border-radius: var(--radius);
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}
.wp-block-button__link:hover {
  color: #fff;
  background-color: var(--main);
}

.single_add_to_cart_button {
  padding: 0 1em 0 0.4em;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #131215;
  width: 100%;
  padding: 12px;
  background: transparent;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  min-width: 4em;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--main);
  border: 1px solid var(--accent);
  outline: 0;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#masthead {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  z-index: 999;
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  /* Small menu. */
  /* Dropdown Button */
  /* Dropdown button on hover & focus */
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
}
#masthead .top-bar {
  background: var(--main);
  color: #fff;
  width: 100%;
  font-size: 14px;
  padding: 5px 0;
  transform: translateY(-50px);
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: none;
}
@media screen and (min-width: 992px) {
  #masthead .top-bar {
    font-size: 16px;
    display: flex;
  }
}
#masthead .top-bar p {
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #masthead .top-bar p {
    font-size: 16px;
  }
}
#masthead .top-bar p strong {
  margin-right: 5px;
  font-weight: 700;
}
#masthead .top-bar a {
  color: #fff;
}
#masthead .top-bar a:hover {
  text-decoration: underline;
}
#masthead .top-bar svg {
  margin-right: 5px;
}
#masthead .top-bar__promo {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
}
#masthead .top-bar__contact {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
  justify-content: flex-start;
}
@media screen and (min-width: 992px) {
  #masthead .top-bar__contact {
    justify-content: flex-end;
  }
}
#masthead .top-bar__contact li {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: 0;
  margin-right: 10px;
}
@media screen and (min-width: 992px) {
  #masthead .top-bar__contact li {
    margin-left: 10px;
    margin-right: 0;
  }
}
#masthead .top-bar__contact li p {
  margin: 0;
}
#masthead .container {
  z-index: 100;
}
#masthead.hide {
  top: -84px;
}
@media screen and (min-width: 992px) {
  #masthead.hide {
    top: -103px;
  }
}
#masthead .header-container {
  opacity: 0;
  transform: scale(1.01);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 80px;
  padding: 0 1em;
  margin: 1em 0;
  border: 1px solid var(--stroke);
}
#masthead .site-branding {
  z-index: 3;
}
@media screen and (max-width: 991px) {
  #masthead .site-branding {
    margin: 0 auto;
    width: 40%;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
  }
}
#masthead .site-branding .custom-logo {
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  height: auto;
  max-height: 64px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  #masthead .site-branding .custom-logo {
    max-height: 52px;
  }
}
#masthead.header_scroll.menu-open {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
@media screen and (min-width: 992px) {
  #masthead.header_scroll {
    box-sizing: border-box;
  }
}
#masthead.header_scroll .site-nav-right {
  margin-right: 0;
}
#masthead.header_scroll .top-bar {
  margin: 0;
}
#masthead .main-navigation {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#masthead .main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 2em;
}
#masthead .main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
#masthead .main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
#masthead .main-navigation ul ul li:hover > ul, #masthead .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
#masthead .main-navigation ul ul a {
  width: 200px;
}
#masthead .main-navigation ul li:hover > ul,
#masthead .main-navigation ul li.focus > ul {
  left: auto;
}
#masthead .main-navigation li {
  position: relative;
  display: inline-flex;
}
#masthead .main-navigation a {
  display: block;
  text-decoration: none;
  line-height: 100%;
  color: var(--main);
  padding: 1em 0;
  margin: 0 1em;
  transition: all 150ms var(--transition);
  position: relative;
}
#masthead .main-navigation a:hover {
  transform: translateY(-1px);
}
@media screen and (min-width: 992px) {
  #masthead .main-navigation {
    display: flex;
  }
}
#masthead .site-nav-right {
  display: flex;
  z-index: 3;
  position: relative;
  background: #fff;
  padding: 0.75em 0;
  border-radius: 999px;
  gap: 0.5em;
  transition: all 250ms var(--transition);
}
#masthead .site-nav-right .mz-user-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--main);
  padding: 0 10px;
  gap: 3px;
}
#masthead .site-nav-right .mz-user-nav .zaloguj {
  display: none;
  color: var(--main);
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  #masthead .site-nav-right .mz-user-nav .zaloguj {
    display: flex;
    gap: 3px;
  }
}
#masthead .menu-toggle,
#masthead .main-navigation.toggled ul {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media screen and (min-width: 992px) {
  #masthead .menu-toggle,
  #masthead .main-navigation.toggled ul {
    display: block;
  }
}
.site-main #masthead .comment-navigation,
.site-main #masthead .posts-navigation,
.site-main #masthead .post-navigation {
  margin: 0 0 1.5em;
}
#masthead .comment-navigation .nav-links,
#masthead .posts-navigation .nav-links,
#masthead .post-navigation .nav-links {
  display: flex;
}
#masthead .comment-navigation .nav-previous,
#masthead .posts-navigation .nav-previous,
#masthead .post-navigation .nav-previous {
  flex: 1 0 50%;
}
#masthead .comment-navigation .nav-next,
#masthead .posts-navigation .nav-next,
#masthead .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
#masthead .dropbtn {
  background: var(--main);
  padding: 9px;
  width: 36px;
  display: flex;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transform: none;
  transition: transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#masthead .dropbtn div {
  width: 17px;
  height: 3px;
  background-color: #ffffff;
  border-radius: 2px;
  margin: 2px 0 1px;
  transition: transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width: 992px) {
  #masthead .dropbtn {
    display: none;
  }
}
#masthead .dropbtn.active div:nth-of-type(1) {
  transform: translateY(6px) rotate(-45deg);
}
#masthead .dropbtn.active div:nth-of-type(2) {
  transform: scale(0);
}
#masthead .dropbtn.active div:nth-of-type(3) {
  transform: translateY(-6px) rotate(45deg);
}
#masthead .dropdown {
  position: relative;
  display: inline-block;
}
#masthead .dropdown-content {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  background-color: var(--light);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  transition: 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
}
#masthead .dropdown-content.show {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  #masthead .dropdown-content {
    display: none;
  }
}
#masthead .dropdown-content .dropdown-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  min-width: 160px;
  border-radius: 40px;
  z-index: 999;
  transition: all 5500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  top: 100px;
  left: 0;
  margin: 0 15px;
  width: calc(100% - 30px);
  height: calc(100% - 120px);
}
@media screen and (min-width: 992px) {
  #masthead .dropdown-content .dropdown-inner {
    border-radius: 70px;
  }
}
#masthead .dropdown-content .dropdown-main-nav {
  height: 100%;
}
#masthead .dropdown-content .dropdown-main-nav ul {
  list-style: none;
  margin: 0;
  padding: 2em;
}
#masthead .dropdown-content .dropdown-main-nav ul a {
  color: var(--main);
  text-decoration: none;
  display: block;
  font-family: "Satoshi";
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
}
#masthead .dropdown-content .dropdown-secondary-nav ul {
  list-style: none;
  -moz-column-count: 2;
       column-count: 2;
  margin: 0;
  padding: 1em 2em;
}
#masthead .dropdown-content .dropdown-secondary-nav ul a {
  color: var(--main);
  text-decoration: none;
  display: block;
}
#masthead .dropdown-content .dropdown-loga {
  border-top: 1px solid #050505;
  margin: 0 2em;
  padding: 1em 0;
}
#masthead .dropdown-content .dropdown-loga ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}
#masthead .header_scroll.hide .dropdown-content {
  visibility: hidden;
  opacity: 0;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: flex;
  align-items: center;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* Splide slider
--------------------------------------------- */
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized {
  visibility: visible;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__toggle__pause {
  display: none;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized {
  visibility: visible;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  bottom: -20px;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
  background: #ccc;
  height: 3px;
}

.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__slide:focus {
  outline: 0;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__toggle__pause {
  display: none;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #fff;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 0.5em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 0.5em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination__page.is-active {
  transform: scale(1.4);
  z-index: 1;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  transform: translateY(-15px);
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: var(--main);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: var(--main);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

:root {
  --main: #0e0000;
  --accent: #cb0f0f;
  --light: #fffdfa;
  --stroke: #E8E8E8;
  --gradient: radial-gradient(137.52% 390.14% at 0.15% 100%, #F98600 0%, #F90800 47.92%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  --radius: 25px;
  --transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

@font-face {
  font-family: "Magiona Display";
  src: url("../fonts/subset-MagionaDisplay.woff2") format("woff2"), url("../fonts/subset-MagionaDisplay.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--light);
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader img {
  animation: scale 3s linear infinite; /* Apply the spin animation */
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes scale {
  0% {
    transform: scale(0.75);
  } /* Rotate the loader 0 degrees at the start */
  25% {
    transform: scale(1.1);
  } /* Rotate the loader 0 degrees at the start */
  50% {
    transform: scale(1.2);
  } /* Rotate the loader 0 degrees at the start */
  75% {
    transform: scale(1.1);
  } /* Rotate the loader 0 degrees at the start */
  100% {
    transform: scale(0.75);
  } /* Rotate the loader 360 degrees at the end */
}

body {
  background-color: var(--light);
}

main {
  display: flex;
  flex-direction: column;
  margin-top: 115px;
}
@media only screen and (min-width: 992px) {
  main {
    margin-top: 142px;
  }
}
main .entry-header {
  padding-bottom: 1em;
  text-align: center;
  margin-top: 5rem;
}
main .entry-header h1.entry-title {
  font-size: 2rem;
  margin: 1rem 0 0;
}
@media only screen and (min-width: 992px) {
  main .entry-header h1.entry-title {
    font-size: 4rem;
  }
}
main .entry-header h1.entry-title.text-center {
  text-align: center;
}

h2 {
  font-size: 2.8em;
}

.entry-content.text-center {
  text-align: center;
}

.page-template-page-homepage main {
  background: none;
  box-shadow: none;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .page-template-page-homepage main {
    margin-top: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}

.o-nas {
  padding: 40px 0 20px 0;
  border-top: 1px solid var(--stroke);
  margin: 60px 0 30px 0;
}

/* Footer 
===============================*/
.site-footer {
  padding: 50px 0 0;
  color: var(--main);
  margin-top: 80px;
}
.site-footer .footer-top {
  border-top: 1px solid var(--stroke);
  border-bottom: 1px solid var(--stroke);
  padding-top: 30px;
  margin-bottom: 30px;
}
.site-footer .footer-top__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.site-footer .footer-top__heading img {
  border: 1px solid var(--stroke);
  padding: 10px;
  border-radius: 15px;
}
.site-footer .footer-top__heading h3 {
  margin: 0;
}
.site-footer .footer-top__description p {
  font-size: 1em;
}
.site-footer .widget p {
  font-size: 1em;
  word-break: break-all;
}
.site-footer .widget h3 {
  text-transform: uppercase;
}
.site-footer .widget a {
  font-size: 16px;
  display: block;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.site-footer .widget a:hover {
  transform: translateX(2px);
  -moz-transform: translateX(2px);
  -webkit-transform: translateX(2px);
}
.site-footer .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-column-count: 1;
       column-count: 1;
  width: 100%;
  -moz-column-gap: 5em;
       column-gap: 5em;
}
@media screen and (min-width: 40em) {
  .site-footer .widget ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.site-footer .site-info {
  border-top: 1px solid var(--stroke);
  padding: 20px 0;
  margin-top: 40px;
}
.site-footer .site-info p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.site-footer .loga {
  list-style: none;
  margin: 20px 0;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.site-footer .loga li {
  display: flex;
  padding: 0 10px;
  width: 25%;
  justify-content: center;
}
.site-footer .loga li img {
  max-height: 48px;
}
@media only screen and (min-width: 62em) {
  .site-footer .loga {
    float: right;
    padding-right: 30px;
    justify-content: flex-start;
  }
}

/* WOOCOMMERCE */
.checkout {
  padding: 30px;
  background: #fff;
  border-radius: var(--radius);
}

body.woocommerce-page {
  color: var(--main);
}
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3, body.woocommerce-page h4, body.woocommerce-page h5, body.woocommerce-page h6 {
  color: var(--main);
}
body.woocommerce-page h1 {
  font-size: 3em;
  line-height: 1.2em;
}
@media only screen and (min-width: 100em) {
  body.woocommerce-page h1 {
    font-size: 3em;
  }
}
body.woocommerce-page main {
  margin: 78px 10px 0;
  padding-bottom: 2em;
  border-radius: var(--radius);
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  body.woocommerce-page main {
    margin: 142px 0 0;
  }
}
body.woocommerce-page.single main .container {
  border-radius: var(--radius);
  background: #fff;
}
body.woocommerce-page.single main .container.tabs-container {
  padding: 0;
  background: transparent;
}
body.woocommerce-page.single main .container.tabs-container .woocommerce-Tabs-panel {
  background: #fff;
  padding: 2em;
  border-radius: 0 25px 25px 25px;
}
@media only screen and (min-width: 768px) {
  body.woocommerce-page.single main .container.tabs-container .woocommerce-Tabs-panel {
    padding: 30px 60px;
  }
}
body.woocommerce-page.single main .container.no-bg {
  background: transparent;
}
body.woocommerce-page.single main .container.no-padding {
  padding: 0;
}
body.woocommerce-page ul.products {
  overflow: auto;
}
body.woocommerce-page ul.products li.product {
  padding: 1em;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  display: flex;
  flex-direction: column;
}
body.woocommerce-page ul.products li.product a {
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.woocommerce-page ul.products li.product a .star-rating {
  position: absolute;
  right: 1em;
}
body.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link {
  width: 100%;
}
body.woocommerce-page ul.products li.product h2 {
  font-size: 1em;
}
body.woocommerce-page ul.products li.product .button {
  display: flex;
  flex-direction: row;
}
body.woocommerce-page ul.products li.product img {
  display: block;
  border-radius: 15px;
  height: 300px;
  width: auto;
  margin: 0 auto;
}
body.woocommerce-page ul.products li.product h2.woocommerce-loop-category__title {
  font-size: 1.2em;
}
body.woocommerce-page ul.products li.product .price {
  color: var(--main);
  padding-bottom: 1em;
  display: block;
  font-size: 1.2em;
  font-weight: 700;
}
body.woocommerce-page h2.woocommerce-loop-category__title .count {
  display: none;
}
body.woocommerce-page .woocommerce-breadcrumb svg.separator {
  margin: 0 10px;
}
body.woocommerce-page .woocommerce-breadcrumb a {
  font-weight: bold;
}

.single_add_to_cart_button svg,
ul.products li.product .button svg {
  top: 12px;
  left: 12px;
  margin: 0 8px 0 0;
}
@media screen and (min-width: 992px) {
  .single_add_to_cart_button svg,
  ul.products li.product .button svg {
    top: 19px;
    left: 19px;
  }
}

ul.products li.product {
  width: 100%;
}
@media screen and (min-width: 40em) {
  ul.products li.product {
    width: 46.2%;
    float: left;
    margin-right: 3.8%;
  }
}
ul.products li.product a.button {
  height: 42px;
  padding: 0;
  position: relative;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
ul.products li.product a.button.go-to-product {
  background: #fff;
  border: 1px solid var(--accent);
  color: var(--accent);
  margin-bottom: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.products li.product a.button.go-to-product:hover {
  border: 1px solid var(--main);
  color: var(--main);
}
ul.products li.product a.button svg {
  position: absolute;
  left: 6px;
  height: 30px;
  width: 30px;
  top: 6px;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
ul.products li.product a.button:hover {
  transform: scale(1.02);
}
ul.products li.product a.button:hover svg {
  position: absolute;
  transform: scale(1.05);
}

.woocommerce-ordering {
  display: none;
}

.star-rating span::before {
  color: var(--accent) !important;
}

/* table */
/* Shopping Cart */
.woocommerce table.shop_table {
  background-color: #ffffff;
  border-radius: var(--radius);
  overflow: hidden;
}
.woocommerce table.shop_table thead {
  background-color: #fff;
}
.woocommerce table.shop_table thead tr th {
  padding: 1em 0;
  background-color: var(--main);
  color: #dadada;
}
.woocommerce table.shop_table.cart tr {
  box-shadow: 0 1px 0 0 var(--stroke);
}
.woocommerce table.shop_table.cart tr td {
  padding: 1em;
  border-right: 1px solid var(--stroke);
  text-align: center;
}
.woocommerce table.shop_table.cart tr td:last-of-type {
  border: none;
}
.woocommerce table.shop_table.cart tr td.actions {
  text-align: right;
  border-top: 1px solid var(--stroke);
}
.woocommerce table.shop_table.cart tr td.product-thumbnail img {
  max-width: 100px;
}
.woocommerce table.shop_table.cart tr td.product-remove a {
  text-align: left;
  font-size: 2em;
  color: var(--main);
  padding: 0.2em;
}
.woocommerce table.shop_table.cart tr td.product-quantity input {
  max-width: 40px;
}

.wc-proceed-to-checkout {
  text-align: right;
}

.cart_totals {
  width: 100%;
  float: right;
  background: #fff;
  margin: 0 0 3em;
  padding: 1em 1em 1em 2em;
  display: block;
  border-radius: var(--radius);
}
@media screen and (min-width: 48em) {
  .cart_totals {
    width: 50%;
  }
}
.cart_totals h2 {
  font-size: 1.34em;
}
@media screen and (min-width: 992px) {
  .cart_totals h2 {
    font-size: 1.75em;
  }
}
.cart_totals table.shop_table {
  border: none;
  border-radius: 0;
}
.cart_totals table.shop_table tr.order-total th,
.cart_totals table.shop_table tr.cart-subtotal th {
  color: var(--main);
}
.cart_totals table.shop_table tr.order-total td,
.cart_totals table.shop_table tr.cart-subtotal td {
  color: var(--main);
  text-align: right;
}

#review_form_wrapper input, #review_form_wrapper textarea {
  max-width: 100%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 22.15%;
  padding: 5px;
}

.woocommerce-billing-fields__field-wrapper p.form-row,
.woocommerce-shipping-fields p.form-row {
  display: block;
}
.woocommerce-billing-fields__field-wrapper p.form-row label,
.woocommerce-shipping-fields p.form-row label {
  display: block;
}
.woocommerce-billing-fields__field-wrapper p.form-row .woocommerce-input-wrapper,
.woocommerce-shipping-fields p.form-row .woocommerce-input-wrapper {
  max-width: 100%;
}

.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 0 0 0 2px #0f834d !important;
}

.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 0px 0 0 2px #e2401c !important;
}

.woocommerce-shipping-totals {
  background: #d1d1d1;
}

.radius .wp-block-cover__background {
  border-radius: var(--radius);
  margin: 0;
}
@media screen and (min-width: 48em) {
  .radius .wp-block-cover__background {
    margin: 0 2em;
  }
}

.wpcf7-form {
  background-color: #E8EDF1;
  border-radius: 20px;
  padding: 3rem;
}
.wpcf7-form p {
  position: relative;
}
.wpcf7-form input.wpcf7-submit {
  width: 100%;
  padding: 1rem;
  display: block;
  text-align: center;
}
.wpcf7-form .wpcf7-form-control-wrap {
  width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea {
  min-width: 100%;
  background: #fff;
  border: none;
  border-radius: var(--radius);
  padding: 1rem;
  margin-top: 1rem;
}
.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-not-valid, .wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
  box-shadow: 0 0 30px -22px #dc3232;
}
.wpcf7-form .wpcf7 form .wpcf7-response-output {
  text-align: center;
}
.wpcf7-form .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1rem;
  font-weight: normal;
  display: block;
  margin-top: 0.5rem;
}
.wpcf7-form .wpcf7-spinner {
  background-color: var(--main);
  opacity: 1;
  width: 33px;
  height: 33px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 auto;
  position: absolute;
  top: 9px;
  z-index: 2;
  left: 9px;
}
.wpcf7-form .wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 10px 10px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.woocommerce-products-header {
  width: 100%;
  text-align: center;
}
.woocommerce-products-header .woocommerce-breadcrumb {
  text-align: left;
}

.woocommerce-result-count {
  display: none;
}

.woocommerce-products-header__title {
  margin: 0 0 2rem;
}

.woo__categories {
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  margin-bottom: 2rem;
  padding: 1rem 2rem 2rem;
}
.woo__categories h2 {
  font-size: 1.75em;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: #abc8d9 !important;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  padding: 1rem;
  color: #000;
  text-align: center;
}

p.woocommerce-shipping-destination {
  font-size: 1rem;
}

.woocommerce-table__product-name,
.product-name {
  text-align: center;
}

button#place_order {
  padding: 1rem;
}

#shipping_method input[type=radio] {
  margin: 0.5rem;
}

body.tax-product_cat .woo__categories {
  display: none;
}
@media screen and (min-width: 48em) {
  body.tax-product_cat .woo__categories {
    display: block;
  }
}

.single-product div.product .woocommerce-product-gallery {
  position: relative;
  float: left;
  width: 100%;
}

.woocommerce-pagination ul.page-numbers {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-evenly;
  max-width: 50%;
  flex-direction: row;
}
.woocommerce-pagination ul.page-numbers li {
  display: block;
}
.woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span {
  display: flex;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #c4d5ff;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  transform: scale(0.8);
  tramsition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-pagination ul.page-numbers li span:hover {
  background: #c4d5ff;
  transform: scale(1);
}
.woocommerce-pagination ul.page-numbers li a.current, .woocommerce-pagination ul.page-numbers li span.current {
  background: var(--accent);
  color: #fff;
  box-shadow: none;
  transform: scale(1);
}

.hero-section {
  background: linear-gradient(180deg, #ddf1ff 0%, rgba(255, 255, 255, 0) 100%);
  margin: 0;
  border-radius: var(--radius);
}
@media (min-width: 48em) {
  .hero-section {
    margin: 0 2em;
  }
}
.hero-section img {
  mix-blend-mode: darken;
}
@media (max-width: 781px) {
  .hero-section .revert-columns {
    flex-direction: column-reverse;
  }
}
.hero-section h1 {
  font-size: 2em;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 36em) {
  .hero-section h1 {
    font-size: 2em;
  }
}
@media (min-width: 48em) {
  .hero-section h1 {
    font-size: 1.8em;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .hero-section h1 {
    margin: 2em 0 0 0;
    font-size: 2.5em;
  }
}
@media (min-width: 100em) {
  .hero-section h1 {
    font-size: 3.5em;
  }
}
.hero-section p {
  text-align: center;
}
@media (min-width: 48em) {
  .hero-section p {
    text-align: left;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0); /* Początkowy i końcowy stan - brak translacji */
  }
  50% {
    transform: translateY(-3px); /* Środkowy punkt animacji - przesunięcie o -3px w pionie */
  }
}
.mz-product {
  display: flex;
  align-items: stretch;
}
.mz-product .mz-product__card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--radius);
  padding: 20px;
  width: 100%;
  margin: 15px 0px;
  border: 1px solid var(--stroke);
  transition: all 0.3s var(--transition);
}
.mz-product .mz-product__card__thumb {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  position: relative;
}
.mz-product .mz-product__card__thumb::before {
  content: "";
  position: absolute;
  transform: scale(0.75);
  width: 64px;
  height: 64px;
  z-index: 9;
  opacity: 0;
  border-radius: 50%;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  background: var(--main);
  transition: all 0.3s var(--transition);
}
.mz-product .mz-product__card__thumb::after {
  content: "";
  background: url(../img/arrow.svg) no-repeat;
  position: absolute;
  left: calc(50% - 7px);
  top: calc(50% - 11px);
  z-index: 10;
  width: 14px;
  height: 22px;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s var(--transition);
}
.mz-product .mz-product__card__thumb img {
  width: auto;
  height: 100%;
  transition: all 0.15s var(--transition);
}
.mz-product .mz-product__card__thumb:hover::before {
  opacity: 1;
  transform: scale(1);
}
.mz-product .mz-product__card__thumb:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.mz-product .mz-product__card__thumb:hover img {
  opacity: 0.85;
}
.mz-product .mz-product__card:hover {
  animation: bounce 2s infinite; /* Dodanie animacji 'bounce' z czasem trwania 1 sekundy i nieskończonym powtarzaniem */
}
.mz-product .mz-product__card .mz-product__description {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
.mz-product .mz-product__card .mz-product__description p.mz-product__category {
  margin: 10px 0 0;
  font-weight: 700;
  font-size: 0.9em;
}
.mz-product .mz-product__card .mz-product__description a.mz-product__title {
  margin: 0.75em 0 0.25em;
  color: var(--main);
}
.mz-product .mz-product__card .mz-product__description a.mz-product__title h3 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0;
}
.mz-product .mz-product__card .mz-product__description p.excerpt {
  font-size: 16px;
  margin: 0;
}
.mz-product .mz-product__card .mz-product__description p.price {
  margin: 0 0 0.5em;
  font-weight: 300;
}
.mz-product .mz-product__card .mz-product__description h5 {
  margin: 1em 0 0;
}
.mz-product .mz-product__card .mz-product__description h5 a {
  color: #F94B00;
  margin: 0;
}
.mz-product .mz-product__card .mz-product__price .woocommerce-price-suffix {
  display: flex;
  font-size: 0.6em;
  color: var(--main);
  opacity: 0.6;
}
.mz-product .mz-product__card .mz-product__buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-top: 10px;
}
.mz-product .mz-product__card .mz-product__buttons a {
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mz-product .mz-product__card .mz-product__buttons a.wc-forward {
  height: auto;
}
.mz-product .mz-product__card .mz-product__buttons a svg {
  position: absolute;
  left: 3px;
  height: 28px;
  width: 28px;
}

.slider {
  width: 100%;
  margin-bottom: 2.5em;
}
.slider .slajd {
  width: 100%;
  background-size: cover;
  padding: 0;
}
.slider .slajd h2 {
  font-size: 3.2em;
  text-align: center;
  margin: 0.3em 0 0.2em;
}
@media (min-width: 768px) {
  .slider .slajd h2 {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .slider .slajd h2 {
    font-size: 3.8em;
  }
}
@media (min-width: 1440px) {
  .slider .slajd h2 {
    font-size: 4.2em;
  }
}
.slider .slajd .slajd__thumbnail {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  border-radius: 0 0 999px 999px;
}
@media (min-width: 992px) {
  .slider .slajd .slajd__thumbnail {
    border-radius: 0;
  }
}
.slider .slajd .slajd__thumbnail img {
  width: 100%;
  vertical-align: bottom;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
@media (min-width: 768px) {
  .slider .slajd .slajd__thumbnail img {
    transform: none;
    transform: translateY(30%) scale(1.75);
  }
}
@media (min-width: 992px) {
  .slider .slajd .slajd__thumbnail img {
    transform: none;
  }
}
.slider .slajd .slajd__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 0 2em;
}
@media (min-width: 992px) {
  .slider .slajd .slajd__content {
    padding: 108px 0 0;
  }
}
.slider .slajd .slajd__content p {
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .slider .slajd .slajd__content p {
    text-align: left;
  }
}
.slider .slajd .slajd__content h2 {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .slider .slajd .slajd__content {
    align-items: flex-start;
  }
}
.slider .slajd .slajd__content img.slajd__logo {
  width: 250px;
  margin-bottom: 20px;
}
.slider .slajd .slajd__content .button {
  display: flex;
}

.section-title {
  font-family: "Magiona Display";
  font-weight: 500;
  font-size: 2em;
  display: flex;
  margin: 1em 0 1em 0.25em;
}
.section-title svg {
  margin-right: 0.5em;
}

.mz-categories__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .mz-categories__list {
    flex-wrap: nowrap;
  }
}
.mz-categories__list li {
  width: 50%;
  margin-bottom: 1em;
}
@media (min-width: 992px) {
  .mz-categories__list li {
    width: 100%;
  }
}
.mz-categories__list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em 0;
  margin: 0 0.5em;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  outline: 0;
}
.mz-categories__list li a h4 {
  margin: 1em 0 0;
}
.mz-categories__list li a .icon {
  width: 64px;
  height: 64px;
  background: var(--gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.mz-popular .splide__list li .slide-container {
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  margin: 0.5em;
  padding: 1em;
}
.mz-popular .splide__list li .slide-container a.slide-image {
  display: flex;
  height: 280px;
  padding: 2em 0;
  outline: 0;
  position: relative;
}
.mz-popular .splide__list li .slide-container a.slide-image::before {
  content: "";
  position: absolute;
  transform: scale(0.75);
  width: 64px;
  height: 64px;
  z-index: 9;
  opacity: 0;
  border-radius: 50%;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  background: var(--main);
  transition: all 0.3s var(--transition);
}
.mz-popular .splide__list li .slide-container a.slide-image::after {
  content: "";
  background: url(../img/arrow.svg) no-repeat;
  position: absolute;
  left: calc(50% - 7px);
  top: calc(50% - 11px);
  z-index: 10;
  width: 14px;
  height: 22px;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s var(--transition);
}
.mz-popular .splide__list li .slide-container a.slide-image img {
  width: auto;
  margin: 0 auto;
  height: 100%;
  transition: all 0.15s var(--transition);
}
.mz-popular .splide__list li .slide-container a.slide-image:hover::before {
  opacity: 1;
  transform: scale(1);
}
.mz-popular .splide__list li .slide-container a.slide-image:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.mz-popular .splide__list li .slide-container a.slide-image:hover img {
  opacity: 0.85;
}
.mz-popular .splide__list li .slide-container p.price {
  margin: 0 0 0.5em;
}
.mz-popular .splide__list li .slide-container h5 {
  margin: 1em 0;
}
.mz-popular .splide__list li .slide-container h5 a {
  color: #F94B00;
  margin: 0;
}
.mz-popular .splide__list li .slide-container a.slide-name h4 {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 0.5em 0;
}
.mz-popular .splide__list li .slide-container .slide-buttons {
  width: 100%;
}
.mz-popular .splide__list li .slide-container .slide-buttons .button {
  width: 100%;
}
.mz-popular .splide__list li:hover {
  animation: bounce 2s infinite;
}
.mz-popular .splide__pagination {
  padding: 1em;
  position: static;
}
.mz-popular .splide__pagination__page {
  background: #C8CCCE;
  border: 0;
  border-radius: 15px;
  display: inline-block;
  height: 6px;
  margin: 5px;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: all 0.2s linear;
  width: 15px;
}
.mz-popular .splide__pagination__page.is-active {
  transform: scale(1.25);
  background: var(--gradient);
  width: 20px;
}
.mz-popular .splide__arrows .splide__arrow {
  top: calc(50% - 50px);
}
.mz-popular .splide__arrows .splide__arrow svg, .mz-popular .splide__arrows .splide__arrow path {
  fill: #000;
  margin: 0;
}
.mz-popular .splide__arrows .splide__arrow:hover {
  background: var(--gradient);
}
.mz-popular .splide__arrows .splide__arrow:hover svg, .mz-popular .splide__arrows .splide__arrow:hover path {
  fill: #fff;
}

.breadcrumb, .woocommerce-breadcrumb {
  padding: 20px 0;
  border-top: 1px solid var(--stroke);
  border-bottom: 1px solid var(--stroke);
  margin-bottom: 50px;
  list-style: none;
}
.breadcrumb a, .woocommerce-breadcrumb a {
  color: var(--main);
  text-decoration: none;
  font-weight: 700;
  margin-left: 1em;
}

.contact-page .container.bg {
  background: #fff;
  padding: 30px;
  border-radius: var(--radius);
  margin-bottom: 30px;
}
.contact-page .container.bg .mapka {
  margin: 0;
}
.contact-page .wpcf7 {
  transform: translateY(150px);
  opacity: 0;
}
.contact-page .wpcf7 p {
  margin-bottom: 0;
}
.contact-page .wpcf7 .wpcf7-list-item {
  margin: 10px 0 0;
}
.contact-page .wpcf7 .wpcf7-list-item label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
}
.contact-page .wpcf7 .wpcf7-list-item label input {
  min-width: auto;
  margin: 0 5px 0 0;
}
.contact-page .wpcf7 .wpcf7-list-item label input[type=checkbox] {
  width: 64px;
  height: 28px;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.contact-page .wpcf7 .wpcf7-acceptance {
  font-size: 12px;
}
.contact-page .wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.contact-page .contact-detail {
  margin-top: 36px;
}
.contact-page .contact-detail__heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.contact-page .contact-detail__heading h3 {
  margin: 0;
}
.contact-page .contact-detail__content::after {
  content: "";
  width: 100px;
  height: 1px;
  background-color: var(--stroke);
  display: block;
}

.product .product,
.single-product .product {
  padding-bottom: 3em;
}
@media only screen and (min-width: 48em) {
  .product .summary,
  .single-product .summary {
    margin-left: 1em;
  }
}
.product .magiczneznicze-product-meta,
.single-product .magiczneznicze-product-meta {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.product .magiczneznicze-product-meta .posted_in,
.single-product .magiczneznicze-product-meta .posted_in {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.product .magiczneznicze-product-meta .posted_in .category-icon,
.single-product .magiczneznicze-product-meta .posted_in .category-icon {
  background: var(--main);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
}
.product .magiczneznicze-product-meta .posted_in .category-icon img,
.single-product .magiczneznicze-product-meta .posted_in .category-icon img {
  width: 16px;
  padding: 2px;
}
.product .magiczneznicze-product-meta .woocommerce-product-rating,
.single-product .magiczneznicze-product-meta .woocommerce-product-rating {
  display: flex;
  align-items: flex-end;
}
.product .magiczneznicze-product-meta .woocommerce-product-rating .star-rating span::before,
.single-product .magiczneznicze-product-meta .woocommerce-product-rating .star-rating span::before {
  color: var(--accent);
}
.product .magiczneznicze-product-meta .woocommerce-product-rating .woocommerce-review-link,
.single-product .magiczneznicze-product-meta .woocommerce-product-rating .woocommerce-review-link {
  margin: 0 3px;
}
.product p.price,
.single-product p.price {
  font-family: "Satoshi";
  color: var(--main);
  font-size: 1.5em;
  margin: 0.5em 0;
  font-weight: 700;
}
@media screen and (min-width: 100em) {
  .product p.price,
  .single-product p.price {
    font-size: 2em;
    margin: 1em 0 0.5em;
  }
}
.product .woocommerce-product-details__short-description li,
.single-product .woocommerce-product-details__short-description li {
  font-size: 1.2rem;
  line-height: 2rem;
}
.product .woocommerce-product-details__short-description li::before,
.single-product .woocommerce-product-details__short-description li::before {
  content: "";
  margin-right: 7px;
  background: url(../img/ok-mark.svg) 50% 50% no-repeat;
  width: 24px;
  height: 14px;
  display: inline-flex;
}
.product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description p {
  font-size: 1.2rem;
}
.product .woocommerce-product-details__short-description p strong,
.single-product .woocommerce-product-details__short-description p strong {
  color: #030303;
  font-weight: 500;
}
.product .cart,
.single-product .cart {
  display: flex;
  flex-direction: column;
}
.product .cart .mz-cart-button,
.single-product .cart .mz-cart-button {
  display: flex;
  margin: 30px 0;
}
.product .cart .mz-cart-button .magiczneznicze-quantity-button,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button {
  display: flex;
  border: 1px solid var(--stroke);
  border-radius: 100px;
  margin-right: 7px;
  background-color: #fff;
}
.product .cart .mz-cart-button .magiczneznicze-quantity-button button,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button button {
  background: transparent;
  border: none;
  padding: 1em;
  cursor: pointer;
  color: var(--main);
  font-size: 1em;
}
.product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity {
  max-width: 3em;
  display: flex;
  text-align: center;
  height: 1em;
  margin: auto 0;
  align-items: center;
  justify-content: center;
}
.product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty {
  width: 100%;
  color: var(--main);
  text-align: center;
  background: transparent;
  font-family: "Satoshi";
  border: none;
  margin: 4px;
}
.product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty::-webkit-outer-spin-button, .product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty::-webkit-inner-spin-button, .product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty:focus-visible,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty::-webkit-outer-spin-button,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty::-webkit-inner-spin-button,
.single-product .cart .mz-cart-button .magiczneznicze-quantity-button .quantity input.qty:focus-visible {
  -webkit-appearance: none;
  outline: none;
}
.product .magiczneznicze-tags-list,
.single-product .magiczneznicze-tags-list {
  font-size: 0.75em;
  margin-top: 2em;
  max-width: 60%;
}
.product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery {
  max-width: 100%;
  position: sticky !important;
  top: 0;
}
.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  width: 100%;
  border-radius: var(--radius);
}
.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
}
.product .woocommerce-product-gallery .flex-control-thumbs img,
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
  transform: scale(1.1);
}
.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
  margin: 0;
}
.product .woocommerce-message,
.single-product .woocommerce-message {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  color: var(--light);
  font-size: 1em;
  background-color: #19a160;
  padding: 2em;
  margin: 2em 0 0;
  border-radius: var(--radius);
  position: relative;
}
.product .woocommerce-message.disabled,
.single-product .woocommerce-message.disabled {
  display: none;
}
.product .woocommerce-message a.button,
.single-product .woocommerce-message a.button {
  background-color: transparent;
  font-family: "Satoshi";
  text-transform: none;
  border: none;
  font-weight: 500;
  font-size: 1em;
  margin-left: 3px;
}
.product .woocommerce-message a.button::before,
.single-product .woocommerce-message a.button::before {
  display: none;
}
.product .woocommerce-message a.button:hover,
.single-product .woocommerce-message a.button:hover {
  transform: none;
  box-shadow: none;
  color: var(--light);
  text-decoration: underline;
}
.product .woocommerce-message .close-button,
.single-product .woocommerce-message .close-button {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 32px;
  height: 32px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(../img/close-button.svg);
}
.product .woocommerce-Reviews #comments ol.commentlist,
.single-product .woocommerce-Reviews #comments ol.commentlist {
  margin: 0;
  padding: 0;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment,
.product .woocommerce-Reviews #comments ol.commentlist li.review,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review {
  display: block;
  background: #f0f0f0;
  border-radius: var(--radius);
  padding: 2em;
  margin: 1em 1em 1em 0em;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .product .woocommerce-Reviews #comments ol.commentlist li.comment,
  .product .woocommerce-Reviews #comments ol.commentlist li.review,
  .single-product .woocommerce-Reviews #comments ol.commentlist li.comment,
  .single-product .woocommerce-Reviews #comments ol.commentlist li.review {
    width: calc(50% - 4em);
  }
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .description p,
.product .woocommerce-Reviews #comments ol.commentlist li.review .description p,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .description p,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .description p {
  margin: 1em 0 0 0;
  font-size: 1em;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta {
  display: flex;
  align-items: center;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta img.avatar,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta img.avatar,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta img.avatar,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta img.avatar {
  border-radius: 50%;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 1em;
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  .product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user,
  .product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user,
  .single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user,
  .single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user {
    flex-direction: row;
  }
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta {
  margin: 0;
  font-size: 1em;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta .woocommerce-review__published-date,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta .woocommerce-review__published-date,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta .woocommerce-review__published-date,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta .woocommerce-review__published-date {
  font-size: 0.9em;
  display: block;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta .woocommerce-review__dash,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta .woocommerce-review__dash,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user p.meta .woocommerce-review__dash,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user p.meta .woocommerce-review__dash {
  display: none;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user .star-rating,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user .star-rating,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user .star-rating,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user .star-rating {
  margin: 0;
  width: 105px;
}
.product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user .star-rating span::before,
.product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user .star-rating span::before,
.single-product .woocommerce-Reviews #comments ol.commentlist li.comment .comment_container__meta .meta_user .star-rating span::before,
.single-product .woocommerce-Reviews #comments ol.commentlist li.review .comment_container__meta .meta_user .star-rating span::before {
  color: var(--accent);
}
.product .comment-form p.stars:hover a::before,
.single-product .comment-form p.stars:hover a::before {
  color: var(--accent);
}
.product .comment-form p.stars.selected a.active::before,
.single-product .comment-form p.stars.selected a.active::before {
  color: var(--accent);
}
.product .comment-form textarea,
.single-product .comment-form textarea {
  padding: 1em;
  border: none;
  background: #fff;
  outline: 0;
  font-family: "Satoshi";
  border-radius: var(--radius);
  margin-top: 5px;
  box-shadow: 0 0 0 1px var(--stroke);
}
.product .comment-form textarea:focus,
.single-product .comment-form textarea:focus {
  box-shadow: 0 0 0 1px var(--accent);
}
.product .comment-form .stars,
.single-product .comment-form .stars {
  margin: 0.3em 0;
}
.product .comment-form input[type=submit],
.single-product .comment-form input[type=submit] {
  padding: 1em 1.2em 1em 1.2em;
  border: none;
  cursor: pointer;
}
.product .comment-form input[type=submit]:hover,
.single-product .comment-form input[type=submit]:hover {
  background-color: var(--accent);
}
.product .comment-reply-title,
.single-product .comment-reply-title {
  font-size: 2em;
  font-family: "Satoshi";
  color: var(--main);
  font-weight: 700;
}
.product .woocommerce-tabs,
.single-product .woocommerce-tabs {
  margin-top: 3em;
  padding-bottom: 3em;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
  padding-top: 2em;
  background: #fff;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel p,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
  color: #434653;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel p.woocommerce-noreviews,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel p.woocommerce-noreviews {
  border-radius: var(--radius);
}
.product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  font-size: 1em;
}
@media screen and (min-width: 992px) {
  .product .woocommerce-tabs .woocommerce-Tabs-panel h2,
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-size: 2em;
  }
}
.product .woocommerce-tabs .woocommerce-Tabs-panel ul,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul {
  list-style: disc;
  display: flex;
  flex-direction: column;
  border: none;
  padding-bottom: 1em;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel ul li,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul li {
  font-size: 1.2rem;
  line-height: 2rem;
  list-style: none;
}
.product .woocommerce-tabs .woocommerce-Tabs-panel ul li::before,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul li::before {
  content: "";
  margin-right: 7px;
  background: url(../img/ok-mark.svg) 50% 50% no-repeat;
  width: 24px;
  height: 14px;
  display: inline-flex;
}
.product .woocommerce-tabs ul.wc-tabs li a,
.single-product .woocommerce-tabs ul.wc-tabs li a {
  font-family: "Satoshi";
  padding: 1em 2em;
  font-size: 1.2em;
}
.product .woocommerce-tabs ul,
.single-product .woocommerce-tabs ul {
  display: flex;
}
.product .woocommerce-tabs li,
.single-product .woocommerce-tabs li {
  margin: 0 1em;
  padding: 0;
  position: relative;
}
.product .woocommerce-tabs li a,
.single-product .woocommerce-tabs li a {
  outline: 0;
  padding: 0 2em;
  display: block;
  position: relative;
}
.product .woocommerce-tabs li.active,
.single-product .woocommerce-tabs li.active {
  background: #fff;
  border-radius: 15px 15px 0 0;
}
.product .woocommerce-tabs li.active a,
.single-product .woocommerce-tabs li.active a {
  color: var(--main);
}
.product .related ul.products,
.single-product .related ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .product .related ul.products,
  .single-product .related ul.products {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .product .related ul.products,
  .single-product .related ul.products {
    gap: 30px;
  }
}
.product .related ul.products li.mz-product,
.single-product .related ul.products li.mz-product {
  display: flex;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .product .related ul.products li.mz-product,
  .single-product .related ul.products li.mz-product {
    width: calc(50% - 25px);
  }
}
@media screen and (min-width: 992px) {
  .product .related ul.products li.mz-product,
  .single-product .related ul.products li.mz-product {
    width: calc(50% - 25px);
  }
}
@media screen and (min-width: 1200px) {
  .product .related ul.products li.mz-product,
  .single-product .related ul.products li.mz-product {
    width: calc(25% - 25px);
  }
}
.product .related ul.products li.mz-product .mz-product-card,
.single-product .related ul.products li.mz-product .mz-product-card {
  width: 100%;
}

.single-product div.product .woocommerce-product-gallery {
  position: relative;
  float: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mz-product p.parametry {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1em;
  color: var(--main);
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.mz-product__attr {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .mz-product__attr {
    flex-direction: column;
  }
}
.mz-product__attr__single {
  width: 50%;
}
.mz-product__attr__single__name {
  display: flex;
  gap: 8px;
}
.mz-product__attr__single__name h4 {
  font-weight: 700;
  margin: 0.5em 0;
}
.mz-product__attr__single__value {
  margin-bottom: 1em;
}
.mz-product h1.product_title {
  margin: 0.5em 0 0 0;
}

.mz-about-section {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  margin: 5em 0;
  gap: 3em;
}
@media only screen and (min-width: 992px) {
  .mz-about-section {
    flex-direction: row;
  }
}
.mz-about-section__image {
  width: 100%;
}
.mz-about-section__image img {
  width: auto;
  border-radius: 0 999px 999px 0;
}
@media only screen and (min-width: 992px) {
  .mz-about-section__image {
    width: 50%;
  }
}
.mz-about-section__content {
  padding: 0 30px;
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .mz-about-section__content {
    max-width: 495px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .mz-about-section__content {
    max-width: 670px;
  }
}
@media only screen and (min-width: 992px) {
  .mz-about-section__content {
    max-width: 50%;
  }
}
.mz-about-section__content p {
  margin-right: 0;
}
@media only screen and (min-width: 992px) {
  .mz-about-section__content p {
    margin-right: 25%;
  }
}
.mz-about-section h2 {
  font-size: 3.6em;
  margin: 1em 0 0 0;
}
@media only screen and (min-width: 992px) {
  .mz-about-section h2 {
    margin: 0;
  }
}/*# sourceMappingURL=style.css.map */