:root {
    --color-primary: black;
    --color-secondary: black;
    --font-family: georgia;
}

/* Base */

body {
    background: #ffeaff;
}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    unicode-bidi: isolate;
    margin-top: 10px;
}

/* Layout / kontenery */

.container {
    width: 95%;
    max-width: 1410px;
}

.one-doc-center {
    padding: 70px 0;
    background: transparent;
    color: black;
}

.one-doc-center .container {
    max-width: 100%;
    margin: 0 auto;
    width: 90%;
}

.product-wrap {
    margin-top: 2em;
}

.shop-wrapper {
    margin-bottom: 70px;
}

.sec03 .photo-02 {
	border-radius: 5px;
	margin: 1em 0;
}

.sec10 {
    margin-top: 70px;
}

/* Header */

header {
    background: transparent;
}

header .header-wrap {
    margin: 0 auto 15px auto;
}

.header .user-nav-wrap {
    background: linear-gradient(
    90deg,
    rgba(125, 11, 123, 1) 0%,
    rgb(166, 53, 165) 50%,
    rgba(125, 11, 123, 1) 100%
    );
}

.header .user-nav p a {
    color: white;
}

.header label {
    top: 40px;
}

/* Breadcrumbs */

.breadcrumbs {
    padding: 0;
    margin: 0;
}

/* Slider */

.slider-01.slider .container .slide .box .desc h2 {
    font-size: 48px;
    line-height: 1.1em;
    font-weight: 400;
    margin-bottom: 0.5em;
}

.slider-03.slider .container {
    position: relative;
    height: 400px;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
}

/* Box / produkt */

.box0400 {
    background: white;
    font-family: "Comic Sans MS", sans-serif;
}

.box0400 .image {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.box0400 .image img {
    object-fit: cover;
}

.box0400 .product-name {
    text-align: center;
}


/* Przyciski */

.btn {
	margin-top: 10px;
	border: none;
	border-radius: 5px;
	background-color: #ab0303;
	color: white;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
}

.btn:not([disabled]):hover {
    background-color: #8d098b;
    transition: 0.3s;
    color: white;
}

/* Tymczasowe / pomocnicze */

.slide .btn {
    color: white;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.2);
}

/* Sekcje / inne */

.sec10.tpl-03 .article-top h1 {
	margin-bottom: 0.5em;
}

.sec10 .image-frame .image {
    aspect-ratio: auto;
    border-radius: 5px;
}

.sec10.tpl-03 .article-top {
    border-radius: 5px;
    background: white;
}
.sec10.tpl-03 .article-top img {
    border-radius: 5px;
}
.footer-01 {
    background: linear-gradient(
    90deg,
    rgba(125, 11, 123, 1) 0%,
    rgb(166, 53, 165) 50%,
    rgba(125, 11, 123, 1) 100%
    );
}

.footer-01 .note {
    background: transparent;
}

.scroll-tab.active {
    background: #fae7f0;
    font-weight: bold;
    font-size: 20px;
}

.sticky-tabs {
    background: #7d0b7b;
}

.product-wrap .title {
    font-family: "Comic Sans MS", sans-serif;
    font-size: 30px;
}

/* Artykuły */

.article h1,
.contact .article h1 {
    margin-bottom: 1em;
    line-height: 1.1em;
}

.article h2,
.article h3 {
    line-height: 1.2em;
    margin-bottom: 1em;
}

.article ul,
.article ol {
    margin: 0 0 1em 2em;
}

/* Media queries */

@media (max-width: 576px) {
    .shop-wrapper .products {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 992px) {
    .header ul {
        margin-top: 213px;
    }

    .box0400 .product-price {
        font-size: 26px;
    }
}

@media (min-width: 1200px) {
    .shop-wrapper .products {
        grid-template-columns: repeat(4, 1fr);
    }

    .shop-wrapper.no-filter .products {
        grid-template-columns: repeat(5, 1fr);
    }
}
.sec10.tpl-03 .article-top h1 {
    text-align: center;
    margin-bottom: 0.5em;
    
}
.sec10.tpl-03 .box1000 h3 {
    text-align: center;
    height: unset;
}

.sec10 .box1000 .subtitle {
    text-align: center;
}