/* Start:/local/templates/marygold_2026/layout//libs/swiper/swiper-bundle.min.css?177645784714436*/
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/marygold_2026/layout//libs/fancybox/fancybox.min.css?178178043836450*/
:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(0, 0, 0, .7);
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-opacity: 1;
    --f-button-svg-disabled-opacity: .5;
    --f-button-svg-transition: opacity .15s ease;
    --f-button-svg-transform: none
}

.f-button {
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    transform: var(--f-button-transform);
    transition: var(--f-button-transition);
    backdrop-filter: var(--f-button-backdrop-filter);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

@media (hover:hover) {
    .f-button:hover:not([aria-disabled]) {
        color: var(--f-button-hover-color, var(--f-button-color));
        background-color: var(--f-button-hover-bg, var(--f-button-bg))
    }
}

.f-button:active:not([aria-disabled]) {
    color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
    background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
    outline: 0
}

.f-button:focus-visible {
    outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
    outline-offset: var(--f-button-outline-offset);
    position: relative;
    z-index: 1
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    transform: var(--f-button-svg-transform);
    fill: var(--f-button-svg-fill);
    filter: var(--f-button-svg-filter);
    opacity: var(--f-button-svg-opacity, 1);
    transition: var(--f-button-svg-transition);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none
}

.f-button[aria-disabled] {
    cursor: default
}

.f-button[aria-disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

[data-panzoom-action=toggleFS] g:first-child {
    display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:first-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
    display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

:root {
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px
}

.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
    border-radius: var(--f-spinner-border-radius);
    border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
    border-top-color: var(--f-spinner-color-2);
    animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}

@keyframes f-spinner {
    to {
        transform: rotate(360deg)
    }
}

.f-panzoom,
.f-zoomable {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column
}

.f-panzoom:after,
.f-panzoom:before,
.f-zoomable:after,
.f-zoomable:before {
    display: block;
    content: ""
}

.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
    margin-bottom: auto
}

.f-panzoom:after,
.f-zoomable:after {
    margin-top: auto
}

.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: unset !important;
    z-index: 9999
}

.f-panzoom__wrapper {
    position: relative;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__wrapper.will-zoom-out {
    cursor: zoom-out
}

.f-panzoom__wrapper.can-drag {
    cursor: move;
    cursor: grab
}

.f-panzoom__wrapper.will-zoom-in {
    cursor: zoom-in
}

.f-panzoom__wrapper.is-dragging {
    cursor: move;
    cursor: grabbing
}

.f-panzoom__wrapper.has-error {
    display: none
}

.f-panzoom__content {
    display: block;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__content.has-lazyerror,
.f-panzoom__content.is-lazyloading {
    visibility: hidden
}

img.f-panzoom__content {
    width: auto;
    height: auto;
    vertical-align: top;
    object-fit: contain;
    border-radius: 12px;
    transition: none;
    user-select: none
}

.f-panzoom__wrapper>.f-panzoom__content {
    visibility: hidden
}

.f-panzoom__viewport {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.f-panzoom__viewport>.f-panzoom__content {
    width: 100%;
    height: 100%;
    object-fit: fill
}

picture.f-panzoom__content img {
    vertical-align: top;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    transition: none;
    user-select: none
}

.f-panzoom__protected {
    position: absolute;
    inset: 0;
    z-index: 1;
    user-select: none
}

html.with-panzoom-in-fullscreen {
    overflow: hidden
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.is-horizontal .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX
}

@keyframes f-slideInPrevX {
    0% {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextX {
    0% {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextX {
    to {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevX {
    to {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.is-vertical .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY
}

@keyframes f-slideInPrevY {
    0% {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextY {
    0% {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextY {
    to {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevY {
    to {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        opacity: var(--f-zoomInUp-opacity, 0)
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        opacity: 0
    }
}

.f-throwOutUp {
    animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        opacity: 0
    }
}

.has-gmap .f-html,
.has-iframe .f-html,
.has-pdf .f-html {
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible
}

.has-gmap .f-html,
.has-pdf .f-html {
    padding: 0
}

.f-html {
    position: relative;
    box-sizing: border-box;
    margin: var(--f-html-margin, 0);
    padding: var(--f-html-padding, 2rem);
    color: var(--f-html-color, currentColor);
    background: var(--f-html-bg)
}

.f-html.is-error {
    text-align: center
}

.f-iframe {
    display: block;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%
}

.f-caption {
    align-self: center;
    flex-shrink: 0;
    margin: var(--f-caption-margin);
    padding: var(--f-caption-padding, 16px 8px);
    max-width: 100%;
    max-height: calc(80vh - 100px);
    overflow: auto;
    overflow-wrap: anywhere;
    line-height: var(--f-caption-line-height);
    color: var(--f-caption-color);
    background: var(--f-caption-bg);
    font: var(--f-caption-font)
}

.has-html5video .f-html,
.has-vimeo .f-html,
.has-youtube .f-html {
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible;
    max-width: var(--f-video-width, 960px);
    max-height: var(--f-video-height, 540px);
    aspect-ratio: var(--f-video-aspect-ratio);
    background: var(--f-video-bg, rgba(0, 0, 0, .9))
}

.f-html5video {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

.f-button.is-arrow {
    --f-button-width: var(--f-arrow-width, 46px);
    --f-button-height: var(--f-arrow-height, 46px);
    --f-button-svg-width: var(--f-arrow-svg-width, 24px);
    --f-button-svg-height: var(--f-arrow-svg-height, 24px);
    --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
    --f-button-border-radius: var(--f-arrow-border-radius, unset);
    --f-button-bg: var(--f-arrow-bg, transparent);
    --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
    --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
    --f-button-shadow: var(--f-arrow-shadow);
    --f-button-color: var(--f-arrow-color);
    --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
    --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
    overflow: visible
}

.f-button.is-arrow.is-next,
.f-button.is-arrow.is-prev {
    position: absolute;
    transform: translate(0);
    z-index: 20
}

.is-horizontal .f-button.is-arrow.is-next,
.is-horizontal .f-button.is-arrow.is-prev {
    inset: 50% auto auto;
    transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
    right: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
    left: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
    top: var(--f-arrow-pos, 0);
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
    top: auto;
    right: auto;
    bottom: var(--f-arrow-pos, 0);
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-next svg,
.is-vertical .f-button.is-arrow.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__toolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: var(--f-toolbar-margin, 0);
    padding: var(--f-toolbar-padding, 8px);
    line-height: var(--f-toolbar-line-height);
    background: var(--f-toolbar-bg, none);
    box-shadow: var(--f-toolbar-shadow, none);
    backdrop-filter: var(--f-toolbar-backdrop-filter);
    position: relative;
    z-index: 20;
    color: var(--f-toolbar-color, currentColor);
    font-size: var(--f-toolbar-font-size, 17px);
    font-weight: var(--f-toolbar-font-weight, inherit);
    font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
    text-shadow: var(--f-toolbar-text-shadow);
    text-align: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    white-space: nowrap;
    pointer-events: none
}

.f-carousel__toolbar.is-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.f-carousel__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--f-toolbar-gap, 0);
    pointer-events: none
}

.f-carousel__toolbar__column.is-left {
    justify-self: flex-start;
    justify-content: flex-start
}

.f-carousel__toolbar__column.is-middle {
    justify-content: center
}

.f-carousel__toolbar__column.is-right {
    justify-self: flex-end;
    justify-content: flex-end;
    flex-flow: nowrap
}

.f-carousel__toolbar__column>* {
    pointer-events: all
}

.f-counter {
    position: relative;
    display: flex;
    flex-direction: row;
    cursor: default;
    user-select: none;
    margin: var(--f-counter-margin, 0);
    padding: var(--f-counter-padding, 4px);
    line-height: var(--f-counter-line-height);
    background: var(--f-counter-bg);
    border-radius: var(--f-counter-border-radius)
}

.f-counter span {
    padding: 0 var(--f-counter-gap, 4px)
}

:root {
    --f-thumbs-gap: 8px;
    --f-thumbs-margin: 0;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-z-index: 1;
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-fit: cover;
    --f-thumb-opacity: 1;
    --f-thumb-transition: opacity .3s ease, transform .15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 4px;
    --f-thumb-transfors: none;
    --f-thumb-shadow: none;
    --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
    --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff
}

.f-thumbs {
    flex-shrink: 0;
    margin: var(--f-thumbs-margin);
    padding: 0;
    background: var(--f-thumbs-bg);
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    transition: max-height .3s ease, max-width .3s ease;
    position: relative;
    overflow: hidden;
    z-index: var(--f-thumbs-z-index)
}

.f-thumbs.is-horizontal {
    max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)
}

.f-thumbs.is-vertical {
    max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)
}

.f-thumbs.is-ltr {
    direction: ltr
}

.f-thumbs.is-rtl {
    direction: rtl
}

.f-thumbs__viewport {
    margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
    overflow: visible;
    display: grid
}

.f-thumbs.is-vertical .f-thumbs__viewport {
    height: calc(100% - var(--f-thumbs-padding-y) * 2)
}

.f-thumbs__slide {
    position: relative;
    box-sizing: border-box;
    grid-area: 1/1;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    overflow: visible
}

.f-thumbs__slide:hover button {
    opacity: var(--f-thumb-hover-opacity, 1);
    transform: var(--f-thumb-hover-transform, none)
}

.f-thumbs__slide:hover button:after {
    border: var(--f-thumb-hover-border, none);
    box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide button {
    all: unset;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
    outline: 0;
    transition: var(--f-thumb-transition);
    border-radius: var(--f-thumb-border-radius);
    opacity: var(--f-thumb-opacity);
    transform: var(--f-thumb-transform);
    background: var(--f-thumb-bg)
}

.f-thumbs__slide button:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: none;
    border-radius: inherit;
    border: var(--f-thumb-border);
    box-shadow: var(--f-thumb-shadow)
}

.f-thumbs__slide button:focus-within {
    opacity: var(--f-thumb-focus-opacity, 1);
    transform: var(--f-thumb-focus-transform, none)
}

.f-thumbs__slide button:focus-within:after {
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide:active {
    opacity: var(--f-thumb-active-opacity, 1);
    transform: var(--f-thumb-active-transform, none)
}

.f-thumbs__slide:active:after {
    border: var(--f-thumb-active-border, none);
    box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide.is-selected {
    z-index: 2
}

.f-thumbs__slide.is-selected button {
    opacity: var(--f-thumb-selected-opacity, 1);
    transform: var(--f-thumb-selected-transform, none)
}

.f-thumbs__slide.is-selected button:after {
    border: var(--f-thumb-selected-border, none);
    box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--f-thumb-fit);
    border-radius: inherit;
    pointer-events: none
}

.f-thumbs__slide img.has-lazyerror {
    display: none
}

.f-thumbs.is-classic {
    --f-carousel-slide-width: var(--f-thumb-width);
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: var(--f-thumbs-gap)
}

.f-thumbs.is-modern {
    --f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: 0;
    --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

.f-thumbs.is-modern .f-thumbs__viewport {
    width: calc(100% + var(--f-carousel-slide-width) * 2);
    margin-inline: calc(var(--f-carousel-slide-width) * -1)
}

.f-thumbs.is-modern .f-thumbs__slide {
    --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
    --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
    padding: 0;
    overflow: visible;
    left: var(--shift, 0);
    will-change: left;
    transition: left var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button {
    display: block;
    margin-inline: 50%;
    width: var(--f-thumb-width);
    clip-path: var(--clip-path);
    border: none;
    box-shadow: none;
    transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
    display: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: var(--clip-shift);
    bottom: 0;
    right: var(--clip-shift);
    transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
    border-radius: inherit;
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, none)
}

.f-thumbs.is-modern {
    --f-transition-duration: .25s;
    --f-transition-easing: ease-out
}

.f-thumbs.is-modern.is-syncing {
    --f-transition-duration: 0s
}

:root {
    --f-progressbar-height: 3px;
    --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
    --f-progressbar-opacity: 1;
    --f-progressbar-z-index: 30
}

.f-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--f-progressbar-z-index);
    height: var(--f-progressbar-height);
    transform: scaleX(0);
    transform-origin: 0;
    opacity: var(--f-progressbar-opacity);
    background: var(--f-progressbar-color);
    user-select: none;
    pointer-events: none;
    animation-name: f-progressbar;
    animation-play-state: running;
    animation-timing-function: linear
}

button>.f-progressbar {
    --f-progressbar-height: 100%;
    --f-progressbar-opacity: .2
}

@keyframes f-progressbar {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

[data-fullscreen-action=toggle] svg g:first-child {
    display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

.in-fullscreen-mode>.f-carousel {
    flex: 1;
    min-width: 0 !important;
    min-height: 0 !important
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;

}
html.with-fancybox .pageContainer, html.with-fancybox header{
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

.fancybox__dialog {
    width: 100%;
    height: 100vh;
    max-height: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    background: 0 0;
    touch-action: none
}

.fancybox__dialog:focus {
    outline: 0
}

.fancybox__dialog::backdrop {
    opacity: 0
}

@supports (height:100dvh) {
    .fancybox__dialog {
        height: 100dvh
    }
}

div.fancybox__dialog {
    position: fixed;
    inset: 0;
    z-index: 1050
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-backdrop-bg: rgba(24, 24, 27, .5);
    --f-toolbar-margin: 0;
    --f-toolbar-padding: 8px;
    --f-toolbar-gap: 0;
    --f-toolbar-color: #ddd;
    --f-toolbar-font-size: 16px;
    --f-toolbar-font-weight: 500;
    --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    --f-toolbar-line-height: var(--f-button-height);
    --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    --f-toolbar-shadow: none;
    --f-toolbar-bg: none;
    --f-counter-margin: 0;
    --f-counter-padding: 0px 10px;
    --f-counter-gap: 4px;
    --f-counter-line-height: var(--f-button-height);
    --f-carousel-gap: 17px;
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: 100%;
    --f-carousel-slide-padding: 0;
    --f-carousel-slide-bg: unset;
    --f-html-color: #222;
    --f-html-bg: #fff;
    --f-error-color: #fff;
    --f-error-bg: #333;
    --f-caption-margin: 0;
    --f-caption-padding: 16px 8px;
    --f-caption-color: var(--fancybox-color, #dbdbdb);
    --f-caption-bg: transparent;
    --f-caption-font: inherit;
    --f-caption-line-height: 1.375;
    --f-spinner-color-1: rgba(255, 255, 255, .2);
    --f-spinner-color-2: rgba(255, 255, 255, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px;
    --f-progressbar-color: rgba(255, 255, 255);
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: #ddd;
    --f-button-hover-color: #fff;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(255, 255, 255, .75);
    --f-button-outline-offset: 0px;
    --f-button-bg: rgba(54, 54, 54, .75);
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-shadow: none;
    --f-button-transition: all .2s ease;
    --f-button-transform: none;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.75;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .5;
    --f-arrow-pos: 32px;
    --f-arrow-width: 50px;
    --f-arrow-height: 50px;
    --f-arrow-svg-width: 24px;
    --f-arrow-svg-height: 24px;
    --f-arrow-svg-stroke-width: 2;
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: rgba(54, 54, 54, .65);
    --f-arrow-color: #ddd;
    --f-arrow-hover-color: #fff;
    --f-close-button-width: 34px;
    --f-close-button-height: 34px;
    --f-close-border-radius: 4px;
    --f-close-button-color: #fff;
    --f-close-button-hover-color: #fff;
    --f-close-button-bg: transparent;
    --f-close-button-hover-bg: transparent;
    --f-close-button-active-bg: transparent;
    --f-close-button-svg-width: 22px;
    --f-close-button-svg-height: 22px;
    --f-thumbs-margin: 0px;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: none;
    --f-thumb-transition: all .2s ease;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-opacity: 1;
    --f-thumb-border: none;
    --f-thumb-shadow: none;
    --f-thumb-transform: none;
    --f-thumb-focus-opacity: 1;
    --f-thumb-focus-border: none;
    --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
    --f-thumb-focus-transform: none;
    --f-thumb-hover-opacity: 1;
    --f-thumb-hover-border: none;
    --f-thumb-hover-transform: none;
    --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
    --f-thumb-active-border: var(--f-thumb-hover-border);
    --f-thumb-active-transform: var(--f-thumb-hover-transform);
    --f-thumb-selected-opacity: 1;
    --f-thumb-selected-border: none;
    --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
    --f-thumb-selected-transform: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.fancybox__container[theme=light] {
    --fancybox-color: #222;
    --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
    --f-toolbar-color: var(--fancybox-color, #222);
    --f-toolbar-text-shadow: none;
    --f-toolbar-font-weight: 400;
    --f-html-color: var(--fancybox-color, #222);
    --f-html-bg: #fff;
    --f-error-color: #555;
    --f-error-bg: #fff;
    --f-video-bg: #fff;
    --f-caption-color: #333;
    --f-spinner-color-1: rgba(0, 0, 0, .2);
    --f-spinner-color-2: rgba(0, 0, 0, .8);
    --f-spinner-border-width: 3.5px;
    --f-progressbar-color: rgba(111, 111, 116);
    --f-button-color: #333;
    --f-button-hover-color: #000;
    --f-button-outline-color: rgba(0, 0, 0, .85);
    --f-button-bg: rgba(255, 255, 255, .85);
    --f-button-svg-stroke-width: 1.3;
    --f-button-svg-filter: none;
    --f-arrow-bg: rgba(255, 255, 255, .85);
    --f-arrow-color: #333;
    --f-arrow-hover-color: #000;
    --f-arrow-svg-stroke-width: 1.3;
    --f-close-button-color: #555;
    --f-close-button-hover-color: #000;
    --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
    --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
    --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000
}

.fancybox__container:focus {
    outline: 0
}

.fancybox__container.has-vertical-thumbs {
    flex-direction: row-reverse
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
    overflow-x: clip;
    overflow-y: visible
}

.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper, .f-spinner),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container>:not(.fancybox__carousel) {
    opacity: var(--f-drag-opacity, 1)
}

.fancybox__container:not(.is-ready, .is-hiding) {
    visibility: hidden
}

.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper, .f-spinner),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-revealing>:not(.fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
}

.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-hiding .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-hiding>:not(.fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}

.fancybox__container.is-idle .f-carousel__toolbar {
    pointer-events: none;
    opacity: 0
}

.fancybox__container.is-idle .f-button.is-arrow {
    opacity: 0
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
    animation: .15s ease-out both f-fadeOut
}

.fancybox__backdrop {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--fancybox-backdrop-bg)
}

.fancybox__carousel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__carousel.is-vertical {
    --f-carousel-slide-height: 100%
}

.fancybox__carousel.is-ltr {
    direction: ltr
}

.fancybox__carousel.is-rtl {
    direction: rtl
}

.fancybox__carousel>.f-button.is-arrow:before {
    position: absolute;
    content: "";
    inset: -30px;
    z-index: 1
}

.fancybox__viewport {
    display: grid;
    flex: 1;
    min-height: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
    transform: translate3d(0, var(--f-drag-offset, 0), 0)
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__viewport [contenteditable],
.fancybox__viewport [data-selectable] {
    cursor: auto
}

.fancybox__slide {
    box-sizing: border-box;
    position: relative;
    grid-area: 1/1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    margin: 0;
    padding: var(--f-carousel-slide-padding);
    background: var(--f-carousel-slide-bg);
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform
}

.fancybox__slide:after,
.fancybox__slide:before {
    display: block;
    content: ""
}

.fancybox__slide:before {
    margin-bottom: auto
}

.fancybox__slide:after {
    margin-top: auto
}

.fancybox__slide.is-selected {
    z-index: 1
}

.fancybox__slide.f-zoomable {
    overflow: visible
}

.fancybox__slide.has-error {
    --f-html-color: var(--f-error-color, --f-html-color);
    --f-html-bg: var(--f-error-bg, --f-html-bg)
}

.fancybox__slide.has-html {
    overflow: auto;
    padding: 8px
}

.fancybox__slide.has-close-btn {
    padding-top: 34px
}

.fancybox__slide.has-controls:before {
    margin: 0
}

.fancybox__slide .f-spinner {
    cursor: pointer
}

.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
    visibility: hidden
}

.fancybox__container.is-closing .fancybox__carousel {
    overflow: visible
}

.f-button.is-close-button {
    --f-button-width: var(--f-close-button-width);
    --f-button-height: var(--f-close-button-height);
    --f-button-border-radius: var(--f-close-border-radius);
    --f-button-color: var(--f-close-button-color);
    --f-button-hover-color: var(--f-close-button-hover-color);
    --f-button-bg: var(--f-close-button-bg);
    --f-button-hover-bg: var(--f-close-button-hover-bg);
    --f-button-active-bg: var(--f-close-button-active-bg);
    --f-button-svg-width: var(--f-close-button-svg-width);
    --f-button-svg-height: var(--f-close-button-svg-height);
    position: absolute;
    top: calc(var(--f-button-height) * -1);
    right: 0;
    z-index: 40
}
/* End */


/* Start:/local/templates/marygold_2026/layout//css/variables.css?17881866246880*/
:root {
    /* Colors */
    --color-text-primary: #020202;
    --color-text-secondary: rgba(2, 2, 2, 0.60);
    --color-text-white: #ffffff;
    --color-text-white-secondary: rgba(255, 255, 255, 0.60);
    --color-bg-white: #ffffff;
    --color-bg-beige-light: rgba(247, 229, 213, 0.20);
    --color-bg-overlay: rgba(2, 2, 2, 0.03);
    --color-bg-overlay-dark: rgba(2, 2, 2, 0.10);
    --color-bg-quote: rgba(2, 2, 2, 0.60);
    --color-border-light: rgba(2, 2, 2, 0.10);
    --color-border-medium: rgba(2, 2, 2, 0.50);
    --color-green: rgba(214,234,213,1);
    --color-green-hov: rgba(214,234,213,0.70);
    --color-black: #000000;
    --color-dark-hov: rgb(255, 255, 255, .1);
    --color-beige: #F7E5D5;


    /* Typography */
    --font-serif: 'Wremena', serif;
    --font-sans: 'Vela Sans GX', 'Inter', sans-serif;

    /* Font Sizes */
    --font-size-xs: 14px;
    --font-size-sm: 16px;
    --font-size-md: 20px;
    --font-size-lg: 24px;
    --font-size-xl: 32px;
    --font-size-2xl: 36px;
    --font-size-3xl: 48px;
    --font-size-4xl: 64px;

    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    /* Spacing */
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-52: 52px;
    --spacing-60: 60px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-pill: 13px;
    --radius-full: 50%;

    /* Shadows */
    --shadow-sm: 0px 0.83px 1.67px rgba(0, 0, 0, 0.05);

    /* Container */
    --container-max-width: 1440px;
    --container-padding: 40px;
}
.next-arrow{
    font-size: 24px;
    font-family: var(--font-serif);
    display: flex;
    align-items: center;
    gap: 100px;
}
.next-arrow svg{
    width: 56px;
    height: 12px;
    stroke: #020202;

}
p{
    margin-bottom: 20px;
}
.br-12{
    border-radius: 12px;
}
.of-hidden{
    overflow: hidden;
}
.--relative{
    position: relative;
}
.note-text{
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    padding: 10px;
    border-radius: 8px;
    margin: 20px 0;
}
.note-text.--green{
    background-color: #EFF7EE;
}
.note-text svg{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.--greyText{
    color: var(--color-text-secondary);
}
.--greyText h2, .--greyText h3, .--greyText h4{
    color: var(--color-text-primary);
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 1.4vw;
}
.--greyText h2{
    font-size: var(--font-size-2xl);
}
.--center{
    text-align: center;
}
button {
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
}
.btn{
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    gap: 8px;
    padding: 0 20px;
    font-size: var(--font-size-xs);
}
.btn.btn-full-width{
    width: 100%;
}
.btn-disabled{
    cursor: default;
    pointer-events: none;
}
.btn-disabled:hover{
    opacity: 1;
}
.btn:not(.noHover):hover{
    opacity: 0.8;
}
.btn.btn-small{
    height: 48px;
}
.btn.btn-x-small{
    height: 36px;
}
.btn.btn-black{
    background: rgba(2, 2, 2, 1);
    color: #ffffff;
}
.btn.btn-white{
    background: #ffffff;
    color: var(--color-text-primary);
}
.btn.btn-grey{
    background: rgba(2, 2, 2, 0.03);
}
.btn.btn-green{
    background: rgba(214, 234, 213, 1);
}
.btn.btn-light-green{
    background: rgba(214, 234, 213, 0.4);
}
.btn.btn-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn.btn-arrow svg{
    stroke: rgba(2, 2, 2, 1);
    width: 14px;
    height: 12px;
}
.btn.btn-rating{
    display: flex;
    align-items: center;
    width: fit-content;
    height: 36px;
}
.btn.btn-rating .r-star{
    width: 15px;
    height: 15px;
    fill: black;
}
.btn.btn-rating .r-count{
    color: #02020299;
}
.btn-row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #0202020A;
    border-radius: 13px;
    padding: 4px;
    width: fit-content;
    margin: 0 auto;
}
ul, ol {
    list-style: none;
}
.--half{
    width: 50%;
    max-width: 555px;
}
/* ============================================
   TYPOGRAPHY UTILITIES
   ============================================ */
.backLink{
    display: flex;
    align-items: center;
    gap: 10px;
}
.backLink svg{
    width: 56px;
    height: 12px;
    stroke: var(--color-text-primary);
}
.page-header{
    margin-bottom: var(--spacing-40);
}
.page-header.--flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
h1.customTitle{
    font-size: var(--font-size-xl);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 20px;
}
.heading-1 {
    font-family: var(--font-serif);
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-light);
    line-height: 0.9;
    letter-spacing: -2px;
    text-wrap: balance;
}

.heading-2, .body-text h2 {
    font-family: var(--font-serif);
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-light);
    line-height: 0.9;
    letter-spacing: -2px;
}

.heading-3, .body-text h3 {
    font-family: var(--font-serif);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-light);
    letter-spacing: -2px;
    line-height: 1.2;
}

.heading-4, .body-text h4 {
    font-family: var(--font-serif);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-light);
    letter-spacing: -1px;
    line-height: 1.2;
}

.body-text {
    font-family: var(--font-sans);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-regular);
    line-height: 1.2;
    text-wrap: balance;
    margin-bottom: var(--spacing-60);
}

.text-balance{
    text-wrap: balance;
}
.body-text h2, .body-text h3, .body-text h4{
    margin-bottom: var(--spacing-24);
}
.body-text-sm {
    font-family: var(--font-sans);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-light);
    line-height: 1.2;
}
.body-text-md {
    font-family: var(--font-sans);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-light);
    line-height: 1.2;
}
.text-secondary {
    color: var(--color-text-secondary);
}
.text-secondary ul{
    margin: 15px 0 20px 25px;
}
.text-secondary ul li{
    list-style: disc;
}
/* End */


/* Start:/local/templates/marygold_2026/layout//css/style.css?178900155374974*/
/* ============================================
   RESET & BASE STYLES
   ============================================ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: 1.5;
  background-color: var(--color-bg-white);
}
.modal{
  border-radius: 10px;
}
.modal .f-button.is-close-button{
  color: var(--color-text-primary);
  right: 6px;
  top: 4px;
}
address{
  font-style: normal;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}
.arrow-link{
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  justify-content: center;
  padding: 5px 0;
}
.arrow-link svg{
  width: 15px;
  height: 15px;
  stroke: var(--color-text-primary);
  transition: transform 0.25s ease-out;
}
.arrow-link:hover svg{
  transform: rotate(45deg);
}
.arrow-link.--sb{
  justify-content: space-between;
  width: 100%;
}
.swipe-hint{
  width: 64px;
  height: 64px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  padding: 3px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: -1px 3px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.25s, transform 0.25s;
}
.swipe-hint.visible{
  opacity: 1;
  transform: translateX(0);
}
.swipe-hint.visible.is-activated{
  opacity: 0;
  transform: translateX(30px);
}

/* ============================================
   LAYOUT
   ============================================ */

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.section {
  padding: 80px 0;
}
.double-block{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.double_half{
  overflow: hidden;
}
.double_half__Inner{
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 555px;
}
.double_half__InnerBottom{
  margin-top: auto;
}
.buttons-call-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: var(--spacing-60);
}
.buttons-call-row > *{
  flex-grow: 1;
}
/* ============================================
   HEADER
   ============================================ */
.header {
  position: sticky;
  top: 0;
  background: var(--color-bg-white);
  z-index: 100;
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px var(--container-padding);
  max-width: var(--container-max-width);
  margin: 0 auto;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}

.nav-item {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 4px 15px 4px 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: var(--radius-md);
  position: relative;
  background: var(--color-text-white);
}
.nav-item::before{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  background: #e1e2e4;
  border-radius: var(--radius-md);
  z-index: -1;
  transform: scaleX(1.03);
}
.nav-item:hover::before {
  background: #020202;
}

.nav-item.has-dropdown svg {
  width: 13px;
  height: 6px;
  stroke: rgba(2, 2, 2, 0.5);
}

.logo {
  height: 18px;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}

.location-tabs {
  background: var(--color-bg-overlay);
  border-radius: var(--radius-pill);
  display: flex;
  padding: var(--spacing-4);
  gap: var(--spacing-4);
}

.location-tab {
  padding: 8px 20px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-md);
  transition: background-color 0.2s;
}
.location-tab:not(.active):hover{
  background-color: rgba(0, 0, 0, 0.05);
}

.location-tab.active {
  background: var(--color-bg-white);
  box-shadow: var(--shadow-sm);
}
.--blackActive .location-tab.--active{
  background: var(--color-text-primary);
  color: var(--color-text-white);
}
.mobile-reviews-tabs{
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.icon-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
}
.icon-button.menu-button{
  display: none;
}
.icon-button.--def{
  background: var(--color-bg-overlay);
}
.icon-button.--def:hover{
  background:rgba(0, 0, 0, 0.05);
}
.icon-button.--green{
  background: var(--color-green);
}
.icon-button.--green:hover{
  background: var(--color-green-hov);
}

.icon-button img {
  width: 20px;
  height: 20px;
}

/* Desktop Dropdown Menu */
.nav-item-wrapper {
  position: relative;
}

.nav-dropdown {
  position: absolute;
  top: calc(100%);
  left: 0;
  background: var(--color-bg-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 1000;
  min-width: 315px;
  padding-top: 15px;
}

.nav-dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  /*padding: var(--spacing-20);*/
}

.nav-dropdown-column {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 275px;
  height: 100%;
}

.nav-dropdown-column.submenu {
  display: none;
  border-left: 1px solid var(--color-border-light);
  position: absolute;
  background: #ffffff;
  left: 100%;
  top: 15px;
}

.nav-dropdown-column.submenu.active {
  display: flex;
}

.dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-12);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  padding: 4px 25px;
}


.dropdown-item.active {
  /*background-color: var(--color-bg-overlay);*/
}

.dropdown-item svg {
  width: 13px;
  height: 6px;
  flex-shrink: 0;
  stroke: rgba(2, 2, 2, 1);
  transform: rotate(-90deg);
}

.dropdown-item.submenu-item {
  color: var(--color-text-secondary);
}

.dropdown-item.submenu-item:hover {
  color: var(--color-text-primary);
}

/* ============================================
   HERO SECTION
   ============================================ */
.hero {
  background-size: cover;
  background-position: center;
  border-radius: var(--radius-lg);
  padding: 60px 30px 25px;
  position: relative;
  min-height: 830px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  margin-bottom: var(--spacing-60);
}
.hero video{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero::before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: '';
  background: rgba(0,0,0,0.6);
  display: block;
  z-index: 1;
}
.hero-content {
  max-width: 450px;
  z-index: 2;
}

.hero-title {
  color: var(--color-text-white);
  margin-bottom: var(--spacing-32);
}
.hero-controls{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  margin-bottom: var(--spacing-52);
}

.hero-branch-label {
  color: var(--color-text-white);
  font-size: var(--font-size-xs);
  margin-bottom: var(--spacing-8);
  display: block;
}

.hero-tabs {
  background: var(--color-bg-overlay-dark);
  border-radius: var(--radius-pill);
  display: inline-flex;
  padding: var(--spacing-8);
  gap: var(--spacing-4);
}

.hero-tab {
  padding: 14px 34px;
  font-size: var(--font-size-xs);
  color: var(--color-text-white);
  border-radius: var(--radius-md);
  transition: background-color 0.2s;
  text-align: center;
}

.hero-tab.active {
  background: var(--color-bg-white);
  color: var(--color-text-primary);
}
.hero-tab:not(.active):hover {
  background: var(--color-dark-hov);
}

.hero-actions {
  display: flex;
  gap: var(--spacing-20);
  align-items: center;
  z-index: 3;
  position: relative;
}

.hero-action-btn {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-white);
  padding: 16px 38px;
  background: rgba(2, 2, 2, 0.1);
  border-radius: var(--radius-md);
}
.hero-action-btn:not(.primary):hover{
  background: var(--color-dark-hov);
}
.hero-action-btn.primary {
  background: var(--color-green);
  color: var(--color-text-black);
}
.hero-action-btn.primary:hover {
  background: var(--color-green-hov);
}

.hero-logo {
  width: 1340px;
  max-width: 100%;
  align-self: center;
  position: relative;
  z-index: 3;
}

/* ============================================
   SERVICE CARDS
   ============================================ */
.services-slider{
  padding: 15px 0;
  margin-bottom: 120px;
}


.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0 var(--container-padding);
  margin-bottom: 120px;
}

.service-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
}

.service-card-image {
  width: 100%;
  aspect-ratio: 325/460;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.service-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.service-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-12);
}
.service-card-header .service-card-price{
  margin-right: auto;
  margin-left: 15px;
}
.service-card-title, .services-root-card-title {
  font-family: var(--font-serif);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
  line-height: 1.2;
}

.service-card-icon {
  flex-shrink: 0;
  transition: transform 0.25s ease-out;
}

.service-card-icon img, .service-card-icon svg {
  width: 21px;
  height: 21px;
}

.service-card-description {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.service-card-price {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 5px 12px;
  margin-top: var(--spacing-8);
  position: relative;
  width: fit-content;
  background-color: var(--color-text-white);
  border-radius: 7px;
}

.service-card-price::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  background: #e1e2e4;
  border-radius: 7px;
  z-index: -1;
  transform: scaleX(1.03);
}

.service-card:hover .service-card-icon{
  transform: rotate(45deg);
}
.service-bottom-description{
  margin-bottom: 40px;
}
.service-bottom-description{
  margin-bottom: var(--spacing-60);
}
/* ============================================
   FILTER & PROCEDURES SECTION
   ============================================ */
.add-description{
  margin-bottom: calc(var(--spacing-40)  * 2);
  margin-top: var(--spacing-40);
}
.add-picture.--mobile{
  display: none;
}
.add-text{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.add-text .body-text{
  margin-bottom: 0;
}
.add-booking{
  margin-top: auto;
}
.add-booking .c-phone a{
  margin-bottom: 15px;
}
.add-booking-socials{
  margin-top: var(--spacing-60);
}
.grid-description{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--spacing-40);
}

.filter-section {
  padding: 0 var(--container-padding) 120px;
}

.filter-section-intro {
  text-align: center;
  max-width: 1400px;
  margin: 0 auto 120px;
}

.filter-section-intro .heading-2 {
  line-height: 1.1;
}

.underline-link {
  border-bottom: 1px solid var(--color-text-primary);
}

.filter-layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  align-items: start;
}
.filter-panel{
  margin-top: 25px;
}
.filter-panel, .filter-scroll-box {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
}
.filter-scroll-box{
  overflow-y: auto;
  overflow-x: hidden;
}

.filter-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-16);
  border-bottom: 1px solid var(--color-border-medium);
}

.filter-search input {
  border: none;
  outline: none;
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-primary);
  flex: 1;
}

.filter-search input::placeholder {
  color: var(--color-text-secondary);
}

.filter-search img {
  width: 17px;
  height: 17px;
}

.filter-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.filter-dropdown-header {
  padding-bottom: var(--spacing-16);
  border-bottom: 1px solid var(--color-border-medium);
  cursor: pointer;
}

.filter-dropdown-header .filter-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-8);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  margin-bottom: 15px;
}

.filter-badge {
  color: var(--color-text-secondary);
}

.filter-dropdown-header .filter-value {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-dropdown-header svg {
  width: 11px;
  height: 5px;
  stroke: rgba(2, 2, 2, 0.5);
}

.filter-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}

.checkbox-item input[type="checkbox"] {
  width: 12px;
  height: 8px;
  appearance: none;
  border: 1px solid var(--color-black);
  cursor: pointer;
}

.checkbox-item input[type="checkbox"]:checked {
  background: url('/local/templates/marygold_2026/layout//css/public/icons/checkmark.svg') no-repeat center;
  background-size: contain;
}

.checkbox-item.unchecked input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-text-primary);
}

.checkbox-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
}

.price-range {
  display: flex;
  gap: var(--spacing-60);
  margin-top: var(--spacing-24);
}

.price-input {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

.price-input label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
}

.price-input input {
  outline: none;
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  width: 80px;
  height: 40px;
  padding-left: 10px;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
}

.procedures-results {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  justify-content: space-between;
  min-height: 100%;
}
.procedures-cards{
  display: grid;
  overflow: hidden;
}
.procedures-grid {
  grid-template-columns: repeat(2, 1fr);
}
.procedures-grid-inner {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: var(--spacing-60);
}
.procedure-card {
  padding: 10px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.procedures-grid-inner.--treeGrid .procedure-card:nth-child(3n+1) {
  padding-left: 0;
}
.procedures-grid.--treeGrid .procedure-card:nth-child(2n+1) {
  padding-left: 0;
}
.procedures-grid.--treeGrid .procedure-card:nth-last-child(-n+2) {
  padding-bottom: 0;
}
.procedures-grid-inner.--treeGrid .procedure-card:nth-last-child(-n+3) {
  padding-bottom: 0;
}
.procedure-card-inner{
  display: flex;
  gap: var(--spacing-12);
  padding-left: 20px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: background-color 0.25s linear;
}
.procedure-image {
  width: 45%;
  height: 240px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-left: auto;
}
.procedure-image__circle{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.procedure-content:not(.noImage) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.procedure-content{
  padding: 15px 0;
}
.procedure-title {
  font-family: var(--font-serif);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  letter-spacing: -0.48px;
  line-height: 1;
  color: var(--color-black);
  text-wrap: pretty;
}
.procedure-description {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
  line-height: 1.15;
  display: -webkit-box; /* Включаем flexbox */
  -webkit-box-orient: vertical; /* Вертикальная ориентация */
  -webkit-line-clamp: 3; /* Количество строк */
  overflow: hidden; /* Скрываем лишнее */
  text-overflow: ellipsis;
}
.procedure-content__bottom{
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: auto;
}
.procedure-price,  .procedure-duration{
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-secondary);
  line-height: 1.15;
  margin-top: auto;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-40);
}

.pagination-arrow {
  width: 57px;
  height: 13px;
  cursor: pointer;
}
.pagination-arrow svg{
  stroke: #020202;
  width: 100%;
  height: 100%;
}

.pagination-numbers {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}

.page-number {
  font-family: var(--font-sans);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  letter-spacing: -0.48px;
  color: var(--color-black);
  cursor: pointer;
}

.page-number.active {
  font-size: var(--font-size-lg);
}

.page-number.inactive {
  font-size: var(--font-size-sm);
  opacity: 0.6;
}

/* ============================================
   SPECIAL OFFERS
   ============================================ */
.offers-section {
  padding: 80px var(--container-padding);
  display: grid;
  grid-template-columns: 410px 1fr;
  gap: 40px;
}
.offers-title span{
  position: sticky;
  top: 90px;
}

.offers-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
}
.offers-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}
.offer-card {
  display: flex;
  gap: var(--spacing-20);
  background: var(--color-bg-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}
.offers-grid .offer-card{
  flex-direction: column;
}
.offer-card:hover .offer-btn{
  opacity: 1;
}
.offer-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  background: var(--color-bg-white);
  padding: 12px 24px;
  border-radius: var(--radius-lg);
  align-self: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}
.offer-btn svg{
  width: 11px;
  height: 10px;
}

.offer-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  max-width: 400px;
}

.offer-content-title {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}

.offer-content-description {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
  text-wrap: pretty;
}
.offer-image{
  position: relative;
  overflow: hidden;
}
.offers-list .offer-image {
  flex-shrink: 0;
  padding: 20.18% 27.35%;
}
.offers-grid .offer-image {
  padding: 37.18% 0;
}
.offer-image img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
}
.offer-end{
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  color: #020202;
  gap: 8px;
  padding: 0 10px;
  background-color: #F7E5D5;
  border-radius: 10px;
  height: 36px;
  margin: 12px;
  font-size: 14px;
}
.offer-end svg{
  fill: #020202;
  width: 16px;
  height: 16px;
}
  /* ============================================
     STATISTICS SECTION
     ============================================ */
.stats-section {
  padding: 0 var(--container-padding);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 320px;
  overflow: hidden;
}
.stat-card:nth-child(2){
  padding-top: 4rem;
}
.stat-card:nth-child(3){
  padding-top: 8rem;
}
.stat-card:nth-child(4){
  padding-top: 11.5rem;
}
.stat-card__inner{
  background: var(--color-bg-beige-light);
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.stat-card:nth-child(odd) .stat-card__inner{
  padding: 49%;
}
.stat-card:nth-child(even) .stat-card__inner{
  padding: 71% 50%;
}

.stat-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 15px;
}

.stat-number {
  font-family: var(--font-serif);
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
  line-height: 0.9;
}

.stat-description {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.stat-image {
  margin-top: auto;
}
.--fontSerif{
  font-family: var(--font-serif);
}
/* ============================================
   EQUIPMENT SECTION
   ============================================ */
.equipment-section {
  padding: 80px var(--container-padding);
}

.equipment-intro {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto 60px;
}

.equipment-intro .heading-2 {
  margin-bottom: var(--spacing-20);
}

.equipment-intro .body-text {
  color: var(--color-text-secondary);
}

.equipment-detail {
  display: grid;
  grid-template-columns: 440px 1fr;
  gap: 135px;
  max-width: 1015px;
  margin: 0 auto;
}

.equipment-viewer{
  width: 440px;
  max-height: 690px;
  margin: 0 auto;
}
.equipment-viewer-slider {
  width: 100%;
  height: 440px;
}
.equipment-viewer-slider .swiper-slide{
  cursor: grab;
}
.equipment-viewer img{
  margin: 0 auto;
}
.equipment-viewer-thumbs{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.swiper-thumb{
  width: 95px;
  height: 95px;
  cursor: pointer;
}

.equipment-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
  height: 100%;
}
.equipment-content__innerScroll{
  max-height: 690px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
}
.equipment-specs {
  display: none;
  flex-direction: column;
  gap: var(--spacing-20);
}
.equipment-specs.active{
  display: flex;
}
.equipment-name {
  font-family: var(--font-serif);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -1px;
  margin-bottom: var(--spacing-8);
}

.equipment-description {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.equipment-procedures-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  margin-bottom: var(--spacing-20);
}

.procedures-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
}

.procedure-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-16);
  border-bottom: 1px solid rgba(2, 2, 2, 0.5);
}

.procedure-item-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  color: rgba(2, 2, 2, 0.5);
}

.procedure-item-icon {
  width: 10px;
  height: 10px;
  stroke: rgba(2, 2, 2, 0.5);
  flex-shrink: 0;
}
.procedure-item:hover{
  border-color: var(--color-text-primary);
}
.procedure-item:hover .procedure-item-icon{
  stroke: var(--color-text-primary);
}
.procedure-item:hover .procedure-item-name{
  color: var(--color-text-primary);
}
.view-all-equipment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-12);
  margin-top: auto;
}

.view-all-equipment-text {
  font-family: var(--font-serif);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
}

.view-all-equipment svg, .view-all-reviews svg {
  width: 13px;
  height: 13px;
  stroke: var(--color-text-primary)
}
.hover-brdr{
  position: relative;
}
.hover-brdr::after{
  position: absolute;
  top: 100%;
  left: 0;
  height: 1px;
  width: 0;
  background: var(--color-text-primary);
  transition: width 0.25s ease-out;
  content: '';
}
.hover-brdr:hover::after{
  width: 100%;
}

/* ============================================
   COMMON BANNER
   ============================================  */

.common-banner{
  margin: var(--container-padding) 0 calc(var(--container-padding) * 2);
  border-radius: var(--radius-lg);
  background-size: cover;
  background-position: center;
  padding: 30px 32px;
  min-height: 660px;
  position: relative;
  color: #ffffff;
  overflow: hidden;
}
.common-banner::before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 0;
}
.banner-cell{
  position: absolute;
  padding: 30px;
  max-width: 60%;
}
.banner-cell p{
  font-weight: 400;
  color: #FFFFFF99;
  text-wrap: balance;
  line-height: 1.2;
}
.banner-cell h2, .banner-cell h3, .banner-cell h4{
  font-family: var(--font-serif);
  font-weight: var(--font-weight-light);
  line-height: 0.9;
  letter-spacing: -2px;
  margin-bottom: 15px;
}
.banner-cell h2{
  font-size: var(--font-size-4xl);
}
.banner-cell h3{
  font-size: var(--font-size-2xl);
}
.banner-cell h4{
  font-size: var(--font-size-xl);
}
.banner-cell img{
  max-width: 330px;
  margin: 15px 0;
}
.banner-cell.top-left{
  top: 0;
  left: 0;
}
.banner-cell.top-right{
  top: 0;
  right: 0;
  text-align: right;
}
.banner-cell.bottom_right{
  bottom: 0;
  right: 0;
  text-align: right;
}
.banner-cell.bottom_left{
  bottom: 0;
  left: 0;
}


/* ============================================
   ABOUT BANNER
   ============================================ */
.about-banner {
  margin: 0 var(--container-padding);
  border-radius: var(--radius-lg);
  background-size: cover;
  background-position: center;
  padding: 30px 32px;
  min-height: 660px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.about-logo {
  display: block;
  width: 337px;
  height: 33px;
  margin-bottom: 40px;
}

.about-description {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-white-secondary);
  line-height: 1.2;
  max-width: 550px;
  text-wrap: pretty;
}

.about-tagline {
  color: var(--color-text-white);
  max-width: 660px;
  align-self: flex-end;
  text-align: right;
  margin-top: auto;
}

/* ============================================
   REVIEWS SECTION
   ============================================ */
.reviews-section {
  padding: 80px var(--container-padding);
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--spacing-60);
}

.reviews-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
}

.reviews-stats {
  display: flex;
  gap: var(--spacing-60);
}

.review-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-24);
}

.review-stat-number {
  font-family: var(--font-serif);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
  line-height: 0.9;
}

.review-stat-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
}

.reviews-widget {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  max-width: 320px;
}

.reviews-widget-label {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.reviews-testimonials {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
}

.testimonial-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  position: relative;
  padding: 20px 0;
}


.testimonial-item::before, .testimonial-item::after {
  width: 8px;
  height: 9px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik03Ljg1IDEuMzc1NDJDNy4zNjY2NyAxLjM0MjE5IDcuMDE2NjcgMS40NDE4NiA2LjggMS42NzQ0MkM2LjU4MzMzIDEuODkwMzcgNi40NSAyLjE3Mjc2IDYuNCAyLjUyMTZDNi4zNSAyLjg3MDQzIDYuMzMzMzMgMy4zNTIxNiA2LjM1IDMuOTY2NzhDNi4zNSA0LjA2NjQ1IDYuMzUgNC4xNjYxMSA2LjM1IDQuMjY1NzhDNi4zNSA0LjM0ODg0IDYuMzUgNC40MzE4OSA2LjM1IDQuNTE0OTVIOFY5SDVWMy4wMTk5M0M1IDIuMzA1NjUgNS4xMzMzMyAxLjcwNzY0IDUuNCAxLjIyNTkxQzUuNjgzMzMgMC43Mjc1NzUgNi4wNSAwLjM3ODczOSA2LjUgMC4xNzk0MDRDNi45NjY2NyAtMC4wMTk5MzMzIDcuNDY2NjcgLTAuMDUzMTU2NSA4IDAuMDc5NzM0MUw3Ljg1IDEuMzc1NDJaTTIuODUgMS4zNzU0MkMyLjM2NjY3IDEuMzQyMTkgMi4wMTY2NyAxLjQ0MTg2IDEuOCAxLjY3NDQyQzEuNTgzMzMgMS44OTAzNyAxLjQ1IDIuMTcyNzYgMS40IDIuNTIxNkMxLjM1IDIuODcwNDMgMS4zMzMzMyAzLjM1MjE2IDEuMzUgMy45NjY3OEMxLjM1IDQuMDY2NDUgMS4zNSA0LjE2NjExIDEuMzUgNC4yNjU3OEMxLjM1IDQuMzQ4ODQgMS4zNSA0LjQzMTg5IDEuMzUgNC41MTQ5NUgzVjlIMFYzLjAxOTkzQzAgMi4zMDU2NSAwLjEzMzMzMyAxLjcwNzY0IDAuNCAxLjIyNTkxQzAuNjgzMzMzIDAuNzI3NTc1IDEuMDUgMC4zNzg3MzkgMS41IDAuMTc5NDA0QzEuOTY2NjcgLTAuMDE5OTMzMyAyLjQ2NjY3IC0wLjA1MzE1NjUgMyAwLjA3OTczNDFMMi44NSAxLjM3NTQyWiIgZmlsbD0iIzAyMDIwMiIvPgo8L3N2Zz4K);
  background-position: center;
  background-size: contain;
  position: absolute;
  content: '';
}
.testimonial-item::before{
  top: 0;
  left: 0;
}
.testimonial-item::after{
  bottom: 0;
  right: 0;
}

.testimonial-text {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.testimonial-divider {
  border: none;
  border-top: 1px solid var(--color-border-light);
}

.view-all-reviews {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  max-width: 335px;
}

.view-all-reviews-text {
  font-family: var(--font-serif);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
  line-height: 1.2;
}

.view-all-reviews img {
  width: 21px;
  height: 21px;
}

/* ============================================
   TEAM SECTION
   ============================================ */
.team-section {
  padding: 80px 0;
}

.team-intro {
  text-align: center;
  max-width: 1140px;
  margin: 0 auto var(--spacing-52);
}

.team-intro .heading-2 {
  margin-bottom: var(--spacing-24);
}

.team-intro .body-text {
  color: var(--color-text-secondary);
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-bottom: var(--spacing-60);
  overflow-x: auto;
}
.team-grid.fours-row{
  grid-template-columns: repeat(4, 1fr);
}

.team-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.team-card:hover img{
  transform: scale(1.1);
}
.team-card-body{
  margin-bottom: var(--spacing-8);
}
.team-card-body .team-photo{
  margin-bottom: var(--spacing-8);
}
.team-photo {
  width: 100%;
  padding: 58% 50%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.team-photo img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: transform 0.25s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.team-name {
  font-family: var(--font-serif);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  letter-spacing: -1px;
}

.team-role {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}
.team-card-bottom{
  margin-top: auto;
}
.team-card-bottom button.btn.btn-green{
  background: rgba(214, 234, 213, 0.4);
}
.view-all-team{
  width: fit-content;
  margin: 0 auto;
}

.view-all-team-text {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.view-all-team img {
  width: 20px;
  height: 20px;
}
.c-map-area{
  position: relative;
  padding: 41%;
  max-width: 555px;
  overflow: hidden;
  border-radius: 12px;
}
#half-map{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: lightgrey;
}
.inner-contacts{
  margin-bottom: var(--spacing-60);
}
.inner-contacts .heading-2{
  margin-bottom: var(--spacing-24);
}
.inner-contacts .prices__caption__filial{
  margin-bottom: var(--spacing-24);
}
.inner-contacts .footer-ctas{
  margin-bottom: var(--spacing-24);
  flex-wrap: wrap;
}
.c-phone a{
  display: inline-block;
  margin-bottom: var(--spacing-60);
  padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00017 9.86001C6.92003 14.0408 10.3313 17.3544 14.5662 19.152L15.2462 19.455C15.9992 19.7903 16.8464 19.8491 17.6385 19.621C18.4307 19.3929 19.1168 18.8925 19.5762 18.208L20.4652 16.884C20.6043 16.6764 20.6606 16.4242 20.623 16.1771C20.5855 15.93 20.4567 15.7059 20.2622 15.549L17.2502 13.119C17.1453 13.0344 17.0244 12.9719 16.8947 12.9353C16.7651 12.8986 16.6293 12.8885 16.4957 12.9056C16.362 12.9227 16.2332 12.9666 16.117 13.0347C16.0007 13.1028 15.8994 13.1938 15.8192 13.302L14.8872 14.559C12.4948 13.3774 10.5583 11.4406 9.37717 9.04801L10.6332 8.11601C10.7414 8.03577 10.8323 7.93448 10.9005 7.81823C10.9686 7.70198 11.0125 7.57316 11.0296 7.4395C11.0467 7.30585 11.0366 7.17012 10.9999 7.04046C10.9632 6.91081 10.9007 6.7899 10.8162 6.68501L8.38617 3.67301C8.22927 3.47846 8.00521 3.34972 7.75811 3.31215C7.51102 3.27458 7.25881 3.33089 7.05117 3.47001L5.71817 4.36401C5.02957 4.82579 4.52726 5.51702 4.30073 6.31457C4.07419 7.11213 4.13813 7.9642 4.48117 8.71901L5.00017 9.86001Z' fill='%23020202'/%3E%3C/svg%3E%0A");
}
.contacts-area .footer-socials{
  margin-top: var(--spacing-20);
}
/* ============================================
   TRAINING BANNER
   ============================================ */
.training-banner {
  margin: 0 var(--container-padding);
  border-radius: var(--radius-lg);
  background-size: cover;
  background-position: center;
  padding: 60px 40px;
  min-height: 660px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.training-banner::before{
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0,0,0,0.4);
  position: absolute;
  z-index: 0;
}

.training-content {
  max-width: 690px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  position: relative;
  z-index: 1;
}

.training-title {
  color: var(--color-text-white);
  position: relative;
  z-index: 1;
}

.training-description {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-white);
  line-height: 1.2;
  opacity: 0.6;
  max-width: 560px;
  position: relative;
  z-index: 1;
}

.training-quote {
  color: var(--color-text-white);
  max-width: 590px;
  align-self: flex-start;
  margin-top: auto;
  position: relative;
  z-index: 1;
}

.training-logo {
  width: 335px;
  height: 28px;
  align-self: flex-end;
  position: relative;
  z-index: 1;
}

/* ============================================
   BLOG SECTION
   ============================================ */
.blog-section {
  padding: 80px var(--container-padding);
}

.blog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-40);
}

.blog-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  cursor: pointer;
}

.blog-link-text {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.blog-link img {
  width: 27px;
  height: 27px;
}

.blog-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 20px;
}

.blog-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
}
.imgBlog{
  position: relative;
}
.imgBlog:hover .video-play, .v-item:hover .video-play{
  opacity: 1;
}
.blog-thumbnail {
  width: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  position: relative;
}
.blog-thumbnail.--bigThumb{
  aspect-ratio: 670/420;
}
.blog-thumbnail.--smallThumb{
  aspect-ratio: 670/690;
}
.video-play{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}
.blog-meta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.blog-date {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.blog-title {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
  text-wrap: pretty;
}

.blog-title.large {
  max-width: 670px;
}

/* ============================================
   FOOTER
   ============================================ */
.footer {
  padding: 60px var(--container-padding);
  background: var(--color-bg-white);
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}

.footer-logo {
  width: 555px;
  height: 48px;
}

.footer-ctas {
  display: flex;
  gap: var(--spacing-20);
}

.footer-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-8);
  border-bottom: 1px solid var(--color-border-light);
  cursor: pointer;
  width: 325px;
}
.footer-cta:hover{
  border-color: var(--color-text-primary);
}

.footer-cta-text {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.footer-cta img {
  width: 20px;
  height: 20px;
}

.footer-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
  margin-bottom: var(--spacing-60);
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
}

.footer-column-title {
  font-family: var(--font-serif);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  letter-spacing: -1px;
  padding-bottom: var(--spacing-8);
}

.footer-divider {
  border: none;
  border-top: 1px solid var(--color-green);
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
}

.footer-link {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}
.footer-link:hover, .footer-link.selected{
  color: var(--color-text-primary);
}
.footer-location {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.footer-address {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.footer-phone {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
}

.footer-socials {
  display: flex;
  gap: var(--spacing-12);
}

.footer-social-icon {
  width: 40px;
  height: 40px;
}
.footer-social-icon > *{
  width: 100%;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--spacing-40);
}

.footer-copyright,
.footer-privacy {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 1.2;
  margin-bottom: 0;
}
.footer-privacy:hover{
  text-decoration: underline;
  color: var(--color-text-primary);
}

/* ============================================
   MOBILE MENU OVERLAY
   ============================================ */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-white);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
}

.mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.mobile-menu-content {
  padding: 44px 32px 108px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 100vh;
}

.mobile-menu-logo {
  width: 311px;
  height: 26px;
}

.mobile-location-tabs {
  background: var(--color-bg-overlay);
  border-radius: var(--radius-pill);
  display: flex;
  padding: var(--spacing-4);
  gap: var(--spacing-8);
}

.mobile-location-tab {
  padding: 8px 20px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-md);
  transition: background-color 0.2s;
  flex: 1;
}

.mobile-location-tab.active {
  background: var(--color-bg-white);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-sm);
}

.mobile-menu-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-16);
  border-bottom: 1px solid var(--color-border-light);
  gap: 10px;
}

.mobile-menu-search input {
  border: none;
  outline: none;
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  flex: 1;
}

.mobile-menu-search input::placeholder {
  color: var(--color-text-secondary);
}

.mobile-menu-search img {
  width: 17px;
  height: 17px;
}

.mobile-nav {
  display: flex;
  flex-direction: column;
}

.mobile-nav-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing-16) 0;
  border-bottom: 1px solid var(--color-border-light);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: 19.20px;
  gap: 10px;
}
.mobile-nav-dropdown{
  display: none;
}
.mobile-nav-dropdown.active{
  display: block;
}
.mobile-nav-item svg {
  width: 13px;
  height: 6px;
  flex-shrink: 0;
  stroke: rgba(2, 2, 2, 1);
  transform: rotate(-90deg);
}
.mobile-nav-dropdown-column.submenu.--last-level{
  padding-left: 15px;
}
.mobile-call-btn {
  background: var(--color-bg-overlay);
  border-radius: var(--radius-md);
  padding: 14px 24px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-nav-item.expandable a{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-call-btn img {
  width: 14px;
  height: 14px;
  filter: brightness(0);
}

.mobile-contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-address {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: 19.20px;
}

.mobile-phone {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: 19.20px;
}

.mobile-socials {
  display: flex;
  gap: 12px;
}

.mobile-socials a {
  width: 40px;
  height: 40px;
}

.mobile-socials img {
  width: 100%;
  height: 100%;
}

.mobile-cta-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
}

.mobile-cta-btn {
  padding: 12px 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  flex: 1;
  text-align: center;
}

.mobile-cta-btn.primary {
  background: rgba(214, 234, 213, 0.3);
  border-radius: var(--radius-md);
}

.mobile-menu-close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mobile-menu-close img {
  width: 14px;
  height: 14px;
}

/* ============================================
   FILTER ACCORDION
   ============================================ */
.filter-dropdown-content {
  display: none;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.filter-dropdown-content.expanded {
  display: block;
  max-height: 500px;
}

.filter-accordion-item {
  margin-top: var(--spacing-12);
}

.filter-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: rgba(2, 2, 2, 0.90);
  border-bottom: 1px solid var(--color-border-medium);
}

.filter-accordion-icon {
  font-size: 20px;
  font-weight: var(--font-weight-light);
  color: rgba(2, 2, 2, 0.90);
  transition: transform 0.3s ease;
}

.filter-accordion-content {
  display: none;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.filter-accordion-content.expanded {
  display: flex;
  max-height: 400px;
}
.filter-accordion-content .filter-checkbox{
  border-bottom: 1px solid var(--color-border-light);
  justify-content: space-between;
  padding-left: 32px;
}
.filter-checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 16px 16px 16px 0;
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  color: rgba(2, 2, 2, 0.90);

}

.filter-checkbox input[type="checkbox"] {
  display: none;
}

.filter-checkbox-box {
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-black);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.filter-checkbox input[type="checkbox"]:checked + .filter-checkbox-box::after {
  content: '';
  width: 11px;
  height: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjM1ODE1NCA0LjA4MjIxTDMuNTM5OTcgNy4zNDg4OEwxMC4zNTgyIDAuMzQ4ODc3IiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
}
.filter-checkbox input[type="checkbox"]:checked + .filter-checkbox-box{
  background-color: rgba(214, 234, 213, 1);
  border-color: rgba(214, 234, 213, 1);
}

.filter-apply-wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: #fff;
  display: none;
}
.filter-apply{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 12px;
}

.filter-apply-btn {
  background: var(--color-black);
  color: var(--color-text-white);
  border-radius: var(--radius-md);
  padding: 14px 24px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  flex-grow: 1;
  height: 48px;
  text-align: center;
}

.filter-close-btn {
  width: 48px;
  height: 48px;
  position: relative;
  background-color: rgba(2, 2, 2, 0.04);
  border-radius: 10px;
  margin-left: auto;
}
.filter-close-btn svg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 14px;
}

.filter-chevron {
  transition: transform 0.3s ease;
}

.filter-chevron.rotated {
  transform: rotate(180deg);
}

.mobile-filter-caption{
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.mobile-filter-caption__search__field, .mobile-filter-caption__btn button{
  height: 48px;
  border-radius: 10px;
  background-color: rgba(2, 2, 2, 0.03);
  display: flex;
  align-items: center;
}
.mobile-filter-caption__search{
  flex-grow: 1;
}
.mobile-filter-caption__btn{
  flex-shrink: 0;
}
.mobile-filter-caption__search__field{
  justify-content: space-between;

}
.mobile-filter-caption__search__field button{
  width: 48px;
}
.mobile-filter-caption__search__field input{
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.mobile-filter-caption__search__field input:focus{
  outline: 1px solid grey;
}
.mobile-filter-caption__btn button{
  justify-content: center;
  border: none;
  gap: 10px;
  padding: 0 30px;
}
.filter-title{
  font-weight: 300;
}
.pad-section{
  padding-top: var(--spacing-60);
}

.check-list, .plus-list{
  margin: var(--spacing-40) 0;
  max-width: 555px;
}
.check-list > *{
  padding: 24px 10px 24px 25px;
  position: relative;
  border-bottom: 1px solid rgba(2, 2, 2, 0.1);
  font-size: 20px;
  line-height: 1.2;
}
.check-list > *::before{
  width: 13px;
  height: 18px;
  content: '';
  position: absolute;
  top: calc(var(--spacing-24) + 3px);
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.8 8.71995L17.6 -5.60824e-05L6.8 12.3199L-3.19967e-07 4.99994L6.8 8.71995Z' fill='%23020202'/%3E%3C/svg%3E%0A");
}

.plus-list > *{
  padding: 24px 10px 24px 52px;
  position: relative;
  border: 1px solid rgba(2, 2, 2, 0.1);
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: var(--spacing-24);
}
.plus-list > *::before{
  width: 13px;
  height: 18px;
  content: '+';
  position: absolute;
  top: var(--spacing-24);
  left: var(--spacing-24);
}

.media-swiper{
  max-width: 100%;
}
.media-swiper-slide {
  width: auto;
}
.media-pagination{
  display: flex;
  justify-content: center;
  gap: 5px;
}
.swiper-horizontal > .media-pagination .swiper-pagination-bullet{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
}
.media-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: rgba(2, 2, 2, 1);
}
.media-swiper-wrapper{
  max-width: 100%;
}
.media-swiper-controls{
  padding: 24px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: fit-content;
  margin: 0 auto;
}
.media-swiper-controls .media-pagination{order: 2}
.media-swiper-controls .media-button-prev{order: 1}
.media-swiper-controls .media-button-next{order: 3}
.media-button-nav{
  cursor: pointer;
}
.media-button-nav.swiper-button-disabled{
  opacity: 0.5;
  cursor: default;
}
.media-button-next svg, .media-button-prev svg {
  stroke: var(--color-text-primary);
  width: 56px;
  height: 12px;
}

.slideInfo{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 420px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  padding: var(--spacing-40);
}
.slideInfo__Title{
  font-family: var(--font-serif);
  color: #fff;
  font-size: var(--font-size-4xl);
  line-height: 1;
}
.center-accordion-wrap{
  max-width: 690px;
  margin: 0 auto calc(var(--spacing-60) * 2);
}

.prices{
  margin-bottom: var(--spacing-60);
}
.prices__caption{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-60);
}
.prices__caption__filial{
  display: flex;
  align-items: center;
  gap: 20px;
}
.ps-title .prices__Cell{
  font-family: var(--font-serif);
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
}
.prices__Row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-md);
}

.sections-prices .prices__Row{
  font-size: 16px;
}

.prices__Cell:last-child{
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}
.prices__Row.ps-values{
  border-bottom: 1px solid #02020233;
  padding: 16px 0;
  gap: 18px;
}
.prices__Row.ps-values .prices__Cell{
  color: var(--color-text-secondary);
  text-wrap: balance;
}
.prices__Cell.--price-name{
  margin-right: auto;
}
.prices__Cell.--price-value{
  white-space: nowrap;
  flex-shrink: 0;
}
.prices__Footer{
  max-width: 555px;
  margin: 0 auto;
}
.sections-prices .ps-values .prices__Cell{
  color: var(--color-text-primary);
}
.s-complexes-wrapper{
  margin-bottom: var(--spacing-60);
}
.s-discounts{
  padding: var(--spacing-40);
  background-color: #F7E5D566;
  margin-bottom: var(--spacing-60);
  overflow: hidden;
  position: relative;
}
.s-discounts::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 328px;
  height: 100%;
  background-image: url("/local/templates/marygold_2026/layout//css/../public/images/complex.png");
  background-position: 0 40%;
  background-repeat: no-repeat;
  z-index: -1;
}
.s-discounts__Title{
  font-family: var(--font-serif);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-light);
  letter-spacing: -2px;
  line-height: 1.2;
  margin-bottom: 27px;
}
.s-discounts__Row{
  align-items: flex-start;
  gap: 10px;
  font-size: 20px;
  display: none;
}
.s-discounts__Row.--active{
  display: flex;
}

.s-flex-block{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.s-button-block{
  display: flex;
  margin-top: auto;
  gap: 15px;
}
.s-button-block > button, .s-button-block > .btn{
  flex-grow: 1;
}
.s-complexes-tabs{
  display: flex;
  align-items: center;
  gap: 40px;
}
.s-complexes-tabs__Buttons{
  display: flex;
  align-items: center;
  gap: 8px;
  background: #D6EAD533;
  padding: 4px;
}
.s-complexes-tab{
  font-size: 14px;
  flex: 1;
  min-width: 140px;
  text-align: center;
  background: none;
  border: none;
  height: 40px;
  border-radius: 10px;
}
.s-complexes-tabs-content{
  display: none;
}
.s-complexes-tabs-content.--active{
  display: block;
}
.s-complexes-tab:not(.--active):hover{
  background: var(--color-green-hov);
}
.s-complexes-tab.--active{
  background: var(--color-green);
}
.v-list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.v-item{
  display: flex;
  flex-direction: column;
}
.v-item:hover .v-item__Preview img{
  transform: scale(1.05);
}
.v-item__Preview{
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.v-item__Preview img{
  transition: transform 0.25s ease-in;
  display: block;
  margin: 0 auto ;
}
.v-item__Date{
  min-height: 24px;
  display: block;
}
.v-item__Title{
  font-size: 20px;
  display: block;
  font-weight: 400;
  line-height: 1.2;
}
.center-form{
  background-color: #D6EAD533;
  padding: 50px 0;
  margin-bottom: 120px;
}
.center-form-inner{
  max-width: 700px;
  margin: 0 auto 40px;
  padding: 0 15px;
}
.center-form-inner .btn-row{
  margin-bottom: 35px;
}
.c-form__field{
  margin-bottom: 20px;
  display: block;
}
.c-form__field.--parts{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.c-form__field .textInput{
  width: 100%;
  height: 50px;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #00000033;
  outline: none;
}
.textArea{
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #00000033;
  outline: none;
  resize: vertical;
}
.c-form__field .textInput::placeholder, .c-form__field .textArea::placeholder{
  color: #02020280;
  font-size: 16px;
}
.c-form__field .textInput:focus, .c-form__field .textArea:focus{
  border-color: #000000;
}
.textArea{
  font-family: var( --font-sans);
}
.--stringField label{
  display: block;
  margin-bottom: 10px;
}

.c-form__field.--checkboxField input{
  opacity: 0;
  position: absolute;
  left: -999em;
  visibility: hidden;
}
.c-form__field.--checkboxField .label{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 1;
}
.c-form__field.--checkboxField .label a{
  text-decoration: underline;
}
.c-form__field.--checkboxField .label::before{
  display: block;
  content: '';
  width: 32px;
  height: 32px;
  border: 1px solid #020202;
  border-radius: 6px;
  flex-shrink: 0;
}
.c-form__field.--checkboxField .label::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-form__field.--checkboxField input:checked + .label::after{
  content: '';
}
.form__field.error .textInput, .form__field.error .textArea {
  border-color: #E51E1EE5;
}
.c-form__field [type=submit]{
  margin: 0 auto;
}
.success-result__icon {
  margin-bottom: 20px;
}
.success-result__icon svg {
  width: 140px;
  height: 140px;
}
#check-group {
  -webkit-animation: 0.32s ease-in-out 1.03s check-group;
  animation: 0.32s ease-in-out 1.03s check-group;
  -webkit-transform-origin: center;
  transform-origin: center;
}

#check-group #check {
  -webkit-animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#check-group #outline {
  -webkit-animation: 0.38s ease-in outline;
  animation: 0.38s ease-in outline;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

#check-group #white-circle {
  -webkit-animation: 0.35s ease-in 0.35s forwards circle;
  animation: 0.35s ease-in 0.35s forwards circle;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.form__errors.active{
  color: red;
  margin-bottom: 15px;
  font-size: 16px;
}
.success-result {
  text-align: center;
  display: none;
}
.success-result.active{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
}

.success-result__text {
  margin-bottom: 20px;
  text-wrap: balance;
}

@-webkit-keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}

@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
@-webkit-keyframes check-group {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes check-group {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.mobile-only {
  display: none;
}

/* ============================================
   RESPONSIVE
   ============================================ */
  @media (max-width: 1360px){
    :root {
      --font-size-xs: 12px;
      --font-size-sm: 14px;
      --font-size-md: 18px;
      --font-size-lg: 22px;
      --font-size-xl: 30px;
      --font-size-2xl: 34px;
      --font-size-3xl: 42px;
      --font-size-4xl: 62px;
    }
    .footer-top{
      flex-wrap: wrap;
      gap: 18px;
      flex-direction: column;
    }
  }

@media (max-width: 1200px) {
    :root {
      --container-padding: 28px;
    }
    .filter-section, .offers-section, .services-grid, .team-section, .blog-section, .footer, .stats-section, .equipment-section, .reviews-section{
      padding: 30px 0;
    }
    .services-grid{
      margin-bottom: 30px;
    }
    .training-banner, .about-banner{
      margin: 20px 0;
    }
    .offers-section {
      grid-template-columns: 250px 1fr;
      gap: 20px;
    }
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .filter-layout {
    grid-template-columns: 1fr;
  }
  
  .equipment-detail {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .team-grid, .team-grid.fours-row {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 223px;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
  }
    .nav-menu, .location-tabs, .icon-button:not(.search-button), .nav-dropdown  {
      display: none;
    }
  .icon-button.menu-button, .filter-apply-wrapper, .filter-title{
    display: block;
  }

    .logo {
      order: -1;
    }
    .mobile-only {
      display: block;
    }
    .dropdown-item{
      padding: 4px 15px;
    }
    .mobile-filter-caption{
      display: flex;
    }
    .mobile-cta-buttons{
      position: fixed;
      background-color: #fff;
      z-index: 101;
      padding: 20px;
      width: 100%;
      height: auto;
      left: 0;
      bottom: 0;
      box-shadow: 0 0 10px 15px rgba(0,0,0,0.05);
    }
    .filter-panel{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 101;
      padding: 30px 30px 80px 30px;
      transition: transform 0.25s ease-out;
      margin-top: 0;
    }
    .filter-panel.js-default{
      transform: translateY(100%);
    }
    .filter-panel.js-activated{
      transform: translateY(0);
    }
    .procedures-slide-grid .procedure-image__circle{
     width: 260px;
     height: 260px;
     left: 20%;
   }
  .procedure-card-inner{
    padding-left: 10px;
  }
  .v-item__Title{
    font-size: 16px;
  }
}
@media (max-width: 990px){
    .offers-section{
      display: block;
    }
    .offers-title{
      margin-bottom: 30px;
      text-align: center;
    }
    .offers-list{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .offers-grid{
      grid-template-columns: 1fr 1fr;
    }
  .offers-list .offer-image{
    padding: 37.18% 27.35%;
  }
    .offer-card{
      display: block;
      margin-bottom: 20px;
    }
    .offer-image {
      border-bottom-left-radius: var(--radius-lg);
      border-bottom-right-radius: var(--radius-lg);
      margin-bottom: 20px;
    }
    .hero-action-btn {
      font-size: 10px;
      padding: 10px 20px;
    }
    .hero-tabs{
      padding: 0;
    }
    .hero-tab{
      font-size: 10px;
      padding: 10px 24px;
    }
    .procedure-card-inner{
      padding-left: 0;
    }
  /* Стили для слайда на мобильных */
    .procedures-cards.swiper-wrapper{
      display: flex;
      overflow: visible;
    }
    .procedures-swiper-container {
      padding: 0;
      margin-bottom: 32px;
    }

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

    /* Стили для карточек внутри слайда */
    .procedures-slide-grid .procedure-card {
      margin: 0;
    }
    .s-button-block{
      position: absolute;
      top: calc(100% - 30px);
      left: 0;
      width: 100%;
    }
  .s-button-block a.btn{
    flex-grow: 1;
  }
    .topicSection{
      padding-bottom: 50px;
    }
   .topicSection .double_half:first-child{
     padding-right: 30px;
   }
    .v-list{
      grid-template-columns: 1fr 1fr 1fr;
    }
    .grid-description{
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .add-booking-socials{
      margin-top: 15px;
    }
  .s-discounts__Row{
    font-size: 14px;
  }
  }
@media (max-width: 860px) {
  :root {
    --container-padding: 20px;
    --font-size-xs: 14px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    --font-size-2xl: 28px;
    --font-size-3xl: 32px;
    --font-size-4xl: 48px;
  }


  
  .header-content {
    padding: 20px;
  }
  
  .hero {
    min-height: 660px;
    padding: 32px 20px;
    margin: 10px 0;
  }

  .hero-title {
    font-size: var(--font-size-3xl);
    line-height: 1;
    margin-bottom: var(--spacing-24);
  }

  .hero-logo {
    width: 100%;
  }

  .hero-actions {
    gap: var(--spacing-12);
  }

  .service-card-title {
    font-size: var(--font-size-xl);
  }
  .filter-section-intro {
    margin: 0 auto 50px;
  }

  .filter-section-intro .heading-2 {
    font-size: var(--font-size-xl);
    line-height: 1.1;
  }

  .filter-layout {
    grid-template-columns: 1fr;
  }

  .procedure-title {

  }
    .procedure-image {
      width: 178px;
      height: 200px;
    }
  
  .offers-section {
    grid-template-columns: 1fr;
  }
  .offers-title {
    font-size: var(--font-size-xl);
  }

  .offer-card.featured {
    padding: 40px 20px;
    min-height: 200px;
  }
    .stat-card:nth-child(2){
      padding-top: 2rem;
    }
    .stat-card:nth-child(3){
      padding-top: 4rem;
    }
    .stat-card:nth-child(4){
      padding-top: 6rem;
    }
  .stat-number {
    font-size: var(--font-size-3xl);
  }

  .equipment-intro .heading-2 {
    font-size: var(--font-size-xl);
  }

    .equipment-specs.active{
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

  .equipment-detail {
    display: block;
  }
  .equipment-viewer-slider{
    height: auto;
    margin-bottom: 30px;
    padding: 60px 0;
  }
    .view-all-equipment{
      justify-content: center;
      width: fit-content;
      margin: 0 auto 20px;
    }
    .equipment-viewer-slider .swiper-slide{
      transition: transform 0.25s linear;
    }
  .equipment-viewer-slider .swiper-slide.swiper-slide-active{
    transform: scale(1.75);
  }
   .equipment-viewer-slider .swiper-slide.swiper-slide-prev,
   .equipment-viewer-slider .swiper-slide.swiper-slide-next{
     transform: scale(1.25);
   }
  .equipment-viewer{
    width: 100%;
  }
  .equipment-viewer-thumbs{
    display: none;
  }

  .about-banner {
    margin: 0;
    padding: 40px 20px;
    min-height: 600px;
  }

  .about-tagline {
    font-size: var(--font-size-xl);
  }
  
  .reviews-section {
    grid-template-columns: 1fr;
    padding: 60px 0;
  }

  .reviews-sidebar .heading-2 {
    font-size: var(--font-size-xl);
  }
  
  .team-section {
    padding: 60px 0;
  }

  .team-intro .heading-2 {
    font-size: var(--font-size-xl);
  }

  .training-banner {
    margin: 0;
    padding: 40px 20px;
    min-height: 600px;
  }

  .training-title {
    font-size: var(--font-size-xl);
  }

  .training-quote {
    font-size: var(--font-size-md);
  }

  .blog-section {
    padding: 60px 0;
  }

  .blog-header .heading-2 {
    font-size: var(--font-size-xl);
  }
  
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .footer {
    padding: 40px 0;
  }

  .footer-logo {
    width: 100%;
    max-width: 280px;
  }

  .footer-ctas {
    flex-direction: column;
    width: 100%;
  }

  .footer-cta {
    width: 100%;
  }
  
  .footer-main {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
  }
  .footer-column:last-child{
    order: 1;
  }
  .footer-column:last-child{
    order: 1;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
    .footer-column-title{
      width: 100%;
    }
    .footer-column:first-child{
      order: 2;
      width: 50%;
    }
    .footer-column:nth-child(2){
      order: 2;
      width: 50%;
    }
    .footer-location{
      width: 47%;
      display: block;
    }
    .footer-phone{
      display: block;
      text-wrap: pretty;
    }
    .footer-location > *{
      margin-bottom: 15px;
    }
    .footer-divider{
      display: none;
    }
    .footer-top{
      margin-bottom: 0;
      padding-bottom: 0;
    }
  .slideInfo{
    padding: 30px;
  }
  .slideInfo__Title{
    font-size: 32px;
  }
  .check-list > *, .plus-list > *{
    font-size: 16px;
  }
  .plus-list > *{
    margin-bottom: 12px;
  }

}
@media (max-width: 752px) {
    .stats-section{
      grid-template-columns: 1fr 1fr;
    }
    .stat-card{
      min-height: auto;
    }
    .stat-card:nth-child(2),.stat-card:nth-child(3),.stat-card:nth-child(4){
      padding-top: 0;
    }
    .stat-card:nth-child(even) .stat-card__inner, .stat-card:nth-child(odd) .stat-card__inner {
      padding: 48%;
    }
    .stat-image{
      margin-top: auto;
      position: absolute;
      bottom: 0;
      right: 0;
    }
    .stat-content{
      height: 100%;
      align-items: flex-start;
      padding: 15px 0 0 15px;
    }
    .stat-number{
      font-size: 64px;
    }
    .stat-description{
      font-size: 16px;
    }
    .v-list{
      grid-template-columns: 1fr 1fr;
    }

  }
@media (max-width: 690px){
    :root{
      --spacing-60: 24px;
    }
    .double-block{
      display: flex;
      flex-direction: column;
    }
    .double-block.--mob-revers{
      flex-direction: column-reverse;
    }

    .desktop-only{
      display: none;
    }
    .procedures-grid{
      display: block;
      background: #fff;
    }
    .procedures-grid .procedure-card-inner{
      padding-left: 0;
    }
    .procedures-slide-grid{
      display: block;
    }
    .procedure-card{
      box-shadow: none;
      display: block;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      padding-right: 0;
      padding-left: 0;
    }
    .procedure-image{
      height: 190px;
    }
    .procedures-slide-grid .procedure-image__circle {
      left: 19%;
    }
    .hero-logo{
      display: none;
    }
    .hero {
      justify-content: space-between;
      padding: 20px 20px;
    }
    .hero-controls{
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      flex-grow: 1;
      margin-bottom: 0;
    }
    .hero-title{
      font-size: 48px;
    }
    .hero-tabs{
      justify-content: space-between;
      width: 100%;
    }
    .hero-branch-selector, .hero-actions{
      width: 100%;
      justify-content: space-between;

    }
    .hero-tab {
      padding: 16px 34px;
      font-size: var(--font-size-xs);
      flex-grow: 1;
    }
    .hero-action-btn {
      font-size: 14px;
      padding: 15px 15px;
      flex-grow: 1;
    }
    .hero-actions > a{
      flex-grow: 1;
    }
  .hero-actions > a .hero-action-btn{
    width: 100%;
  }
    .stats-section{
      display: block;
    }
    .stat-card:nth-child(even) .stat-card__inner, .stat-card:nth-child(odd) .stat-card__inner {
      padding: 32% 50%;
    }
    .stat-card{
      margin-bottom: 20px;
    }
    .stat-description{
      max-width: 60%;
      text-align: left;
    }
    .footer-bottom{
      display: block;
    }
    .footer-copyright{
      margin-bottom: 15px;
    }
    .buttons-call-row{
      flex-direction: column;
    }
    .buttons-call-row > * {
      width: 100%;
    }
    .media-swiper {
      height: auto;
    }
    .media-swiper-slide{
      height: 500px;
    }
    .s-topSlider:not(.--lowMobile) .media-swiper-slide {
      height: 600px;
    }
    .s-topSlider.--lowMobile .media-swiper-slide {
      height: 260px;
    }
    .media-swiper-slide img, .media-swiper-slide video{
      height: 100%;
    }
    .video-wrapper{
      min-width: auto;
    }
    .slideInfo{
      width: 100%;
      padding: 12px;
    }
    .slideInfo__Title{
      padding: 20px 0 0 15px;
    }
    .s-topSlider .media-swiper-slide img{
      width: 100%;
      object-fit: cover;
    }
    .s-button-block{
      position: static;
      display: block;
    }
    .s-button-block > *{
      width: 100%;
      margin-bottom: 10px;
    }
    .topicSection .double_half:first-child {
      padding-right: 0;
    }

    .add-picture.--mobile, .grid-description{
      display: block;
    }
    .add-picture.--desktop{
      display: none;
    }
    .add-booking{
      margin-top: 30px;
    }
    .s-discounts__Row.--active, .s-complexes-tabs{
      display: block;
    }
    span.point {
      display: block;
      opacity: 0;
      height: 10px;
    }
    .s-complexes-tabs__Buttons{
      margin-top: 15px;
    }
    .s-complexes-tab{
      min-width: auto;
    }
  .s-discounts{
    padding-bottom: 15px;
  }
    .s-discounts::after{
      position: static;
      height: 260px;
      display: block;
      margin-left: auto;
    }
  .banner-cell {
      padding: 20px;
      max-width: 100%;
    }
    .banner-cell.bottom_left {
      bottom: 15%;
    }
  }

@media (max-width: 512px){
    :root {
      --font-size-xl: 32px;
    }
    .offers-list, .offers-grid{
      display: block;
    }
    .offer-image{
      height: auto;
    }
    .equipment-specs.active{
      display: block;
    }
    .equipment-specs > div{
      margin-bottom: 20px;
    }
    .reviews-stats {
      gap: var(--spacing-40);
    }
    .review-stat {
      gap: 10px;
    }
    .stat-description {
      font-size: 12px;
    }
    .about-banner {
      padding: 20px 20px;
      background-position-x: 30%;
    }
    .about-logo {
      width: auto;
      margin-bottom: 10px;
    }
    .procedure-image {
      height: 170px;
      width: 130px;
    }

    .search-box-wrap:not(.activated){
      border: none;
    }

    .search-box{
      width: 0;
    }
    .search-box-wrap.activated .search-box{
      width: 100%;
    }
    .center-form {
      padding: 30px 0;
      margin-bottom: 60px;
    }
    .c-form__field.--parts{
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .c-form__field.--checkboxField label::before,  .c-form__field.--checkboxField label::after{
      width: 24px;
      height: 24px;
    }
    .services-slider{
      margin-bottom: 0;
    }
    .mobile-filter-caption__btn{
      flex-grow: 1;
    }
    .mobile-filter-caption__btn > button{
      width: 100%;
    }
    .c-form__field button[type=submit]{
      width: 100%;
    }
    .c-form__field .textInput {
      height: 34px;
    }
  }
@media (max-width: 412px) {
  .container{
    padding: 0 10px;
  }
  .services-grid{
    display: block;
  }
  .service-card{
    margin-bottom: 20px;
  }
  .mobile-filter-caption {
    margin-bottom: 10px;
  }
  .hero {
    padding: 15px 12px;
  }
  .hero-tab, .hero-action-btn {
    padding: 16px 0;
  }
  .v-list{
    display: block;
  }
  .banner-cell img{
    max-width: 100%;
  }
}
@media screen and (min-width: 691px){
  .mobile-only{
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .procedure-card:hover .procedure-card-inner{
    background-color: var(--color-green);
  }
}
/* End */


/* Start:/local/templates/marygold_2026/layout//fonts/stylesheet.css?17764578471155*/
@font-face {
    font-family: 'Wremena';
    src: url('/local/templates/marygold_2026/layout//fonts/Wremena-Light.eot');
    src: local('Wremena Light'), local('Wremena-Light'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Light.woff2') format('woff2'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Light.woff') format('woff'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Wremena';
    src: url('/local/templates/marygold_2026/layout//fonts/Wremena.eot');
    src: local('Wremena'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena.woff2') format('woff2'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena.woff') format('woff'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wremena';
    src: url('/local/templates/marygold_2026/layout//fonts/Wremena-Bold.eot');
    src: local('Wremena Bold'), local('Wremena-Bold'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Bold.woff2') format('woff2'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Bold.woff') format('woff'),
        url('/local/templates/marygold_2026/layout//fonts/Wremena-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* End */


/* Start:/local/templates/marygold_2026/components/bitrix/menu/main/style.css?17858961431994*/
body.filtered .pageContainer, body.filtered footer{
    filter: blur(4px);
    pointer-events: none;
}
body {
    transition: filter 0.25s linear;
}
.menu-root{
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    position: relative;
}

.menu-root > li > a{
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    padding: 4px 15px 4px 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: var(--radius-md);
    position: relative;
    background: var(--color-text-white);
}
.menu-root > li > a::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    background: #e1e2e4;
    border-radius: var(--radius-md);
    z-index: -1;
    transform: scaleX(1.03);
}
.menu-root > .active > a:before{
    background: #020202;
}
.menu-root > li.menu-parent a svg {
    width: 13px;
    height: 6px;
    stroke: rgba(2, 2, 2, 0.5);
}
.menu-sublevel-1, .menu-sublevel-2, .menu-sublevel-3{
    position: absolute;
    background: white;
    display: none;
    min-height: 100%;
    z-index: 3;
    padding: 10px;
}
.menu-sublevel-1{
    width: 100%;
}
.menu-sublevel-1 > li{
    width: 220px;
}
.menu-sublevel-1 a{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    color: #02020280;
}
.menu-sublevel-1 a svg{
    transform: rotate(-90deg);
}

.menu-root > li:hover .menu-sublevel-1{
    display: block;
}

.menu-sublevel-1 li:hover .menu-sublevel-2, .menu-sublevel-2 li:hover .menu-sublevel-3{
    display: block;
}
.menu-sublevel-2, .menu-sublevel-3{
    left: 230px;
    top: 0;
    width: max-content;
    padding: 10px;
    min-width: 220px;
}
.menu-sublevel-3{
    transform: translateX(-21px);
}
.menu-root a:hover, .menu-root .active > a{
    color: #020202;
}


/* End */


/* Start:/local/templates/marygold_2026/components/bitrix/search.title/suggest_preview/style.css?17859456381129*/
.search-block{
	transform: translateY(-20px);
	opacity: 0;
	visibility: hidden;
	height: 0;
	transition: opacity 0.25s ease-in, transform 0.25s ease-in, height 0.25s ease-in;
}
.search-block.is-activated{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	height: auto;
	padding-bottom: 10px;
}
.title-search form{
	display: flex;
	gap: 10px;
}
.title-search form input{
	flex-grow: 1;
	padding: 10px;
	height: 48px;
	border-radius: 10px;
	border: 1px solid lightgrey;
	outline-color: rgba(214, 234, 213, 1);
}
.search-preview-list{
	background: #ffffff;
	padding: 15px 0;
}
.search-preview-item {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border-bottom: 1px solid #f0f0f0;
}
.search-item-image {
	width: 90px;
	height: 90px;
	margin-right: 15px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafafa;
}
.search-item-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.search-item-info a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
@media (max-width: 600px) {
	.search-item-image{
		width: 60px;
		height: 60px;
	}
}
/* End */
/* /local/templates/marygold_2026/layout//libs/swiper/swiper-bundle.min.css?177645784714436 */
/* /local/templates/marygold_2026/layout//libs/fancybox/fancybox.min.css?178178043836450 */
/* /local/templates/marygold_2026/layout//css/variables.css?17881866246880 */
/* /local/templates/marygold_2026/layout//css/style.css?178900155374974 */
/* /local/templates/marygold_2026/layout//fonts/stylesheet.css?17764578471155 */
/* /local/templates/marygold_2026/components/bitrix/menu/main/style.css?17858961431994 */
/* /local/templates/marygold_2026/components/bitrix/search.title/suggest_preview/style.css?17859456381129 */