/* site-theme.css — merged theme styles. Regenerate: powershell -File assets/build-site-theme.ps1 */

/* === custom.css === */
* {
    font-family: "Montserrat", sans-serif;
}

.page-transition-loader {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 24, 42, 0.42);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.28s ease,
        visibility 0.28s ease;
}

.page-transition-loader.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

html[data-page-loading="1"] .page-transition-loader {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.page-transition-loader__box {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e6edf5;
    box-shadow: 0 10px 28px rgba(11, 58, 100, 0.16);
    color: #0d4a85;
    font-size: 0.9rem;
    font-weight: 600;
}

.page-transition-loader__spinner {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 2px solid rgba(13, 74, 133, 0.25);
    border-top-color: #1566ae;
    animation: page-loader-spin 0.8s linear infinite;
}

@keyframes page-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

.scroll-to-top {
    position: fixed;
    right: 1.25rem;
    bottom: 6.25rem;
    z-index: 1200;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(6, 42, 79, 0.35);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.scroll-to-top svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: currentColor;
}

.scroll-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:focus,
.scroll-to-top:active,
.scroll-to-top:focus-visible {
    outline: none;
    border: 0;
}

.scroll-to-top:focus-visible {
    box-shadow:
        0 0 0 3px rgba(21, 102, 174, 0.35),
        0 10px 24px rgba(6, 42, 79, 0.35);
}

/* Warianty wygladu */
.scroll-to-top--gradient {
    background: linear-gradient(135deg, #1c75c0 0%, #0d4a85 100%);
}

.scroll-to-top--gradient:hover {
    filter: brightness(1.05);
    box-shadow: 0 14px 30px rgba(6, 42, 79, 0.42);
}

.scroll-to-top--glass {
    background: rgba(13, 74, 133, 0.72);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(3, 20, 38, 0.38);
}

.scroll-to-top--glass:hover {
    background: rgba(13, 74, 133, 0.86);
}

.scroll-to-top--minimal {
    background: #ffffff;
    color: #1566ae;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.scroll-to-top--minimal:hover {
    background: #f2f7fc;
}

html {
    background-color: #fff;
    color: #34495e;
}

.grid {
    min-height: unset;
}

h1 {
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 2.5rem;
}

.h1 {
    font-size: 1.5rem;
    font-weight: bold;
}

h2 {
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: bold !important;
    line-height: 3rem !important;
    margin: 2rem 0;
    text-align: center !important;
}

.h2 {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

h3,
.h3 {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.subpage h1 {
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 3rem;
    color: #fff;
}

/* .subpage h2 {
    text-transform : uppercase;
    font-size      : 2rem;
    font-weight    : normal;
    line-height    : 4rem;
    text-align     : left;
    color          : #25559f;
    text-decoration: underline;
} */

.subpage h3 {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 2.5rem;
    text-align: left;
    color: #25559f;
}

.subpage .desc {
    font-size: 1rem;
    line-height: 2;
    padding: 1rem 0;
    color: #2c4059;
}

.subpage .splide {
    margin-top: 6rem;
}

.subpage .splides {
    text-align: center;
    padding: 1rem;
}

#app {
    max-width: 1920px;
    margin: 0 auto;
}

.navigation {
    height: 3rem;
}

.navigation--fixed {
    background-color: #1566ae;
    max-width: 1920px;
    left: unset;
    margin: auto;
}

.navigation {
    max-width: 1920px;
    left: unset;
    margin: auto;
}

.navigation__logo {
    margin-top: 0.5rem;
    height: 2rem;
    padding: unset;
}

.navigation__lnk.mPS2id-highlight,
.navigation__lnk:hover {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 11px;
    margin-top: 0.5rem;
    height: 2rem;
}

.navigation__lnk.active {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 11px;
    margin-top: 0.5rem;
    height: 2rem;
}

.navigation__lnk {
    border: 1px solid transparent;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    height: 2rem !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 300;
}

.navigation__items-wrap {
    overflow-x: unset;
}

a:hover h2,
a:hover h3 {
    color: #004c80 !important;
}

#top {
    color: #fff;
    background-image: url("../images/header-bg.webp");
    background-repeat: no-repeat;
}

#subpage {
    background-image: url("../images/subpage-header-bg.webp");
    background-repeat: no-repeat;
}

#subpage-top {
    color: #fff;
}

#subpage-bottom {
    /* background: url("../images/subpage-bottom-bg.webp") no-repeat;
    min-height: 1220px; */
}

#subpage-content {
    background-image: url("../images/subpage-content-bg.webp");
    position: relative;
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#subpage-content.post-content {
    background-image: url("../images/post-content-bg.webp");
}

#subpage-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#offer {
    background-image: url("../images/offer-bg.webp");
    background-repeat: no-repeat;
    min-height: 900px;
}

#offer h3 {
    font-size: 1.8rem;
    font-weight: 900;
    color: #016db6;
    margin: auto;
    max-width: 18rem;
    word-break: break-word;
}

#offer .offer-section-title {
    padding-bottom: 1rem;
    color: inherit;
    font-weight: 700;
    max-width: none;
    word-break: normal;
}

#portfolio h2,
#portfolio-desktop h2 {
    font-size: 2.5rem;
    font-weight: 900;
    color: #016db6;
    line-height: 3rem;
    margin: auto;
}

#contact .h2,
.subpage-content .h2 {
    font-size: 2.3rem;
    font-weight: 900;
    margin: auto;
    color: #2c4059;
}
.subpage-content h2 {
    font-size: 1.8rem;
}

#offer .md\:grid {
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
}

#offer .desc {
    color: #65707d;
    font-weight: 300;
    font-size: 0.9rem;
    text-align: center;
}

#about .desc {
    padding-top: 0.8rem;
    color: #c2d4ef;
    font-weight: 400;
    font-size: 0.9rem;
    text-align: left;
    letter-spacing: 1px;
}

#offer .md\:grid > div {
    min-height: 12rem;
}
#about {
    background-image: url("../images/about-bg.webp");
    background-repeat: no-repeat;
}

#apps {
    background-image: url("../images/apps-bg.webp");
    background-repeat: no-repeat;
}

#portfolio {
    background-image: url("../images/portfolio-bg.webp");
    background-repeat: no-repeat;
}

#portfolio-desktop {
    background-image: url("../images/portfolio-desktop-bg.webp");
    background-repeat: no-repeat;
}

#contact {
    background-image: url("../images/contact-bg.webp");
    background-repeat: no-repeat;
}
/* #about,
#apps {
  background-size: contain;
} */

/* portfolio glide */

.portfolio {
    padding: 6rem 0 0;
}

#portfolio .glide__slide > div {
    width: 313px;
    height: 634px;
    margin: auto;
    padding: 73px 20px;
}

#portfolio .glide__slide.is-active > div {
    background-image: url("../images/slider-bg.png");
    background-repeat: no-repeat;
}

#portfolio .glide__arrow--left {
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#portfolio .glide__arrow {
    background-image: url("../images/arrow-next.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 38px;
    border: unset;
    box-shadow: unset;
    opacity: 0.3;
}

#portfolio .glide__arrow:hover {
    opacity: 1;
}

/* portfolio-desktop glide */

#portfolio-desktop .glide__slide > div {
    width: 907px;
    height: 760px;
    margin: auto;
    padding: 41px 37px;
}

#portfolio-desktop .glide__slide.is-active > div {
    background-image: url("../images/slider-desktop-bg.png");
    background-repeat: no-repeat;
}

#portfolio-desktop .glide__arrow--left {
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#portfolio-desktop .glide__arrow {
    background-image: url("../images/arrow-next.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 38px;
    border: unset;
    box-shadow: unset;
    opacity: 0.3;
}

#portfolio-desktop .glide__arrow:hover {
    opacity: 1;
}

#portfolio-desktop .glide__slides {
    overflow: visible !important;
}

.splide__slide {
    text-align: center;
    overflow: hidden;
    margin: auto;
}

.splide__pagination {
    bottom: -2.5rem !important;
}

.splide__slide img {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    margin: auto;
}

.splide__slide.is-active {
    background-image: url("../images/slider-desktop-bg.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.form {
    margin: 2rem auto;
}

.form form > div {
    margin-bottom: 2rem;
}

.form form > div,
.form form > div > div {
    position: relative;
}

.form input,
.form textarea {
    width: 100%;
    background-color: #eaeaea;
    border-radius: 5px;
    text-indent: 25px;
}

.form input {
    height: 55px;
}

.form .md\:grid {
    padding-bottom: unset;
}

.site-footer {
    background-color: #1566ae;
    padding: 1.5rem 1rem;
    color: #fff;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer-nav {
    /* max-width: 1120px; */
    margin: 0 auto;
}

.site-footer-nav-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem 2rem;
    padding: 0.5rem 0 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 1rem;
}

.site-footer-nav-title {
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.site-footer-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer-nav-list li {
    margin-bottom: 0.4rem;
}

.site-footer-nav-list a {
    font-size: 0.875rem;
    opacity: 0.92;
}

.site-footer-meta {
    font-size: 0.875rem;
}

/* Reserve space for images with intrinsic size (CLS); keep object-fit thumbs intact */
img[width][height]:not(.apps-card-img):not(.lb-thumb) {
    max-width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .site-footer-nav-grid {
        grid-template-columns: 1fr;
    }
}

.validation-error {
    color: red;
    position: absolute;
    top: -23px;
    left: 3px;
    text-align: left;
    background-color: #fff;
}

.hamburger:focus {
    outline: unset;
}

#about .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem;
}

#about .content {
    display: inline-block;
    width: 80%;
}

#apps .content {
    text-align: center;
}

#apps .content > div:first-child {
    padding: 1rem;
}

#apps h3 {
    color: #1566ae;
    text-transform: none;
    font-weight: bold;
}

#apps .apps-section-title {
    color: #1566ae;
    margin-bottom: 0;
}

#apps .desc {
    color: #65707d;
    font-weight: 300;
}

.dropdown {
    position: relative;
    display: block;
}

.dropdown-wrapper {
    padding: 15px;
    display: none;
}

.dropdown-content {
    display: none;
    transition: all 0.5s ease;
    position: absolute;
    background-color: #f9f9f9;
    left: -150px;
    margin-left: 50%;
    font-size: 0.8rem;
    width: 300px;
    text-align: center;
    white-space: nowrap;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    border-radius: 15px;
    text-transform: uppercase;
}

.dropdown-content > a {
    padding: 0.8rem;
    display: block;
}

.dropdown-content > a:hover {
    background: #0c4d86;
    color: #fff;
}

.dropdown-content > a.active {
    background: #0c4d86;
    color: #fff;
}

.dropdown-content > a.active:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.dropdown-content > a.active:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.dropdown-content > a:first-child:hover {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.dropdown-content > a:last-child:hover {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* icons */

.icon {
    width: 33px;
    height: 33px;
}

.icon.large {
    width: 67px;
    height: 63px;
}

.icon.notes {
    background: url("../images/icons/notes.png") no-repeat;
}

.icon.vinyl {
    background: url("../images/icons/vinyl.png") no-repeat;
}

.icon.phones {
    background: url("../images/icons/phones.png") no-repeat;
}

.icon.desktop {
    background: url("../images/icons/desktop.png") no-repeat;
}

.icon.access {
    background: url("../images/icons/access.png") no-repeat;
}

.icon.i24 {
    background: url("../images/icons/24.png") no-repeat;
}

.icon.shield {
    background: url("../images/icons/shield.png") no-repeat;
}

#chat {
    display: none;
}

.lazy {
    background-image: none !important;
    background-color: #fff;
}

/* Comarch Partner page (migrated from inline styles) */
.comarch-product {
    display: flex;
    gap: 3rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.comarch-product-img {
    flex: 0 0 42%;
    min-width: 260px;
}

.comarch-product-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.13);
    display: block;
}

.comarch-product-body {
    flex: 1;
    min-width: 260px;
    padding-left: 1rem;
}

.comarch-product.reverse {
    flex-direction: row-reverse;
}

.comarch-product.reverse .comarch-product-body {
    padding-left: 0;
    padding-right: 1rem;
}

.app-page .section.comarch-section {
    padding: 1.5rem 0 !important;
}

.comarch-partner-int-banner {
    background: linear-gradient(90deg, #1a3c5e 0%, #1566ae 100%);
    border-color: #1566ae;
}

.comarch-partner-int-banner-text {
    color: #fff !important;
}

.comarch-partner-int-badge {
    background: #fff;
    color: #1a3c5e;
    border-color: #1566ae;
}

.comarch-partner-portfolio-block--gray {
    margin: 2rem 0;
    padding: 2rem;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8f0;
}

.comarch-partner-portfolio-block--white-border {
    padding: 2rem 0;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.comarch-partner-portfolio-block--white {
    padding: 2rem 0;
    background: #fff;
}

.comarch-partner-portfolio-title {
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 900;
    text-transform: uppercase;
    color: #2c4059;
    margin-bottom: 0.75rem;
    text-align: left;
}

.comarch-partner-portfolio-lead {
    font-size: 0.95rem;
    color: #65707d;
    margin-bottom: 1rem;
}

.comarch-partner-product-img--optima {
    height: auto;
    object-fit: unset;
}

.comarch-partner-product-section-label {
    margin-bottom: 0.5rem;
}

.comarch-partner-product-title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

.comarch-partner-product-text {
    margin-bottom: 1rem;
    color: #4a5568;
}

.comarch-partner-product-link {
    margin-top: 1.25rem;
}

.comarch-partner-product-img--betterfly {
    height: auto;
    object-fit: unset;
    border-radius: 6px;
}

.comarch-partner-contact {
    padding: 1.25rem 0;
    text-align: center;
}

.comarch-partner-contact-section-label {
    text-align: center;
}

.comarch-partner-contact-title {
    text-align: center;
    margin-bottom: 1rem;
}

.comarch-partner-contact-text {
    font-size: 0.95rem;
    font-weight: 300;
    color: var(--text-light);
    max-width: 540px;
    margin: 0 auto 2rem;
    line-height: 1.75;
}

.comarch-partner-contact-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* ── dev64 News (lista aktualności) ───────────────────────────── */
.dev64-news-list {
    padding-bottom: 4rem; /* oddech przed stopką */
}

.dev64-news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

.dev64-news-list-more {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.dev64-news-card {
    background: #fff;
    border: 1px solid var(--border, #dde3ec);
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    width: 340px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dev64-news-card-media {
    height: 160px;
    overflow: hidden;
    background: var(--bg-section, #eef2f7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dev64-news-card-media img {
    height: 120px;
    width: auto;
    object-fit: contain;
    opacity: 0.9;
}

.dev64-news-card-body {
    padding: 1.1rem 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dev64-news-card-date {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--blue, #1566ae);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.6rem;
}

.dev64-news-card-title {
    font-size: 1rem;
    font-weight: 700 !important;
    color: #1a2e44;
    margin: 0 0 0.6rem;
    line-height: 1.35 !important;
    text-align: left !important;
}

.subpage h3.dev64-news-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1a2e44;
    margin: 0 0 0.6rem;
    line-height: 1.35;
    text-transform: none;
}

.dev64-news-card-summary {
    font-size: 0.9rem;
    color: var(--text-light, #65707d);
    line-height: 1.6;
    flex: 1;
}

.dev64-news-card-actions {
    margin-top: 1rem;
}

a.dev64-news-card-read-link {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--blue, #1566ae);
    text-decoration: none;
}

a.dev64-news-card-read-link:hover {
    text-decoration: underline;
}

.dev64-news-pagination {
    display: flex;
    gap: 0.5rem;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    padding: 0;
}

.dev64-news-pagination-item {
    min-width: 2rem;
    text-align: center;
}

.dev64-news-pagination-link {
    text-decoration: none;
    color: inherit;
}

.dev64-news-pagination-link.is-active {
    font-weight: 700;
    color: var(--blue, #1566ae);
}

.dev64-news-heading-small {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--blue, #1566ae);
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.dev64-news-heading-large {
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    color: #1566ae;
    font-size: 2rem;
    margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
    .dev64-news-card {
        width: 100%;
        max-width: 340px;
    }

    .dev64-news-heading-large {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .dropdown-content > a.active {
        margin: 0 1rem;
        border-radius: 15px;
    }
}

/* ── dev64 News (pojedynczy wpis) ───────────────────────────── */
.dev64-news-post-media {
    margin: 0 0 1.25rem;
}

.dev64-news-post-main {
    padding-bottom: 4rem; /* oddech przed stopką */
}

.dev64-news-post-hero-img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
}

.dev64-news-post-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.dev64-news-post-gallery-item {
    width: 340px;
    max-width: 100%;
}

.dev64-news-post-gallery-img {
    width: 100%;
    max-height: 320px;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}

@media screen and (max-width: 767px) {
    .dev64-news-post-gallery-item {
        width: 100%;
    }
}


/* === responsive.css === */
@media screen and (max-width: 1600px) {
    #portfolio-desktop {
        background: #fff;
    }
}
@media screen and (max-width: 767px) {
    #top {
        padding-top: 7rem;
        min-height: 30rem;
    }
    #offer {
        min-height: 56.3rem;
    }
    h1 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .h1 {
        font-size: 1rem;
    }
    h2,
    .h2 {
        font-size: 1.5rem;
    }
    .font-light {
        font-size: 0.8rem;
    }
    .navigation {
        background-color: #1566ae;
    }
    .navigation__items-wrap {
        display: block;
        height: 0px;
        background: #06457d;
        width: 100%;
        left: 0;
        top: 47px;
        position: absolute;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        overflow: hidden;
    }
    /* .navigation__items-wrap.is-active {
    height: 180px;
  } */
    .navigation__item {
        width: 60%;
        margin: auto;
        padding: 5px 0;
    }

    .navigation__items-wrap .navigation__item:first-child {
        margin-top: 10px;
    }

    .navigation__lnk {
        text-align: center;
        display: block;
        padding-top: 5px;
    }
    .main {
        z-index: 1;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0 auto;
        padding: 1rem;
        max-width: 1120px;
        height: 100%;
    }
    .main > div {
        width: 100%;
    }
    .form {
        width: 100%;
    }
    .site-footer > div {
        padding: 0.5rem;
    }
    .site-footer-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }
    #portfolio .glide__arrow--right {
        right: 0;
    }
    #portfolio .glide__arrow--left {
        left: 0;
    }
    #portfolio-desktop .glide__arrow--right {
        right: 0;
    }
    #portfolio-desktop .glide__arrow--left {
        left: 0;
    }
    #portfolio-desktop .glide__slide > div {
        height: 75vw;
    }
    #contact,
    #portfolio,
    #offer,
    #portfolio-desktop,
    #subpage,
    #apps {
        background: #fff;
    }
    #portfolio {
        background: #ececec;
    }
    #about, #top {
        background: #2556a0;
    }

    #top {
        padding-top: 5rem;
        min-height: 18rem;
    }

    #about .icon {
        margin-right: unset;
        margin: auto;
        display: block;
    }
    #about .content {
        width: 100%;
        display: block;
        text-align: center;
    }
    #about .content .desc {
        text-align: center;
    }

    #subpage {
        padding-top: 3rem;
    }

    .subpage h1 {
        font-size: 2rem;
    }

    .dropdown-content {
        position: relative;
        text-align: center;
    }

    /* Mobile: allow dropdown to open on tap (JS adds .is-open). */
    .dropdown.is-open .dropdown-wrapper,
    .dropdown.is-open .dropdown-content {
        display: block;
    }

    .dropdown.navigation__item {
    }

    .subpage h1 {
        color: #25559f;
    }
    .splide,
    .splide__slide {
        max-width: 100%;
    }
    .splide__slide {
        width: 80%;
        margin: auto;
    }

    .splide__slide.is-active {
        background-size: contain;
    }



}

@media screen and (min-width: 768px) {
    #top {
        min-height: 768px;
        padding-top: 11rem;
        padding-left: 10rem;
    }
    #subpage-top {
        min-height: 381px;
        padding-top: 8rem;
    }
    /* section {
        min-height: 900px;
    } */
    .navigation__content-wrap {
        max-width: 70rem;
    }
    .navigation__items-wrap {
        height: auto !important;
    }
    #portfolio .glide__arrow--right {
        right: 50%;
        margin-right: -25vh;
    }
    #portfolio .glide__arrow--left {
        left: 50%;
        margin-left: -25vh;
    }
    #portfolio-desktop {
        min-height: 1120px;
    }
    #portfolio-desktop .glide__arrow--right {
        right: 25%;
        margin-right: -25vh;
    }
    #portfolio-desktop .glide__arrow--left {
        left: 25%;
        margin-left: -25vh;
    }
    .form {
        width: 34rem;
    }
    .hamburger {
        display: none !important;
    }
    #about .body {
        width: 540px;
    }
    #apps .md\:grid > div {
        width: 263px;
        margin: 0 auto 2rem;
    }
    #apps .md\:w-1\/2 {
        background-image: url("../images/apps-man.webp");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #apps .body {
        min-width: 38rem;
    }
    #apps .main > div {
        min-height: 900px;
    }
    #contact .logoicon {
        background: url(/themes/dev64/assets/images/contact-logoicon.png)
            no-repeat;
        position: absolute;
        background-size: cover;
        background-position: right top;
        bottom: 12rem;
        left: 0px;
        height: 386px;
        width: 23vw;
        max-height: 386px;
    }
    .dropdown:hover .dropdown-wrapper,
    .dropdown:hover .dropdown-content {
        display: block !important;
    }
    .splide__slide {
        width: 313px;
        height: 791px;
        padding: 40px 20px;

    }
}
@media screen and (min-width: 1160px) {
    #portfolio-desktop .glide__arrow {
        top: 40% !important;
    }
    #subpage .main {
        max-width: 70rem;
        margin: 0 auto;
        width: 100%;
        flex-direction: column;
    }
    #subpage-content {
        /* min-height: 1883px; */
    }
    /* .subpage h1 {
        max-width: 62%;
    } */
    .splide__arrow--prev {
        left: 12em !important;
    }
    .splide__arrow--next {
        right: 12em !important;
    }
}
@media screen and (max-width: 1159px) {

    #contact {
        background: #fff;
    }

    #apps .md\:w-1\/2 {
        display: none;
    }
    #apps .body {
        width: 100%;
    }
    #portfolio-desktop .glide__slide.is-active > div {
        background-size: contain;
    }
    #portfolio-desktop .glide__arrow {
        top: 27vw !important;
    }
    #subpage .main {
        margin: 0 auto;
        width: 100%;
        flex-direction: column;
        padding: 2rem;
    }
    #subpage h1,
    #subpage h2,
    #subpage h3 {
        text-align: center;
    }
    #subpage-bottom, #subpage-content {
        background: unset;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #offer .md\:grid-cols-3 {
        grid-template-columns: none;
    }
    #portfolio-desktop .glide__arrow--right {
        right: 20px;
        margin-right: unset;
    }
    #portfolio-desktop .glide__arrow--left {
        left: 20px;
        margin-left: unset;
    }
}

@media screen and (min-width: 992px) {
    #offer .main {
        background-image: url("../images/offer-phone.webp");
        background-repeat: no-repeat;
        background-position: 50% 10rem;
        min-height: 865px;
        padding-top: 2rem;
    }
    #news {
        min-height: 600px;
    }
    .comarch-partner-product-img--optima {
        margin-left: 1.5rem;
    }

}

@media screen and (min-width: 1870px) {
    #portfolio-desktop .glide__arrow--right {
        right: 22%;
        margin-right: 0;
    }
    #portfolio-desktop .glide__arrow--left {
        left: 22%;
        margin-left: 0;
    }
}

/* Comarch Partner page (migrated from inline @media block) */
@media(max-width:767px) {
    .comarch-product,
    .comarch-product.reverse {
        flex-direction: column;
    }

    .comarch-product-body,
    .comarch-product.reverse .comarch-product-body {
        padding: 0;
    }

    .comarch-product-img img {
        height: 200px;
    }
}


/* === apps.css === */
/* ═══════════════════════════════════════════════
   DEV64 – Strony Aplikacji (apps.css)
   Scoped under .app-page to avoid conflicts
   ═══════════════════════════════════════════════ */

:root {
    --blue: #1566ae;
    --blue-dark: #0d4a85;
    --blue-light:#5ab4ff;
    --blue-brand: #016db6;
    --navy: #1f2229;
    --text-dark: #2c4059;
    --text: #34495e;
    --text-light: #65707d;
    --text-muted: #8a94a0;
    --white: #ffffff;
    --bg-light: #f5f7fa;
    --bg-section: #eef2f7;
    --border: #dde3ec;
    --radius-sm: 5px;
    --radius: 11px;
    --radius-md: 11px;
    --radius-lg: 18px;
    --shadow: 0 4px 20px rgba(21, 102, 174, 0.1);
    --shadow-lg: 0 8px 40px rgba(21, 102, 174, 0.18);
    --max-w: 1120px;
    --font:"Montserrat","Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;
}

/* ── BASE ── */
.app-page {
    color: var(--text);
    line-height: 1.6;
}
.app-page a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}
.app-page img {
    max-width: 100%;
    display: block;
}

/* ── HERO – SUBPAGE ── */
.app-page .hero-sub {
    padding: 7rem 1.5rem 4rem;
    background: var(--navy);
    background-image: linear-gradient(135deg, #0d1520 0%, #152540 60%, #1566ae 100%);
    color: #fff;
}
.app-page .hero-sub-inner {
    max-width: var(--max-w);
    margin: 0 auto;
}
.app-page .hero-sub .tag {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    padding: 0.3rem 1rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: rgba(255, 255, 255, 0.75);
}
.app-page .hero-sub h1 {
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.15;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
    text-align: left;
    color: #fff;
}
.app-page .hero-sub h1 span {
    color: #5ab4ff;
}
.app-page .hero-sub p {
    font-size: 1rem;
    font-weight: 300;
    opacity: 0.85;
    max-width: 640px;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    color: #fff;
}
.app-page .hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 0.5rem;
}
.app-page .stat-num {
    font-size: 2rem;
    font-weight: 900;
    color: #5ab4ff;
    line-height: 1;
}
.app-page .stat-label {
    font-size: 0.7rem;
    font-weight: 400;
    opacity: 0.65;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.25rem;
    color: #fff;
}
.app-page .breadcrumb {
    margin-bottom: 1.5rem;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.55);
}
.app-page .breadcrumb a {
    color: rgba(255, 255, 255, 0.7);
}
.app-page .breadcrumb a:hover {
    color: #fff;
}
.app-page .breadcrumb .sep {
    margin: 0 0.5rem;
}

/* ── INTEGRATION BANNER ── */
.app-page .int-banner {
    border-bottom: 3px solid;
}
.app-page .int-banner.symfonia {
    background: #fff8e1;
    border-color: #f9a825;
}
.app-page .int-banner.optima {
    background: #e8f5e9;
    border-color: #2e7d32;
}
.app-page .int-banner-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.app-page .int-banner-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}
.app-page .int-banner p {
    font-size: 0.9rem;
    line-height: 1.55;
    flex: 1;
    margin: 0;
}
.app-page .int-banner.symfonia p {
    color: #5c3a00;
}
.app-page .int-banner.optima p {
    color: #1b5e20;
}
.app-page .int-banner strong {
    font-weight: 700;
}
.app-page .int-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1.5px solid;
    border-radius: 8px;
    padding: 0.4rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}
.app-page .int-banner.symfonia .int-badge {
    background: #fff;
    border-color: #f9a825;
    color: #bf360c;
}
.app-page .int-banner.optima .int-badge {
    background: #fff;
    border-color: #2e7d32;
    color: #1b5e20;
}

/* ── PAGE CONTENT WRAPPER ── */
.app-page .page-content {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ── SECTIONS ── */
.app-page .section {
    padding: 2rem 0;
}
.app-page .section-bg {
    background: var(--bg-light);
}
.app-page .section-dark {
    background: var(--navy);
    color: #fff;
}
.app-page .section-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--blue);
    margin-bottom: 0.5rem;
}
.app-page .section-dark .section-label {
    color: #5ab4ff;
}
.app-page .section h2,
.app-page h2 {
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 900;
    text-transform: uppercase;
    color: var(--text-dark);
    margin-bottom: 0.75rem;
    letter-spacing: -0.3px;
    text-align: left;
    line-height: 1.2;
}
.app-page h3 {
    color: var(--text-dark);
}
.app-page h4 {
    color: var(--text-dark);
}
.app-page p {
    color: var(--text);
}
.app-page .section-dark h2,
.app-page .section-dark h3,
.app-page .section-dark h4,
.app-page .section-dark p {
    color: #fff;
}
.app-page .section-intro {
    font-size: 0.95rem;
    font-weight: 300;
    color: var(--text-light);
    max-width: 100%;
    line-height: 1.75;
    margin-bottom: 2rem;
}
.app-page .section-dark .section-intro {
    color: rgba(255, 255, 255, 0.7);
}

/* ── SHARED UTILITIES (hr-dev + meatdev) ── */
.app-page .app-section {
    padding: 1.25rem;
}
.app-page .app-section.app-section--bordered {
    padding: 1.25rem 0;
}
.app-page .app-section--light {
    background: var(--bg-light);
}
.app-page .app-section--dark {
    background: var(--navy);
}
.app-page .app-section--dark h2 {
    color: #fff;
    padding: 1rem;
}
.app-page .app-section--dark .section-label {
    text-align: center;
    color: #d6d6d6;
}
.app-page .app-media-wrap {
    margin-bottom: 1.5rem;
}
.app-page .app-media-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.app-page .app-arch-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.app-page .app-subheading-top {
    margin-top: 1rem;
}
.app-page .app-gallery-mt-sm {
    margin-top: 1.5rem;
}
.app-page .app-gallery-mt-md {
    margin-top: 2rem;
}
.app-page .app-mobile-shot-row {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}
.app-page .app-mobile-shot {
    max-height: 400px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
}
.app-page .app-cta-section,
.subpage .app-cta-section {
    padding: 1.25rem 0;
}
.app-page .app-cta-card,
.subpage .app-cta-card {
    padding: 2.5rem 2rem;
    background: var(--bg-light);
    border-radius: 14px;
    text-align: center;
    border: 1px solid var(--border);
}
.app-page .app-cta-label,
.subpage .app-cta-label {
    text-align: center;
}
.app-page .app-cta-text,
.subpage .app-cta-text {
    max-width: 540px;
    margin: 0.75rem auto 1.5rem;
    color: var(--text-light);
}
.app-page .app-cta-actions,
.subpage .app-cta-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* ── ARCH GRID (overview cards) ── */
.app-page .arch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 1rem;
}
.app-page .arch-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    border-top: 3px solid var(--blue);
}
.app-page .arch-card h4 {
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--blue-brand);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.app-page .arch-card .tech {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: 0.5rem;
}
.app-page .arch-card p {
    font-size: 0.8rem;
    color: var(--text-light);
    line-height: 1.45;
    margin: 0;
}

/* ── SYNC COLS ── */
.app-page .sync-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.app-page .sync-box {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.5rem 1.75rem;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
}
.app-page .sync-box h4 {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid var(--border);
    color: var(--text-dark);
}
.app-page .sync-box.from h4 {
    color: #2e7d32;
}
.app-page .sync-box.to h4 {
    color: var(--blue);
}
.app-page .sync-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.app-page .sync-box ul li {
    font-size: 0.85rem;
    color: var(--text-light);
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f2f6;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    line-height: 1.4;
}
.app-page .sync-box ul li:last-child {
    border-bottom: none;
}
.app-page .sync-box.from ul li::before {
    content: "↓";
    color: #2e7d32;
    font-weight: 800;
    flex-shrink: 0;
}
.app-page .sync-box.to ul li::before {
    content: "↑";
    color: var(--blue);
    font-weight: 800;
    flex-shrink: 0;
}

/* ── MODULES GRID ── */
.app-page .modules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.25rem;
}
.app-page .module-card {
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    border: 1px solid var(--border);
    padding: 1.25rem 1.5rem;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.app-page .module-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}
.app-page .module-card-icon {
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
}
.app-page .module-card h3,
.app-page .module-card h4 {
    font-size: 0.88rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--blue-dark);
    letter-spacing: 0.2px;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.app-page .module-card p {
    font-size: 0.82rem;
    font-weight: 300;
    color: var(--text-light);
    line-height: 1.5;
    margin: 0;
}
.app-page .module-card.dark {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}
.app-page .module-card.dark h3,
.app-page .module-card.dark h4 {
    color: #5ab4ff;
}
.app-page .module-card.dark p {
    color: rgba(255, 255, 255, 0.7);
}

/* Module card with head/body (original style) */
.app-page .module-head {
    background: rgba(21, 102, 174, 0.07);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 2px solid rgba(21, 102, 174, 0.12);
    margin: -1.25rem -1.5rem 0.75rem;
}
.app-page .module-head .module-icon {
    font-size: 1.4rem;
    flex-shrink: 0;
}
.app-page .module-head h3 {
    font-size: 0.88rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--blue-dark);
    letter-spacing: 0.2px;
    line-height: 1.2;
    margin: 0;
}
.app-page .module-body {
}
.app-page .module-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.app-page .module-body ul li {
    font-size: 0.82rem;
    font-weight: 300;
    color: var(--text-light);
    padding: 0.4rem 0;
    border-bottom: 1px solid #f2f4f8;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    line-height: 1.4;
}
.app-page .module-body ul li:last-child {
    border-bottom: none;
}
.app-page .module-body ul li::before {
    content: "✓";
    color: var(--blue);
    font-weight: 800;
    font-size: 0.72rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
}
.app-page .module-sub {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--blue);
    margin: 0.85rem 0 0.4rem;
}

/* ── WIDE MODULE ── */
.app-page .module-wide {
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    border: 1px solid var(--border);
    margin-top: 1.25rem;
}
.app-page .module-wide .module-head {
    margin: 0;
    padding: 1.1rem 1.75rem;
}
.app-page .module-wide-body {
    padding: 1.75rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 1.5rem;
}
.app-page .mw-group h4 {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-dark);
    margin-bottom: 0.75rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid rgba(21, 102, 174, 0.15);
}
.app-page .mw-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.app-page .mw-group ul li {
    font-size: 0.82rem;
    font-weight: 300;
    color: var(--text-light);
    padding: 0.35rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.4;
}
.app-page .mw-group ul li::before {
    content: "→";
    color: var(--blue);
    font-size: 0.72rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
}

/* ── MODULE LAYOUT (screenshot + text) ── */
.app-page .module-layout {
    display: grid;
    grid-template-columns: 55% 1fr;
    gap: 2rem;
    align-items: start;
}
.app-page .module-layout.reverse {
    direction: rtl;
}
.app-page .module-layout.reverse > * {
    direction: ltr;
}
.app-page .module-screenshot img {
    width: 100%;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    cursor: pointer;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.app-page .module-screenshot img:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.app-page .module-desc h4 {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--blue);
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.app-page .feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem;
}
.app-page .feature-list li {
    padding: 0.45rem 0 0.45rem 1.3rem;
    font-size: 0.88rem;
    font-weight: 300;
    color: var(--text);
    border-bottom: 1px solid var(--border);
    position: relative;
    line-height: 1.5;
}
.app-page .feature-list li:last-child {
    border-bottom: none;
}
.app-page .feature-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--blue);
    font-size: 0.75rem;
}

/* ── FEATURE CARDS ── */
.app-page .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 1rem;
}
.app-page .feature-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    border: 1px solid var(--border);
    border-top: 3px solid var(--blue);
}
.app-page .feature-icon {
    font-size: 1.35rem;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 0.1rem;
}
.app-page .feature-card h4 {
    font-size: 0.83rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-dark);
    margin-bottom: 0.3rem;
}
.app-page .feature-card p {
    font-size: 0.79rem;
    font-weight: 300;
    color: var(--text-light);
    line-height: 1.5;
    margin: 0;
}

/* ── ROLES GRID ── */
.app-page .roles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}
.app-page .role-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    border-left: 4px solid var(--blue);
}
.app-page .role-card h4 {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--blue-dark);
    margin-bottom: 0.75rem;
}
.app-page .role-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.app-page .role-card ul li {
    font-size: 0.8rem;
    font-weight: 300;
    color: var(--text-light);
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--border);
}
.app-page .role-card ul li:last-child {
    border-bottom: none;
}

/* ── PRINT GRID ── */
.app-page .print-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    gap: 1rem;
}
.app-page .print-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.1rem 1.25rem;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
}
.app-page .print-card h4 {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.25rem;
}
.app-page .print-card p {
    font-size: 0.78rem;
    font-weight: 300;
    color: var(--text-light);
    line-height: 1.4;
    margin: 0;
}

/* ── TECH REQS ── */
.app-page .tech-reqs {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
    gap: 1rem;
}
.app-page .tech-req {
    background: var(--white);
    border-radius: var(--radius);
    padding: 1.1rem 1.25rem;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
}
.app-page .tech-req .label {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--blue);
    margin-bottom: 0.3rem;
}
.app-page .tech-req .value {
    font-size: 0.87rem;
    font-weight: 600;
    color: var(--text-dark);
}

/* ── REQUIREMENTS TABLE (dark) ── */
.app-page .req-table-wrap {
    overflow-x: auto;
}
.app-page .req-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}
.app-page .req-table th,
.app-page .req-table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.app-page .req-table th {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #5ab4ff;
}
.app-page .req-table td {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}
.app-page .req-table tr:last-child td {
    border-bottom: none;
}

/* ── GALLERY ── */
.app-page .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}
.app-page .gallery-item {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    cursor: pointer;
    border: 1px solid var(--border);
    transition:
        transform 0.22s,
        box-shadow 0.22s;
}
.app-page .gallery-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}
.app-page .gallery-item img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: top left;
    display: block;
    border-bottom: 1px solid var(--border);
}
.app-page .gallery-item .cap {
    padding: 0.85rem 1rem;
}
.app-page .gallery-item .cap h5 {
    font-size: 0.83rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}
.app-page .gallery-item .cap p {
    font-size: 0.76rem;
    font-weight: 300;
    color: var(--text-light);
    line-height: 1.4;
    margin: 0;
}
.app-page .lb-thumb {
    cursor: pointer;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.app-page .lb-thumb:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Gallery plain (only images, no caption) */
.app-page .gallery > img {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: top left;
    cursor: pointer;
    transition:
        transform 0.22s,
        box-shadow 0.22s;
}
.app-page .gallery > img:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* ── BUTTONS ── */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.25s;
    cursor: pointer;
    text-decoration: none;
}
.btn-primary {
    background: var(--blue);
    color: #fff !important;
    border: 2px solid var(--blue);
}
.btn-primary:hover {
    background: var(--blue-dark);
    border-color: var(--blue-dark);
}
.app-page .btn-outline,
.subpage .btn-outline {
    background: transparent;
    color: var(--blue) !important;
    border: 2px solid var(--blue);
}
.app-page .btn-outline:hover,
.subpage .btn-outline:hover {
    background: var(--blue);
    color: #fff !important;
}
.app-page .btn-secondary,
.subpage .btn-secondary {
    background: transparent;
    color: var(--blue) !important;
    border: 2px solid var(--blue);
}
.app-page .btn-secondary:hover {
    background: var(--blue);
    color: #fff !important;
}

/* ── CTA section ── */
.app-page .cta-section {
    text-align: center;
    background: var(--bg-light);
}

/* ── LIGHTBOX ── */
.lb-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(13, 20, 32, 0.93);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
}
.lb-overlay.active {
    display: flex;
}
.lb-overlay .lb-img {
    max-width: 92vw;
    max-height: 88vh;
    border-radius: 8px;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);
    object-fit: contain;
}
.lb-close,
.lb-prev,
.lb-next {
    position: fixed;
    background: rgba(255, 255, 255, 0.12);
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: background 0.2s;
    line-height: 1;
}
.lb-close:hover,
.lb-prev:hover,
.lb-next:hover {
    background: rgba(255, 255, 255, 0.25);
}
.lb-close {
    top: 1.25rem;
    right: 1.75rem;
    font-size: 1.5rem;
}
.lb-prev {
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}
.lb-next {
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
    .app-page .sync-cols {
        grid-template-columns: 1fr;
    }
    .app-page .module-wide-body {
        grid-template-columns: 1fr;
    }
    .app-page .module-layout {
        grid-template-columns: 1fr;
    }
    .app-page .module-layout.reverse {
        direction: ltr;
    }
    .app-page .app-arch-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .app-page .app-mobile-shot-row {
        flex-direction: column;
    }
}
@media (max-width: 600px) {
    .app-page .hero-sub {
        padding: 6rem 1rem 3rem;
    }
    .app-page .gallery {
        grid-template-columns: 1fr 1fr;
    }
    .app-page .arch-grid {
        grid-template-columns: 1fr 1fr;
    }
    .lb-prev,
    .lb-next {
        display: none;
    }
    .app-page .app-arch-grid-3 {
        grid-template-columns: 1fr;
    }
    .app-page .section-label {
        text-align: center;
    }
    .app-page .int-banner-inner {
        justify-content: center;
        display: block;
    }
    .app-page .features-grid {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
    #subpage .apps-card-badge {
        align-self: flex-start !important;
    }
    .apps-card-link {
        align-self: flex-start !important;
    }
    .apps-card-title {
        text-align: left !important;
    }
    .apps-card-desc {
        text-align: left !important;
    }
    .apps-card-tags {
        justify-content: flex-start !important;
    }
}

/* ── Comarch overview – kompaktowe sekcje ── */
.app-page .section.comarch-section {
    padding: 1.5rem 0 !important;
}
.app-page .section.comarch-section + .section.comarch-section {
    border-top: 1px solid var(--border);
}

.app-page .app-section--light {
    background: #f5f7fa;
}

.app-page .b2b-symfonia-logo {
    margin-bottom: 2rem;
}

.app-page .b2b-symfonia-logo img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Aplikacje page cards */
.apps-page-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.apps-card {
    background: #fff;
    border: 1px solid #dde3ec;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    flex: 0 0 auto;
    width: 320px;
    display: flex;
    flex-direction: column;
}

.apps-card-media {
    height: 180px;
    overflow: hidden;
}

.apps-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.apps-card-body {
    padding: 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

#subpage .apps-card-badge {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: #1566ae;
    border-radius: 20px;
    padding: 0.2rem 0.75rem;
    display: inline-block;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 0.75rem;
    align-self: flex-start !important;
}

#subpage .apps-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.35;
    color: #1a2e44;
    margin-top: 0;
    margin-bottom: 0.4rem;
    text-align: left !important;
}

.apps-card-erp {
    font-size: 0.8rem;
    color: #65707d;
    margin-bottom: 0.75rem;
}

.apps-card-desc {
    font-size: 0.875rem;
    color: #4a5568;
    line-height: 1.65;
    margin-bottom: 1rem;
    flex: 1;
    text-align: left !important;
}

.apps-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1.25rem;
    justify-content: flex-start !important;
}

#subpage .apps-card-tag {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 400;
    background: #f0f4f8;
    color: #4a5568;
    border-radius: 4px;
    padding: 0.2rem 0.6rem;
}

.apps-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    background: #1566ae;
    color: #fff;
    align-self: flex-start !important;
}

.apps-cta {
    padding: 1.25rem 0;
    text-align: center;
    margin-top: 1rem;
}

.apps-cta-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1566ae;
    margin-bottom: 0.5rem;
}

.apps-cta-title {
    text-align: center;
    margin-bottom: 1rem;
}

.apps-cta-text {
    font-size: 0.95rem;
    font-weight: 300;
    color: #65707d;
    max-width: 540px;
    margin: 0 auto 2rem;
    line-height: 1.75;
}

.apps-cta-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.apps-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.65rem 1.6rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    background: #1566ae;
    color: #fff;
    border: 2px solid #1566ae;
}

/* Pomoc page */
.app-page .pomoc-hero-phone {
    display: inline-block;
    margin-top: 1rem;
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 900;
    letter-spacing: 0.05em;
    color: #fff;
    text-decoration: none;
}

.app-page .pomoc-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    margin-bottom: 3rem;
}

.app-page .pomoc-card {
    width: 280px;
    align-items: center;
    padding: 2rem 1.5rem;
    text-align: center;
}

.app-page .pomoc-icon-box {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.app-page .pomoc-icon-box--anydesk {
    background: #ef4223;
    box-shadow: 0 4px 14px rgba(239, 66, 35, 0.3);
}

.app-page .pomoc-icon-box--teamviewer {
    background: #0e8ee9;
    box-shadow: 0 4px 14px rgba(14, 142, 233, 0.3);
}

.app-page .pomoc-icon-box--rustdesk {
    background: #1e9e6e;
    box-shadow: 0 4px 14px rgba(30, 158, 110, 0.3);
}

.app-page .pomoc-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a2e44;
    margin-bottom: 0.5rem;
}

.app-page .pomoc-card-text {
    font-size: 0.875rem;
    color: #65707d;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    flex: 1;
}

.app-page .pomoc-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.4rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    width: 100%;
    justify-content: center;
}

.app-page .pomoc-download-btn--anydesk {
    background: #ef4223;
}

.app-page .pomoc-download-btn--teamviewer {
    background: #0e8ee9;
}

.app-page .pomoc-download-btn--rustdesk {
    background: #1e9e6e;
}

.app-page .pomoc-cta-phone {
    display: inline-block;
    font-size: 1.75rem;
    font-weight: 900;
    color: #1566ae;
    text-decoration: none;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
}
.app-page .b2b-shots{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1.5rem;}
.app-page .b2b-shot{margin:0;}
.app-page .b2b-shot figcaption{font-size:.79rem; font-weight:300; color:var(--text-light); line-height:1.55; margin-top:.75rem;}
.app-page .b2b-shot figcaption strong{font-weight:700; color:var(--text-dark); text-transform:uppercase; font-size:.76rem; letter-spacing:.3px;}


.shot-img{
  width:100%; height:auto; display:block; border-radius:var(--radius);
  border:1px solid var(--border); box-shadow:var(--shadow);
}
/* zaślepki zrzutów — widoczne tylko w podglądzie */
.shot-slot{
  border-radius:var(--radius); border:1px dashed #b9c6d8; background:var(--bg-light);
  box-shadow:var(--shadow); aspect-ratio:16/10;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.5rem; padding:1.5rem; text-align:center;
}
.shot-slot__icon{font-size:1.6rem; opacity:.5;}
.shot-slot__file{
  font-family:ui-monospace,"Cascadia Mono","Consolas",monospace;
  font-size:.74rem; color:var(--blue); background:rgba(21,102,174,.08);
  padding:.25rem .6rem; border-radius:var(--radius-sm);
}
.shot-slot__hint{font-size:.72rem; font-weight:300; color:var(--text-muted); max-width:30ch; line-height:1.5;}
.shot-slot--wide{aspect-ratio:16/9;}
.app-page .b2b-dark h2{color:#fff;}
.app-page .b2b-dark .section-label{text-align:center; color:var(--blue-light);}
.app-page .b2b-dark{
    background:linear-gradient(135deg,#0d1520 0%,#152540 60%,#1566ae 100%);
    border-radius:var(--radius-lg); padding:3rem 2.5rem; margin:2.5rem 0; color:#fff;
  }
  .app-page .b2b-dark h2{color:#fff;}
  .app-page .b2b-dark .section-label{text-align:center; color:var(--blue-light);}
  .app-page .b2b-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; max-width:820px; margin:0 auto;}
  .app-page .b2b-cols h4{
    font-size:.83rem; font-weight:700; text-transform:uppercase; color:#fff;
    margin-bottom:.9rem; padding-bottom:.6rem; border-bottom:1px solid rgba(255,255,255,.2);
  }
  .app-page .b2b-cols ul{list-style:none; padding:0; margin:0;}
  .app-page .b2b-cols li{
    font-size:.82rem; font-weight:300; color:rgba(255,255,255,.8);
    line-height:1.5; padding:.4rem 0 .4rem 1.35rem; position:relative;
  }
  .app-page .b2b-cols li::before{content:"→"; position:absolute; left:0; color:var(--blue-light); font-weight:700;}

  @media (max-width:760px){
    .app-page .features-grid{grid-template-columns:1fr;}
    .app-page .hero-sub{padding:4rem 1.25rem 3rem;}
    .app-page .b2b-dark{padding:2rem 1.25rem;}
  }
  @media (prefers-reduced-motion:reduce){
    .app-page *{transition:none !important;}
  }
  .app-page .b2b-steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem;}
  .app-page .b2b-step{
    background:var(--white); border-radius:var(--radius); padding:1.5rem;
    box-shadow:var(--shadow); border-top:3px solid var(--blue);
  }
  .app-page .b2b-step__no{
    width:2rem; height:2rem; border-radius:50%; background:var(--blue); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:.85rem; font-weight:700; margin-bottom:.9rem; font-variant-numeric:tabular-nums;
  }
  .app-page .b2b-step h4{font-size:.83rem; font-weight:700; text-transform:uppercase; color:var(--text-dark); margin-bottom:.4rem;}
  .app-page .b2b-step p{font-size:.79rem; font-weight:300; color:var(--text-light); line-height:1.55; margin:0;}
  .app-page .hero-stats{display:flex; flex-wrap:wrap; gap:2rem; margin-top:.5rem;}
  .app-page .hero-stats div{display:flex; flex-direction:column;}
  .app-page .hero-stats strong{font-size:1.6rem; font-weight:900; color:var(--blue-light); line-height:1.1;}
  .app-page .hero-stats span{font-size:.75rem; font-weight:300; color:rgba(255,255,255,.7); margin-top:.25rem;}


/* === hamburger.min.css === */
.hamburger{padding:11px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-9px,3px,0) rotate(-35deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-9px,-3px,0) rotate(35deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(-9px,3px,0) rotate(35deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(-9px,-3px,0) rotate(-35deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}


/* === splide-skyblue.min.css === */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);border:none;padding:0;background:transparent}.splide__arrow svg{width:2.5em;height:2.5em;fill:#00bfff;transition:fill .2s linear}.splide__arrow:hover{cursor:pointer}.splide__arrow:hover svg{fill:#66d9ff}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:10px;height:10px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:all .2s linear;border:none}.splide__pagination__page.is-active{transform:scale(1.4);background:#00bfff}.splide__pagination__page:hover{cursor:pointer;background:#66d9ff}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#00bfff}.splide__spinner{border:2px solid #00bfff;border-left-color:transparent}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#00bfff;opacity:1}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)}


/* === lightgallery-bundle.min.css === */
@font-face{font-family:lg;src:url(../../vendor/lightgallery/fonts/lg.woff2?io9a6k) format("woff2"),url(../../vendor/lightgallery/fonts/lg.ttf?io9a6k) format("truetype"),url(../../vendor/lightgallery/fonts/lg.woff?io9a6k) format("woff"),url(../../vendor/lightgallery/fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:"\e095"}.lg-prev{left:20px}.lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:"\e90a"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:"\e1ff"}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition{transition:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition{transform:scale3d(1,1,1) translate3d(-50%,-50%,0)!important;max-width:none!important;max-height:none!important;top:50%!important;left:50%!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x{transform:scale3d(1,1,1) translate3d(-50%,0,0)!important;top:0!important;left:50%!important;max-width:none!important;max-height:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y{transform:scale3d(1,1,1) translate3d(0,-50%,0)!important;top:50%!important;left:0!important;max-width:none!important;max-height:none!important}.lg-icon.lg-zoom-in:after{content:"\e311"}.lg-actual-size .lg-icon.lg-zoom-in{opacity:1;pointer-events:auto}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:"\e033"}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:"\e312"}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:"\e80d"}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(../../vendor/lightgallery/images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:"\e070"}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:"\e908"}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-outer .lg-img-rotate:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:"";display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../../vendor/lightgallery/images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-outer .lg-media-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-media-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-media-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:"\e909"}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}