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

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

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

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

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

.splide__slide img {
    vertical-align: bottom
}

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

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

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

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

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

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

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

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

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

.splide--rtl {
    direction: rtl
}

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

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

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

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

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

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

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

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

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

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

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

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

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

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

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;


    --pswp-root-z-index: 100000;

    --pswp-preloader-color: rgba(79, 79, 79, 0.4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

    /* defined via js:
  --pswp-transition-duration: 333ms; */

    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;

    --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: 0.003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
    outline: 0;
}

.pswp * {
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--open {
    display: block;
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity;
}

.pswp__bg {
    opacity: 0.005;
    background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__item {
    /* z-index for fade transition */
    z-index: 1;
    overflow: hidden;
}

.pswp__hidden {
    display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
    pointer-events: none;
}

.pswp__content>* {
    pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
    display: grid;
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
    opacity: 0.005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
    z-index: 10;
    /* always overlap slide content */
    pointer-events: none;
    /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 0.85;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
}

.pswp__button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none;
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none;
}

.pswp__icn:focus {
    outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;

    /* allow events to pass through top bar itself */
    pointer-events: none !important;
}

.pswp__top-bar>* {
    pointer-events: auto;
    /* this makes transition significantly more smooth,
     even though inner elements are not animated */
    will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
    margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default;
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
    display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
    visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
    visibility: visible;
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0px;
}

.pswp__button--arrow--next {
    right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    /* flip horizontally */
    transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
    display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto;
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity 0.2s linear;
    animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
    opacity: 0.85;
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*

  "1 of 10" counter

*/
.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
    display: none;
}

/* @font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */
:root {
    /* layout width */
    --layout-width: 1440;
}

@media (max-width: 1023px) {
    :root {
        --layout-width: 768;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    line-height: 150%;
    min-height: 100%;
    position: relative;
    background-color: #101a1a;
}

@media (max-width: 767px) {
    body {
        font-size: 18px !important;
    }
}

#svadba-2026 * {
    color: #fff;
    font-size: calc(20 / var(--layout-width) * 100vw);
    line-height: 160%;
    font-weight: 300;
}

@media (max-width: 767px) {
    #svadba-2026 * {
        font-size: 18px !important;
    }
}

#svadba-2026 .d1,
#svadba-2026 .d2,
#svadba-2026 .d3,
#svadba-2026 h1,
#svadba-2026 h2,
#svadba-2026 h3,
#svadba-2026 h4,
#svadba-2026 h5,
#svadba-2026 h6,
#svadba-2026 .h1-like,
#svadba-2026 .h2-like,
#svadba-2026 .h3-like,
#svadba-2026 .h4-like,
#svadba-2026 .h5-like,
#svadba-2026 .h6-like {
    font-weight: 400;
    font-family: "Playfair Display" !important;
    text-wrap: balance;
}

#svadba-2026 .d1 {
    font-size: calc(180 / var(--layout-width) * 100vw);
    line-height: 90%;
}

#svadba-2026 .d2 {
    font-size: calc(144 / var(--layout-width) * 100vw);
    line-height: 90%;
}

#svadba-2026 .d3 {
    font-size: calc(120 / var(--layout-width) * 100vw);
    line-height: 90%;
}

#svadba-2026 h1,
#svadba-2026 .h1-like {
    font-size: calc(80 / var(--layout-width) * 100vw);
    line-height: 90%;
    text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767px) {

    #svadba-2026 h1,
    #svadba-2026 .h1-like {
        font-size: 80px !important;
    }
}

@media (max-width: 549px) {

    #svadba-2026 h1,
    #svadba-2026 .h1-like {
        font-size: 48px !important;
    }
}

#svadba-2026 h2,
#svadba-2026 .h2-like {
    font-size: calc(64 / var(--layout-width) * 100vw);
    line-height: 100%;
    text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767px) {

    #svadba-2026 h2,
    #svadba-2026 .h2-like {
        font-size: 64px !important;
    }
}

@media (max-width: 549px) {

    #svadba-2026 h2,
    #svadba-2026 .h2-like {
        font-size: 48px !important;
    }
}

#svadba-2026 h3,
#svadba-2026 .h3-like {
    font-size: calc(36 / var(--layout-width) * 100vw);
    line-height: 110%;
}

@media (max-width: 767px) {

    #svadba-2026 h3,
    #svadba-2026 .h3-like {
        font-size: 36px !important;
    }
}

@media (max-width: 549px) {

    #svadba-2026 h3,
    #svadba-2026 .h3-like {
        font-size: 28px !important;
    }
}

#svadba-2026 h4,
#svadba-2026 .h4-like {
    font-size: calc(28 / var(--layout-width) * 100vw);
    line-height: 120%;
}

@media (max-width: 767px) {

    #svadba-2026 h4,
    #svadba-2026 .h4-like {
        font-size: 28px !important;
    }
}

#svadba-2026 h5,
#svadba-2026 .h5-like {
    font-size: calc(22 / var(--layout-width) * 100vw);
    line-height: 120%;
}

@media (max-width: 767px) {

    #svadba-2026 h5,
    #svadba-2026 .h5-like {
        font-size: 22px !important;
    }
}

#svadba-2026 a, #svadba-2026 button {
    color: currentColor;
    text-decoration-thickness: 2px;
    text-underline-offset: calc(3 / var(--layout-width) * 100vw);
}

#svadba-2026 a:hover, #svadba-2026 button:hover {
    color: #c5a987;
}

#svadba-2026 img {
    max-width: 100%;
}

#svadba-2026 strong {
    font-weight: 700;
}

#svadba-2026 li {
    list-style: none;
}

#svadba-2026 .container {
    margin: 0 auto;
    padding: 0 calc(64 / var(--layout-width) * 100vw);
    max-width: calc(880 / var(--layout-width) * 100vw);
}

#svadba-2026 .container.wide {
    max-width: 100%;
    padding: 0 calc(120 / var(--layout-width) * 100vw);
}

@media (max-width: 1023px) {
    #svadba-2026 .container {
        padding: 0 calc(40 / var(--layout-width) * 100vw);
    }
}

@media (max-width: 767px) {
    #svadba-2026 .container {
        padding: 0 24px !important;
        max-width: 100%;
    }
}

#svadba-2026 .button {
    font-family: "Playfair Display" !important;
    border-radius: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    padding: calc(16 / var(--layout-width) * 100vw) calc(48 / var(--layout-width) * 100vw) calc(20 / var(--layout-width) * 100vw);
    box-shadow: 0px 6px 16.38px 1.62px rgba(19, 12, 8, 0.46);
    font-size: calc(24 / var(--layout-width) * 100vw);
    line-height: 100%;
    text-align: center;
}

#svadba-2026 .button.filled {
    color: #151910;
    background-image: linear-gradient(90deg, rgb(182, 170, 139) 0%, rgb(209, 196, 165) 26%, rgb(236, 222, 191) 50%, rgb(182, 158, 139) 100%);
}

#svadba-2026 .button.filled:hover {
    color: #64441d;
    background-color: #d6ad72;
}

#svadba-2026 .button.bordered {
    color: white;
    border: 3px solid #e3d6b7;
}

#svadba-2026 .button.bordered:hover {
    color: #151910;
    background-color: #e3d6b7;
}

#svadba-2026 .button:hover {
    transform: scale(1.05);
}

@media (max-width: 1023px) {
    #svadba-2026 .button {
        padding: 16px 32px 20px;
    }
}

@media (max-width: 767px) {
    #svadba-2026 .button {
        font-size: 24px !important;
    }
}

@media (max-width: 549px) {
    #svadba-2026 .button {
        width: 100%;
    }
}

#svadba-2026 #carousel {
    margin-top: calc(120 / var(--layout-width) * 100vw);
    position: relative;
    z-index: 9;
}

@media (max-width: 767px) {
    #svadba-2026 #carousel .carousel .item {
        aspect-ratio: 1/1;
    }
}

#svadba-2026 #carousel .carousel .item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#svadba-2026 section.slide {
    padding: calc(80 / var(--layout-width) * 100vw) 0;
    position: relative;
    display: flex;
    min-height: 100vh;
}

@media (max-width: 767px) {
    #svadba-2026 section.slide {
        min-height: auto;
        padding: 80px 0;
    }
}

#svadba-2026 section.slide+section.slide {
    margin-top: calc(2 / var(--layout-width) * 100vw);
}

#svadba-2026 section.slide .container {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#svadba-2026 section.slide .bg-image {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#svadba-2026 section.slide .bg-image::before,
#svadba-2026 section.slide .bg-image::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#svadba-2026 section.slide .bg-image::before {
    z-index: 3;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.9) 100%);
}

#svadba-2026 section.slide .bg-image::after {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
}

#svadba-2026 section.slide .bg-image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#svadba-2026 section#slide-1 .container {
    width: 100%;
    gap: calc(56 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-1 .title {
    display: flex;
    flex-direction: column;
    max-width: calc(640 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-1 .text {
    max-width: calc(640 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-1 .cta {
    display: flex;
    gap: calc(40 / var(--layout-width) * 100vw);
}

@media (max-width: 767px) {
    #svadba-2026 section#slide-1 .cta {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 40px;
    }
}

#svadba-2026 section#slide-1 .bg-image img {
    transform: scaleX(-1);
}

#svadba-2026 section#slide-2 .container {
    display: flex;
    flex-direction: column;
    gap: calc(56 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-2 .title {
    text-align: center;
}

#svadba-2026 section#slide-2 .conditions {
    --columns: 4;
    --column-gap: 24px;
    --row-gap: 24px;
    row-gap: var(--row-gap);
    column-gap: var(--column-gap);
    display: flex;
    flex-wrap: wrap;
}

#svadba-2026 section#slide-2 .conditions>* {
    flex-basis: calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1));
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-2 .conditions {
        --columns: 2;
    }
}

@media (max-width: 479px) {
    #svadba-2026 section#slide-2 .conditions {
        --columns: 1;
    }
}

#svadba-2026 section#slide-2 .conditions li {
    padding-left: calc(64 / var(--layout-width) * 100vw);
    position: relative;
    display: flex;
    flex-direction: column;
    line-height: 130%;
}

@media (max-width: 479px) {
    #svadba-2026 section#slide-2 .conditions li br {
        display: none;
    }
}

#svadba-2026 section#slide-2 .conditions li::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 29 / var(--layout-width) * 100vw);
    display: block;
    width: calc(48 / var(--layout-width) * 100vw);
    height: calc(58 / var(--layout-width) * 100vw);
    background-size: contain;
    background-image: var(--bullet);
    background-repeat: no-repeat;
    flex-shrink: 0;
}

#svadba-2026 section#slide-2 .text {
    text-align: center;
    max-width: calc(640 / var(--layout-width) * 100vw);
    margin: 0 auto;
}

#svadba-2026 section#slide-3 .container {
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .title {
    text-align: center;
}

#svadba-2026 section#slide-3 .halls {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .halls .hall {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall {
        flex-direction: column;
    }
}

#svadba-2026 section#slide-3 .halls .hall .name {
    display: none;
    white-space: nowrap;
    border: 2px solid #e3d6b7;
    padding: calc(8 / var(--layout-width) * 100vw) calc(16 / var(--layout-width) * 100vw);
    border-radius: 12px;
    padding: calc(16 / var(--layout-width) * 100vw) calc(48 / var(--layout-width) * 100vw);
    margin-bottom: calc(24 / var(--layout-width) * 100vw);
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall .name {
        display: block;
    }
}

#svadba-2026 section#slide-3 .halls .hall .gallery {
    width: 25%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall .gallery {
        width: 50%;
    }
}

#svadba-2026 section#slide-3 .halls .hall .gallery .image {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.2s ease-in-out;
    aspect-ratio: 1/1;
}

#svadba-2026 section#slide-3 .halls .hall .gallery .image img.circle {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    box-shadow: 0px 6px 16.38px 1.62px rgba(19, 12, 8, 0.46);
}

#svadba-2026 section#slide-3 .halls .hall .gallery .image:hover {
    border-color: #d6ad72;
}

#svadba-2026 section#slide-3 .halls .hall .gallery .image .sign {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(16 / var(--layout-width) * 100vw);
    transform: translate(-50%);
    text-align: center;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall .gallery .image .sign {
        display: none;
    }
}

#svadba-2026 section#slide-3 .halls .hall .gallery .image .sign span {
    white-space: nowrap;
    display: flex;
    border: 2px solid #e3d6b7;
    padding: calc(8 / var(--layout-width) * 100vw) calc(16 / var(--layout-width) * 100vw);
    border-radius: 12px;
    padding: calc(16 / var(--layout-width) * 100vw) calc(48 / var(--layout-width) * 100vw) calc(20 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .halls .hall .images {
    display: none;
}

#svadba-2026 section#slide-3 .halls .hall .description {
    width: 50%;
    text-wrap: balance;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall .description {
        width: 100%;
        margin-top: calc(24 / var(--layout-width) * 100vw);
        text-align: center !important;
    }
}

#svadba-2026 section#slide-3 .halls .hall .description p+p {
    margin-top: calc(8 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .halls .hall.panoramic .gallery .sign {
    left: 50%;
    top: calc(100% + 24 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .halls .hall.panoramic .description {
    padding-left: calc(24 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-3 .halls .hall.aurora .gallery .sign {
    left: 50%;
    bottom: calc(100% + 24 / var(--layout-width) * 100vw);
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall.aurora .gallery {
        order: 1;
    }
}

#svadba-2026 section#slide-3 .halls .hall.aurora .description {
    margin-left: auto;
    padding-right: calc(24 / var(--layout-width) * 100vw);
    text-align: right;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall.aurora .description {
        order: 2;
    }
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-3 .halls .hall+.hall {
        margin-top: calc(40 / var(--layout-width) * 100vw);
        padding-top: calc(40 / var(--layout-width) * 100vw);
        border-top: 1px solid #e3d6b7;
    }
}

#svadba-2026 section#slide-4 {
    text-align: center;
}

#svadba-2026 section#slide-4 .text {
    margin-top: calc(40 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-4 .text p+p {
    margin-top: calc(24 / var(--layout-width) * 100vw);
}

@media (max-width: 767px) {
    #svadba-2026 section#slide-4 .text p:not(.bred) br {
        display: none;
    }
}

#svadba-2026 section#slide-4 .cta {
    margin-top: calc(96 / var(--layout-width) * 100vw);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: calc(16 / var(--layout-width) * 100vw);
}

#svadba-2026 section#slide-5 {
    text-align: center;
}

#svadba-2026 section#slide-5 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(40 / var(--layout-width) * 100vw);
    width: 100%;
}

#svadba-2026 section#slide-5 .text {
    text-wrap: balance;
}

#svadba-2026 section#slide-5 .phone {
    font-size: calc(24 / var(--layout-width) * 100vw);
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    #svadba-2026 section#slide-5 .phone {
        font-size: 24px;
    }
}

#svadba-2026 section#slide-5 .phone a {
    text-decoration: underline !important;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px !important;
}

#svadba-2026 section#slide-5 .cta {
    position: relative;
    margin: calc(24 / var(--layout-width) * 100vw) 0;
}

#svadba-2026 section#slide-5 .cta .note {
    position: absolute;
    left: calc(100% + 104 / var(--layout-width) * 100vw);
    top: 50%;
    transform: translateY(-50%);
    width: calc(240 / var(--layout-width) * 100vw);
    text-align: left;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-5 .cta .note {
        position: relative;
        left: initial;
        top: initial;
        transform: none;
        text-align: center;
        margin-top: calc(16 / var(--layout-width) * 100vw);
        font-size: 24px;
        width: 100%;
    }
}

#svadba-2026 section#slide-5 .cta .note::before {
    content: "";
    position: absolute;
    right: calc(100% + 16 / var(--layout-width) * 100vw);
    top: calc(50% - 27 / var(--layout-width) * 100vw);
    display: block;
    width: calc(67 / var(--layout-width) * 100vw);
    height: calc(53 / var(--layout-width) * 100vw);
    background-size: contain;
    background-image: var(--arrow);
    background-repeat: no-repeat;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-5 .cta .note::before {
        display: none;
    }
}

#svadba-2026 section#slide-5 .contacts {
    width: 100%;
    --columns: 4;
    --column-gap: 24px;
    --row-gap: 24px;
    row-gap: var(--row-gap);
    column-gap: var(--column-gap);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#svadba-2026 section#slide-5 .contacts>* {
    flex-basis: calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1));
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-5 .contacts {
        --columns: 2;
    }
}

#svadba-2026 section#slide-5 .contacts li a {
    border: 2px solid transparent;
    padding: calc(8 / var(--layout-width) * 100vw) calc(8 / var(--layout-width) * 100vw);
    text-decoration: none;
    font-size: calc(16 / var(--layout-width) * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(12 / var(--layout-width) * 100vw);
    border-radius: 12px;
    text-align: left;
}

@media (max-width: 1023px) {
    #svadba-2026 section#slide-5 .contacts li a {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    #svadba-2026 section#slide-5 .contacts li a {
        font-size: 16px !important;
    }
}

@media (max-width: 479px) {
    #svadba-2026 section#slide-5 .contacts li a {
        font-size: 14px !important;
    }
}

#svadba-2026 section#slide-5 .contacts li a::before {
    content: "";
    display: block;
    width: calc(40 / var(--layout-width) * 100vw);
    height: calc(40 / var(--layout-width) * 100vw);
    background-size: 100%;
    background-image: var(--icon);
    background-repeat: no-repeat;
}

#svadba-2026 section#slide-5 .contacts li a:hover {
    border-color: #e3d6b7;
}


button.button.bordered {
    background: none;
}

button.button.bordered:hover {
    cursor: pointer;
}