/* Start:/css/fancybox.css?178186203125343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}: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-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--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-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;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);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/css/normalize.css?17818620316138*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/css/scss/style.css?17822889664975*/ .sd__breadcrumbs { margin-bottom: 50px; font-size: 14px; color: #666; } .sd__breadcrumbs a { color: #7B2D8E; text-decoration: none; } .sd__breadcrumbs a:hover { text-decoration: underline; } .sd__breadcrumbs-separator { margin: 0 10px; color: #ccc; } .sd__breadcrumbs-current { color: #333; } .sd__section-title { font-size: 32px !important; font-weight: 600; color: #333; line-height: 1.3; align-items: flex-start !important; margin-bottom: 30px !important; } @media (max-width: 1200px) { .sd__section-title { margin-bottom: 20px !important; } } .sd__section-content { display: flex; flex-direction: column; } .sd__section-large-img { width: 100%; height: 600px; display: flex; border-radius: 10px; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } @media (max-width: 1200px) { .sd__section-large-img { margin-top: 20px; height: 500px; } } @media (max-width: 991px) { .sd__section-large-img { margin-bottom: 10px; } } .sd__section-large-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sd__section-info { display: flex; flex-direction: column; gap: 40px; } .sd__section-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @media (max-width: 1200px) { .sd__section-features { gap: 10px; } } @media (max-width: 991px) { .sd__section-features { grid-template-columns: 1fr; gap: 5px; } } .sd__section-info-text { font-weight: 400; font-size: 18px; line-height: 1.3; color: #000; } @media (max-width: 1200px) { .sd__section-info-text { font-size: 16px; line-height: 1.4; } } .sd__section-info-text p:last-child { margin-bottom: 0; } .sd__child-categories { display: flex; } @media (max-width: 991px) { .sd__child-categories { margin-bottom: 30px; } } .sd__child-categories-list { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 0; margin: 0; } @media (max-width: 991px) { .sd__child-categories-list { gap: 10px; } } .sd__child-categories-item { display: flex; } .sd__child-categories-link { padding: 4px 26px; border: 1px solid #7b2d8e; border-radius: 36px; font-weight: 500; font-size: 14px; line-height: 160%; color: #7b2d8e; text-decoration: none !important; outline: none !important; transition: 0.3 ease; } .sd__child-categories-link:hover { background-color: #7b2d8e; color: #fff !important; } .sd__feature-large { padding: 38px 30px; display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: center; border: 2px solid #393184; border-radius: 10px; } @media (max-width: 1200px) { .sd__feature-large { padding: 36px 20px; gap: 10px; } } @media (max-width: 991px) { .sd__feature-large { padding: 18px; } } .sd__feature-large-icon { display: flex; align-items: center; justify-content: center; } .sd__feature-large-icon svg { width: 60px; height: 60px; } .sd__feature-large-text { font-size: 18px; line-height: 1.1; color: #000; } @media (max-width: 1200px) { .sd__feature-large-text { font-size: 16px; line-height: 1.25; } } .sd__feature-large { padding: 38px 30px; display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: center; border: 2px solid #393184; border-radius: 10px; } @media (max-width: 1200px) { .sd__feature-large { padding: 36px 20px; gap: 10px; } } @media (max-width: 991px) { .sd__feature-large { padding: 18px; } } .sd__feature-large-icon { display: flex; align-items: center; justify-content: center; } .sd__feature-large-icon svg { width: 60px; height: 60px; } .sd__feature-large-text { font-size: 18px; line-height: 1.1; color: #000; } @media (max-width: 1200px) { .sd__feature-large-text { font-size: 16px; line-height: 1.25; } } .sd__form { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 100px; overflow: hidden; border-radius: 10px; background: rgba(110, 25, 106, 0.1215686275); padding: 60px 120px; margin-bottom: 65px; } @media (max-width: 1200px) { .sd__form { gap: 30px; padding: 60px; margin-bottom: 40px; } } @media (max-width: 991px) { .sd__form { padding: 33px 20px 38px; } } .sd__form-text { display: flex; max-width: 430px; font-weight: 700; font-size: 28px; line-height: 1.2; color: #000; } @media (max-width: 991px) { .sd__form-text { font-size: 24px; } } .sd__form-btn { padding: 16px 84px !important; font-size: 18px !important; line-height: 1; flex: initial !important; border-radius: 8px !important; transform: translateY(0) !important; } .sd__product-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 60px; } .sd__container { width: 100% !important; padding: 0; }/*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/components/custom/cart.widget/templates/.default/style.css?17818620314434*/ /* Основные стили виджета корзины */ .cart-widget { position: relative; display: flex; align-items: center; align-content: center; } .cart-widget__link { display: flex; align-items: center; gap: 12px; padding: 8px 12px; text-decoration: none; color: #fff; border-radius: 8px; transition: all 0.3s ease; } .cart-widget__link:hover { background: rgba(123, 45, 142, 0.1); color: #fff; } .cart-widget__icon { position: relative; display: flex; align-items: center; justify-content: center; } .cart-widget__svg { transition: transform 0.3s ease; } .cart-widget__link:hover .cart-widget__svg { transform: scale(1.1); } .cart-widget__count { position: absolute; top: -8px; right: -8px; min-width: 20px; height: 20px; background: #7B2D8E; color: white; border-radius: 10px; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 0 6px; animation: cartBadgeAnimation 0.3s ease; } @keyframes cartBadgeAnimation { 0% { transform: scale(0); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .cart-widget__text { display: flex; flex-direction: column; } .cart-widget__label { font-size: 14px; font-weight: 500; line-height: 1; } .cart-widget__total { font-size: 12px; color: #666; line-height: 1; margin-top: 2px; } /* Выпадающее меню корзины */ .cart-widget__dropdown { position: absolute; top: 100%; right: 0; width: 320px; background: white; border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; margin-top: 8px; } .cart-widget:hover .cart-widget__dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .cart-widget__dropdown-content { padding: 20px; } /* Пустая корзина */ .cart-widget__empty { text-align: center; padding: 20px 0; color: #666; } .cart-widget__empty-icon { margin-bottom: 12px; color: #ccc; } .cart-widget__empty p { margin: 0 0 4px 0; font-weight: 500; } .cart-widget__empty small { font-size: 12px; color: #999; } /* Товары в корзине */ .cart-widget__items { max-height: 300px; overflow-y: auto; } .cart-widget__item { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; } .cart-widget__item:last-child { border-bottom: none; } .cart-widget__item-image { width: 50px; height: 50px; border-radius: 6px; overflow: hidden; flex-shrink: 0; background: #f5f5f5; } .cart-widget__item-image img { width: 100%; height: 100%; object-fit: cover; } .cart-widget__item-info { flex: 1; display: flex; flex-direction: column; gap: 4px; } .cart-widget__item-name { font-size: 14px; font-weight: 500; color: #333; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cart-widget__item-details { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666; } .cart-widget__item-quantity { font-weight: 500; } .cart-widget__item-price { font-weight: 600; color: #7B2D8E; } /* Подвал корзины */ .cart-widget__footer { border-top: 1px solid #e0e0e0; padding-top: 16px; margin-top: 16px; } .cart-widget__total-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 16px; } .cart-widget__total-label { font-weight: 500; color: #fff; } .cart-widget__total-amount { font-weight: 600; color: #7B2D8E; font-size: 18px; } .cart-widget__checkout-btn { display: block; width: calc(100% - 40px); padding: 12px 20px; background: #7B2D8E; color: white; text-align: center; text-decoration: none; border-radius: 8px; font-weight: 500; transition: background 0.3s ease; } .cart-widget__checkout-btn:hover { background: #6A2577; } /* Анимация обновления счетчика */ .cart-counter--updated { animation: cartCounterPulse 0.6s ease; } @keyframes cartCounterPulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } /* Адаптивность */ @media (max-width: 768px) { .cart-widget__dropdown { width: 280px; right: 0px; } } @media (max-width: 480px) { .cart-widget__dropdown { width: calc(100vw - 40px); right: 0px; } } /* End */ /* Start:/local/components/craft/cookie.agree/templates/.default/style.css?17830673341226*/ .cookie-agree { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #e0d4e0; padding: 35px 0; z-index: 99; border-radius: 12px 12px 0 0; } @media (max-width: 1200px) { .cookie-agree { padding: 28px 0; } } @media (max-width: 767px) { .cookie-agree { padding: 20px 0; } } .cookie-agree__container { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 100px; max-width: 1640px; margin: 0 auto; padding: 0 40px; } @media (max-width: 1200px) { .cookie-agree__container { gap: 20px; } } @media (max-width: 767px) { .cookie-agree__container { padding: 0 20px; grid-template-columns: 1fr; gap: 16px; } } .cookie-agree__text { max-width: 767px; font-size: 18px; line-height: 1.33; color: #000; } @media (max-width: 1200px) { .cookie-agree__text { max-width: 654px; } } @media (max-width: 991px) { .cookie-agree__text { font-size: 16px; line-height: 1.25; } } .cookie-agree__text a { color: #7b2d8e; text-decoration: underline; transition: 0.3s ease; } .cookie-agree__text a:hover { text-decoration: none; } .cookie-agree__button { text-align: center; }/*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/steklodesign/template_styles.css?178332972363043*/ :root { --purple:#6E196A; --blue:#393184; --black;:#1111; --white:#ffffff; --gold:##C8AF72; --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); --text-dark: #222222; --text-light: #666666; --bg-light: #F9F9FB; --border-color: #EAEAEA; } html { font-size: 100% !important; color: var(--black);; font-family: 'Onest', sans-serif !important; } body { font-family: 'Onest', sans-serif !important; font-size: 100% !important; line-height: 1.42857143; } .bx-filter.bx-blue .btn-themes { background: var(--purple); border: none; } .bx-filter .bx-filter-parameters-box-title span { color: var(--purple); } .wrapper { width: 73.75rem; margin: auto; position: relative; padding: 0 0.63rem 0 0.63rem; } .sdmain-reviews__slider, .sdmain-portfolio__slider, .sdmain-certs__slider { overflow: visible !important; } .sdmain-reviews__slider .swiper-button-prev, .sdmain-portfolio__nav--prev, .sdmain-certs__nav--prev { left: -60px; background: rgba(255,255,255,0.7); padding: 1rem; } .sdmain-reviews__slider .swiper-button-next, .sdmain-portfolio__nav--next, .sdmain-certs__nav--next { right: -60px; background: rgba(255,255,255,0.7); padding: 1rem; } a { color: var(--purple); } h1 { font-size: 3.00rem; font-family: 'Onest', sans-serif; font-weight: 500; } .page-title { padding-left: 3.94rem !important; } .page-title:before { display: block; width: 3.13rem; height: 2.13rem; background: url('/img/page-title-before.png') no-repeat; content: ' '; position: absolute; margin-top: 1.00rem; margin-left: -3.94rem; } .cat-link { font-size: 0.81rem; color: #c8af72; text-transform: uppercase; margin-left: 0.44rem; } .cat-link:hover { text-decoration: none; } .bx_profile .main-profile-social-block { display: none; } .bx-breadcrumb { padding: 2.19rem 0 2.19rem 0; } .bx-breadcrumb a { font-size: 0.81rem; font-family: 'Onest'; text-transform: uppercase; text-decoration: none; } .bx-breadcrumb .main-b a { padding-right: 0.31rem; display: inline-block; } .bx-breadcrumb .bx-breadcrumb-item { display: inline-block; margin: 0 0.31rem 0 0.31rem; } .button, [type="reset"], [type="submit"], .bx-blue .btn.btn-default, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored { position: relative; padding: 1rem 2rem; border: none; border-radius: 20px; background: var(--purple); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18); color: white; font-weight: 600; font-size: 1rem; cursor: pointer; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .button:hover, [type="reset"]:hover, [type="submit"]:hover, .bx-blue .btn.btn-default:hover, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored:hover { transform: translateY(-2px) scale(1.02); background: rgba(110, 25, 106, 0.9); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); } .button:active, [type="reset"]:active, [type="submit"]:active, .bx-blue .btn.btn-default:active, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored:active { transform: translateY(-1px) scale(0.98); background: var(--blue); } .button::after, [type="reset"]::after, [type="submit"]::after, .bx-blue .btn.btn-default::after, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); border-radius: inherit; } .button:hover::after, [type="reset"]:hover::after, [type="submit"]:hover::after, .bx-blue .btn.btn-default:hover::after, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored:hover::after { top: 0; } .button::before, [type="reset"]::before, [type="submit"]::before, .bx-blue .btn.btn-default::before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease-out, height 0.6s ease-out; } .button:active::before, [type="reset"]:active::before, [type="submit"]:active::before, .bx-blue .btn.btn-default:active::before, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-button.bx-soa-button-colored:active::before { width: 300px; height: 300px; } .header__top { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.25rem; padding-bottom: 1.25rem; } .header__top-left, .header__top-right { width: 50%; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .header__top-right { justify-content: flex-end; } .header__top-soc-item-src { width: 2.5rem; height: 2.5rem; } .header__top-menu { display: flex; align-items: center; align-content: center; flex-wrap: wrap; margin-left: 3rem; } .menu-item { text-decoration: none; margin-right: 1.5rem; color: var(--black); transition: var(--transition); } .menu-item:hover { color: var(--purple); text-decoration: underline; } .header__top-phone { font-size: 1.375rem; color: var(--blue); text-decoration: none; } .header__top-phone span { color: var(--gold) !important; } .header__top-button { margin: 0 1.5rem; } .header__top-soc { display: flex; gap:0.62rem; align-items: center; align-content: center; flex-wrap: wrap; } .header__top-soc-item { } .header__top-soc-item:hover .header__top-soc-item-src { transform: scale(1.05); transition: var(--transition); } .sd__catalog-menu { background: var(--blue); border-bottom: 1px solid #e0e0e0; color: var(--white); position: relative; z-index: 1000; position: -webkit-sticky; /* Для совместимости с Safari */ position: sticky; top: 0; /* Прилипает к самому верху экрана */ z-index: 1000; /* Убедитесь, что меню будет поверх других элементов */ box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: flex; flex-wrap: wrap; align-items: center; align-content: center; max-width: 100%; } .sd__menu-container { display: flex; align-items: center; align-content: center; flex-wrap: wrap; width: 100% !important; max-width: 73.75rem; } .sd__menu-list { display: flex; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; width: calc(100% - 240px); } /* Бургер меню для скрытых пунктов */ .sd__burger-menu { position: relative; } .sd__burger-button { display: flex; align-items: baseline; padding: 15px 20px; background: none; border: none; color: var(--white); font-weight: 500; cursor: pointer; transition: all 0.3s ease; border-radius: 4px; margin: 5px 0; font-family: inherit; font-size: inherit; text-decoration: none; } .sd__burger-button:hover { background-color: var(--purple); color: var(--white); } .sd__burger-icon { width: 20px; height: 16px; position: relative; margin-right: 8px; } .sd__burger-icon span { display: block; height: 2px; width: 100%; background: currentColor; margin: 3px 0; transition: all 0.3s ease; } .sd__burger-dropdown { position: absolute; scrollbar-color: #ffffff #393184; left: 0; background: var(--blue); min-width: 250px; max-width: 350px; width: 350px; border-radius: 8px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1002; max-height: 400px; overflow-y: auto; } .sd__burger-menu:hover .sd__burger-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .sd__burger-dropdown-content { padding: 10px 0; } .sd__burger-dropdown-item { display: block; padding: 12px 20px; color: var(--white); text-decoration: none; transition: all 0.3s ease; border-left: 3px solid transparent; font-weight: 500; } .sd__burger-dropdown-item:hover { background-color: var(--blue); color: var(--white); border-left-color: var(--purple) } .sd__item-count { float: right; background: var(--purple); color: var(--white); font-size: 12px; padding: 2px 8px; border-radius: 12px; margin-left: 10px; } .sd__menu-item { position: relative; } .sd__menu-item.sd__extra-item { display: none; } .sd__menu-item.sd__products-mobile-item { display: none; } .sd__menu-link { display: flex; align-items: center; padding: 15px 20px; text-decoration: none; color: var(--white); font-weight: 500; transition: all 0.3s ease; border-radius: 4px; margin: 5px 0; } .sd__menu-link:hover { background-color: var(--purple); color: var(--white); text-decoration: none; } .sd__menu-link .sd__arrow { margin-left: 8px; font-size: 12px; transition: transform 0.3s ease; } .sd__menu-item:hover .sd__arrow { transform: rotate(180deg); } /* Стили выпадающего меню */ .sd__dropdown { position: absolute; top: 100%; left: 0; background: var(--blue); min-width: 280px; border-radius: 8px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1001; } .sd__menu-item:hover .sd__dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .sd__dropdown-content { padding: 10px 0; } .sd__dropdown-item { display: block; padding: 12px 20px; color: var(--white); text-decoration: none; transition: all 0.3s ease; border-left: 3px solid transparent; } .sd__dropdown-item:hover { background-color: var(--purple); color: var(--white); border-left-color: var(--blue); } .sd__dropdown-item .sd__item-count { float: right; background: #e9ecef; color: #6c757d; font-size: 12px; padding: 2px 8px; border-radius: 12px; margin-left: 10px; min-width: 32px; box-sizing: border-box; text-align: center; } .sd__dropdown-item:hover .sd__item-count { background: #007bff; color: white; } .sd__dropdown-item--extra { display: none; } /* Разделитель в выпадающем меню */ .sd__dropdown-divider { height: 1px; background: #e0e0e0; margin: 5px 0; } /* Мобильная версия */ .sd__mobile-menu-toggle { display: none; background: none; border: none; font-size: 24px; cursor: pointer; padding: 15px 20px; } @media (max-width:1080px) { .header__top { padding-top: 1rem; padding-bottom: 1rem; } .header__top-left { width: 63%; } .header__top-right { width: 37%; } .header__top-phone { display: none; } } @media (max-width:990px) { html, body { max-width: 100%; } .header__top-left { width: 160px; } .header__top-right { width: calc(100% - 160px); } .header__top-menu { display: none; } .sd__mobile-menu-toggle { color: var(--white); } .sd__menu-container { justify-content: space-between; } .sd__mobile-menu-toggle { display: block; } .sd__menu-list { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: var(--blue); box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 0 0 8px 8px; width: 100%; /*max-height: calc(100vh - 60px);*/ height: 100dvh; padding-bottom: 200px; overflow-x: hidden; box-sizing: border-box; } .sd__menu-list.sd__active { display: block; } .sd__menu-item, .sd__menu-item.sd__extra-item { width: 100%; display: block; } .sd__burger-menu { display: none; } .sd__menu-item.sd__products-mobile-item { display: block; } .sd__dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: none; border-top: 1px solid #e0e0e0; border-radius: 0; display: none; } .sd__menu-item.sd__active .sd__dropdown { display: block; } .sd__menu-item .sd__menu-link .sd__arrow{ transform: rotate(0) !important; transition: transform 0.3s ease; -webkit-tap-highlight-color: transparent; outline: none; } .sd__menu-item.sd__active .sd__menu-link .sd__arrow{ transform: rotate(180deg) !important; transition: transform 0.3s ease; } .sd__dropdown-item--extra { display: block; } .sd__menu-link { justify-content: space-between; margin: 0; border-radius: 0; position: relative; } .sd__menu-link .sd__arrow { position: absolute; right: 20px; top: 0; transform: translateY(0); height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; margin: 0; } .header__top-button { display: none; } .sd__products-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .sdmain-solutions__image { max-width: 100%; } } /* Дополнительные стили для красивого отображения */ .sd__section-description { font-size: 12px; color: #888; margin-top: 4px; font-weight: normal; } .sd__no-items { padding: 20px; text-align: center; color: #888; font-style: italic; } .sd__menu-right { width: 240px; display: flex; align-content: center; align-items: center; justify-content: flex-end; } .sale-personal-section-index-block { height: auto !important; background: var(--purple) !important; } .catalog-section { display: flex; flex-wrap: wrap; gap: 23px; margin-top: 3rem; } .catalog-section__sidebar { width: 25%; } .catalog-section__content { width: calc(75% - 23px); } .sd__catalog-section { max-width: 1200px; margin: 0 auto; padding: 20px; } /* Заголовок раздела */ .sd__section-header { margin-bottom: 30px; } .sd__section_title { font-size: 32px; font-weight: 700; margin: 0; position: relative; padding-left: 15px; } .sd__section_title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 80%; background-color: var(--purple); } .sd__section-icon { font-size: 36px; margin-right: 15px; } .sd__section-description { font-size: 16px; color: #666; line-height: 1.6; max-width: 800px; margin: 0 auto; } /* Элементы управления каталогом */ .sd__catalog-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } .sd__results-count { font-size: 16px; color: #666; } .sd__view-controls { display: flex; align-items: center; gap: 10px; } .sd__view-label { font-size: 14px; color: #666; } .sd__sort-select { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; background: white; font-size: 14px; min-width: 180px; } /* Сетка товаров */ .sd__products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); gap: 30px; margin-bottom: 40px; } /* Карточка товара */ .sd__product-card { background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; position: relative; display: flex; flex-direction: column; } .sd__product-card:hover { box-shadow: 0 12px 30px rgba(0,0,0,0.12); border-color: #e0e0e0; transform: translateY(-4px); } /* Скидка */ .sd__product-discount { position: absolute; top: 15px; left: 15px; background: #7B2D8E; color: white; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; z-index: 2; } /* Изображение товара */ .sd__product-image { height: 250px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f9f9f9; position: relative; } .sd__product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .sd__product-card:hover .sd__product-image img { transform: scale(1.08); } .sd__product-no-image { color: #ccc; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } /* Быстрые действия при наведении */ .sd__product-quick-actions { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 10px; opacity: 0; transition: opacity 0.3s ease; } .sd__product-card:hover .sd__product-quick-actions { opacity: 1; } .sd__quick-btn { width: 44px; height: 44px; border: none; background: rgba(255,255,255,0.95); color: #333; border-radius: 50%; padding: 0 !important; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.15); font-size: 0.5rem !important; } .sd__quick-btn:hover { background: #7B2D8E; color: white; transform: scale(1.1); } /* Информация о товаре */ .sd__product-info { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .sd__product-name { font-size: 18px; font-weight: 500; margin: 0 0 10px 0; line-height: 1.4; flex-grow: 1; } .sd__product-name a { color: #333; text-decoration: none; } .sd__product-name a:hover { color: #7B2D8E; } .sd__product-preview { font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 15px; } /* Цены */ .sd__product-price { margin-bottom: 20px; } .sd__price-current { font-size: 20px; font-weight: 600; color: #333; } .sd__price-old { font-size: 16px; color: #888; text-decoration: line-through; margin-left: 10px; } .sd__price-request { font-size: 18px; color: #666; font-weight: 500; } /* Кнопки действий */ .sd__product-actions { display: flex; gap: 10px; margin-top: auto; } .sd__btn { padding: 12px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; flex: 1; } .sd__btn--primary { background: #7B2D8E; color: white; } .sd__btn--primary:hover { background: #6A2577; transform: translateY(-1px); } .sd__btn--secondary { background: transparent; color: #7B2D8E; border: 2px solid #7B2D8E; } .sd__btn--secondary:hover { background: #7B2D8E; color: white; transform: translateY(-1px); } /* Состояние "Нет товаров" */ .sd__no-products { text-align: center; padding: 60px 20px; color: #666; } .sd__no-products-icon { margin-bottom: 20px; color: #ccc; } .sd__no-products h3 { font-size: 24px; margin-bottom: 10px; color: #333; } .sd__no-products p { font-size: 16px; line-height: 1.6; } .sd__no-products a { color: #7B2D8E; text-decoration: none; } .sd__no-products a:hover { text-decoration: underline; } /* Пагинация */ .sd__pagination { margin-bottom: 4rem; } .bx-pagination .bx-pagination-container ul li.bx-active span { background: #7B2D8E; } /* Адаптивность */ @media (max-width: 768px) { .catalog-section { margin-top: 1rem; } .sd__catalog-section { padding: 0px; } .sd__products-grid { grid-template-columns: repeat(auto-fill, minmax(48%, 2fr)); gap: 20px; } .sd__catalog-controls { flex-direction: column; gap: 15px; align-items: flex-start; } .sd__section-title { font-size: 28px; flex-direction: column; gap: 10px; } .sd__product-actions { flex-direction: column; } .sd__product-image { height: 200px; } } @media (max-width: 480px) { .sd__products-grid { grid-template-columns: 1fr; } .sd__section-title { font-size: 24px; } .sd__sort-select { width: 100%; } } .sdmain-reveal-section { opacity: 0; transform: translateY(30px); /* Можете изменить значение сдвига */ transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .sdmain-reveal-section.is-visible { opacity: 1; transform: translateY(0); } .clear { clear: both; } .basket-checkout-container.basket-checkout-container-fixed { top:63px; } /* Основные стили контейнера */ .sd__sections-carousel-container { margin-top: 3rem; } .sd__section-block { margin-bottom: 60px; background: #fff; } /* Заголовок раздела */ .sd__section-header { margin-bottom: 20px; margin-top: 30px; } .sd__section-title { font-size: 28px; font-weight: 600; margin: 0; display: flex; align-items: center; color: #333; } .sd__section-title a { color: inherit; text-decoration: none; margin-left: 12px; } .sd__section-title a:hover { color: #7B2D8E; } .sd__section-icon { font-size: 32px; } /* Карусель */ .sd__products-carousel { position: relative; display: flex; align-items: center; margin: 0 20px; } .sd__products-wrapper { flex: 1; overflow: hidden; margin: 0 20px; } .sd__products-track { display: flex; gap: 20px; transition: transform 0.3s ease; will-change: transform; } .bx-filter-block input { padding: 8px 16px !important; } /* Кнопки навигации */ .sd__carousel-btn { width: 48px; height: 48px; border: none; background: #7B2D8E; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; flex-shrink: 0; z-index: 2; padding: 0 !important; } .sd__carousel-btn:hover { background: #6A2577; transform: scale(1.05); } .sd__carousel-btn:disabled { background: #ccc; cursor: not-allowed; transform: none; } /* Карточка товара */ .sd__product-card { min-width: 280px; max-width: 280px; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; position: relative; flex-shrink: 0; } .sd__product-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.1); border-color: #e0e0e0; transform: translateY(-2px); } /* Скидка */ .sd__product-discount { position: absolute; top: 12px; left: 12px; background: #7B2D8E; color: white; padding: 4px 8px; border-radius: 20px; font-size: 12px; font-weight: 600; z-index: 1; } /* Изображение товара */ .sd__product-image { height: 220px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f9f9f9; } .sd__product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .sd__product-card:hover .sd__product-image img { transform: scale(1.05); } .sd__product-no-image { color: #ccc; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } /* Информация о товаре */ .sd__product-info { padding: 16px; } .sd__product-name { font-size: 16px; font-weight: 500; margin: 0 0 12px 0; line-height: 1.4; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sd__product-name a { color: #333; text-decoration: none; } .sd__product-name a:hover { color: #7B2D8E; } /* Цены */ .sd__product-price { margin-bottom: 16px; } .sd__price-current { font-size: 18px; font-weight: 600; color: #333; } .sd__price-old { font-size: 14px; color: #888; text-decoration: line-through; margin-left: 8px; } .sd__price-request { font-size: 16px; color: #666; font-weight: 500; } /* Кнопки действий */ .sd__product-actions { display: flex; gap: 8px; } .sd__btn { padding: 8px 16px; border: none; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; flex: 1; } .sd__btn--primary { background: #7B2D8E; color: white; } .sd__btn--primary:hover { background: #6A2577; } .sd__btn--secondary { background: transparent; color: #7B2D8E; border: 1px solid #7B2D8E; } .sd__btn--secondary:hover { background: #7B2D8E; color: white; } /* Кнопка "Все товары" */ .sd__section-footer { text-align: center; margin-top: 30px; padding: 0 20px; } .sd__btn--view-all { background: #7B2D8E; color: white; padding: 12px 40px; font-size: 16px; border-radius: 6px; text-transform: none; min-width: 200px; } .sd__btn--view-all:hover { background: #6A2577; color: white; text-decoration: none; } /* Адаптивность */ @media (max-width: 1200px) { .sd__product-card { min-width: 220px; max-width: 30%; } } @media (max-width: 768px) { .sd__products-carousel { margin: 0 10px; } .sd__products-wrapper { margin: 0 10px; } .sd__product-card { min-width: 220px; max-width: 100%; } .sd__section-header { padding: 0 10px; } .sd__section-footer { padding: 0 10px; } .sd__carousel-btn { width: 40px; height: 40px; } } @media (max-width: 480px) { .sd__section-title { font-size: 24px; } .sd__product-actions { flex-direction: column; } } .footer { background-color: #fff; font-size: 14px; line-height: 1.6; border-top: 1px solid #EAEAEA; } .footer__wrapper { padding-top: 40px; padding-bottom: 40px; } /* --- Верхняя часть подвала --- */ .footer__main { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 40px; border-bottom: 1px solid #EAEAEA; } .footer__column { padding: 0 20px; border-right: 1px solid #EAEAEA; } .footer__column:first-child { padding-left: 0; } .footer__column:last-child { border-right: none; padding-right: 0; } /* --- Колонка 1: Лого и оплата --- */ .footer__column--info { flex: 1.2; } .footer__logo img { display: block; max-width: 150px; margin-bottom: 30px; } .footer__payment-title { margin: 0 0 10px 0; font-size: 14px; color: #777; } .footer__payment-systems { display: flex; gap: 10px; align-items: center; } .footer__payment-icon { height: 24px; } /* --- Колонки 2 и 3: Навигация --- */ .footer__column--nav { flex: 1; } .footer__nav-list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; } .footer__nav-item { list-style: none; margin: 0; padding: 0; } .footer__nav-link { font-size: 15px; } /* --- Колонка 4: Контакты и действия --- */ .footer__column--contacts { flex: 1.5; display: flex; flex-direction: column; justify-content: space-between; } .footer__contact-link { display: block; font-style: normal; } .footer__contact-link--phone { font-size: 20px; font-weight: 700; margin-bottom: 5px; } .footer__contact-link--email { font-size: 16px; margin-bottom: 15px; text-decoration: underline; text-decoration-color: #ccc; text-underline-offset: 4px; } .footer__address { margin: 0; font-size: 14px; color: #555; line-height: 1.5; } .footer__actions { display: flex; align-items: center; gap: 20px; margin-top: 20px; } .footer__button { } .footer__button:hover { } .footer__socials { display: flex; gap: 10px; } .footer__social-link svg { display: block; transition: opacity 0.3s ease; } .footer__social-link:hover { opacity: 0.8; } /* --- Нижняя часть подвала --- */ .footer__bottom { padding-top: 30px; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 13px; color: #777; } .footer__copyright { margin: 0; } .footer__legal-links { display: flex; gap: 30px; } .footer__legal-link { color: #777; text-decoration: underline; text-decoration-color: #ccc; text-underline-offset: 4px; } .footer__legal-link:hover { color: #333; text-decoration-color: #333; } /* --- Адаптивность (для мобильных устройств) --- */ @media (max-width: 1024px) { .footer__main { flex-wrap: wrap; } .footer__column { min-width: calc(50% - 40px); /* По 2 колонки в ряд */ border-right: none; padding: 0; margin-bottom: 30px; } .footer__column--info, .footer__column--contacts { flex-basis: 100%; /* Первая и последняя колонки на всю ширину */ } } @media (max-width: 768px) { .footer__main { flex-direction: column; gap: 30px; border-bottom: none; padding-bottom: 0; } .footer__column { border-right: none; padding: 20px 0; margin-bottom: 0; border-bottom: 1px solid #EAEAEA; } .footer__column:last-child { border-bottom: none; } .footer__bottom { flex-direction: column; align-items: flex-start; gap: 15px; } .footer__legal-links { flex-direction: column; gap: 10px; } } .contacts-page__wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .contacts-page__section { padding: 30px; border: 1px solid #EAEAEA; border-radius: 8px; } .contacts-page__title { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #333; } .contacts-page__item { margin-bottom: 15px; } .contacts-page__item-title { font-weight: 500; color: #555; margin-bottom: 5px; } .contacts-page__address-line, .contacts-page__phone-link, .contacts-page__email-link { display: block; color: #333; line-height: 1.5; } .contacts-page__phone-link { text-decoration: none; } .contacts-page__email-link { text-decoration: underline; text-decoration-color: #ccc; text-underline-offset: 2px; } .contacts-page__requisites-link { display: inline-block; color: #5D3A7D; text-decoration: none; border-bottom: 1px solid #5D3A7D; padding-bottom: 2px; transition: color 0.3s ease, border-bottom-color 0.3s ease; } .contacts-page__requisites-link:hover { color: #4a2e63; border-bottom-color: #4a2e63; } .personal-order-item-container { background: #F5F5F5; border:1px solid #DCDCDC; } .bx-filter.bx-blue .bx-filter-section { background: #F5F5F5; border:1px solid #DCDCDC; } .sdmain-wrapper { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .sdmain-section { padding: 60px 0; overflow: hidden; } .sdmain-section:nth-of-type(even) { background-color: var(--bg-light); } .sdmain-section__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .sdmain-section__title { font-size: 32px; font-weight: 700; margin: 0; position: relative; padding-left: 15px; } .sdmain-section__title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 80%; background-color: var(--purple); } .sdmain-section__link { color: var(--purple); text-decoration: none; font-weight: 600; transition: opacity 0.3s; } .sdmain-section__link:hover { opacity: 0.8; } .sdmain-button { background-color: var(--purple); color: #fff; border: none; padding: 15px 30px; font-size: 16px; font-weight: 600; font-family: var(--font-family); border-radius: 8px; cursor: pointer; transition: background-color 0.3s; text-decoration: none; } .sdmain-button:hover { background-color: #4a2e63; } /* ======================================== 1. ГЛАВНЫЙ ЭКРАН ======================================== */ .sdmain-hero { min-height: 500px; position: relative; display: flex; align-items: center; background: var(--bg-light); } .sdmain-hero__slider { position: absolute; top: 0; left: 0; width: 100%; } .sdmain-hero__slide { background: var(--bg-light); padding-top: 5rem; padding-bottom: 5rem; } .sdmain-hero__wrapper { display: flex; align-items: center; justify-content: space-between; align-content: center; } .sdmain-hero__text-content { max-width: 500px; } .sdmain-hero__title { font-size: 48px; font-weight: 700; line-height: 1.2; margin: 0 0 20px 0; } .sdmain-hero__subtitle { font-size: 18px; margin-bottom: 30px; opacity: 0.9; } .sdmain-hero__image-content { background-color: var(--blue); border-radius: 50%; aspect-ratio: 1/1; display: flex; align-content: center; align-items: center; justify-self: center; } .sdmain-hero__image-content img{ margin-top: -2rem; margin-bottom: -2rem; } .sdmain-hero__nav { color: var(--purple); } /* ======================================== 2. ГОТОВЫЕ РЕШЕНИЯ ======================================== */ .sdmain-solutions__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .sdmain-solutions__item { background-color: var(--blue); border-radius: 8px; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; text-decoration: none; } .sdmain-solutions__item-title { padding: 20px; margin: 0; font-size: 20px; color: var(--white); width: calc(50% - 40px); font-weight: 400; } .sdmain-solutions__item-title span { display: block; font-size: 16px; } .sdmain-solutions__image-wrap { width: 50%; } .sdmain-solutions__image { margin-top: -30px; margin-bottom: -30px; } .sdmain-solutions__item:hover .sdmain-solutions__image { transform: scale(1.05); transition: var(--transition); } /* ======================================== 3. ПОД ЗАКАЗ ======================================== */ .sdmain-custom__slider .swiper-wrapper { height: auto; } .sdmain-custom__slide { text-align: center; } .sdmain-custom__slide { background: var(--blue); color: var(--white); text-decoration: none; border-radius: 8px; overflow: hidden; } .sdmain-custom__slide img { border-radius: 8px; margin-bottom: 15px; width: 100%; height: 350px; object-fit: cover; } .sdmain-custom__slide p { font-weight: 600; color: var(--white); font-size: 20px; text-decoration: none; min-height: 4rem; } .sdmain-custom__slide:hover img { transform: scale(1.05); transition: var(--transition); } /* Общие стили для навигации слайдеров (кроме hero) */ .sdmain-custom__nav, .sdmain-certs__nav, .sdmain-portfolio__nav, .sdmain-reviews__nav { color: var(--purple); } /* ======================================== 4. СЕРТИФИКАТЫ ======================================== */ .sdmain-certs__slider .swiper-wrapper { height: auto; } .sdmain-certs__slide img { border: 1px solid var(--border-color); border-radius: 8px; width: 100%; height: auto; object-fit: cover; } /* ======================================== 5. ПОРТФОЛИО ======================================== */ .sdmain-portfolio .swiper-wrapper { height: auto; } .sdmain-portfolio__slide img { border-radius: 8px; width: 100%; height: auto; object-fit: cover; } /* ======================================== 6. КАК ПОЙДЕТ РАБОТА ======================================== */ .sdmain-process__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px; } .sdmain-process__item { display: flex; align-items: flex-start; gap: 20px; } .sdmain-process__number { font-size: 48px; font-weight: 700; color: var(--purple); opacity: 0.5; line-height: 1; } .sdmain-process__item-title { margin: 0 0 5px 0; font-size: 18px; } .sdmain-process__item-desc { margin: 0; color: var(--text-light); } /* ======================================== 7. ПАРТНЕРЫ ======================================== */ .sdmain-partners__grid { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; } .sdmain-partners__logo { max-height: 60px; width: auto; filter: grayscale(100%); opacity: 0.6; transition: all 0.3s; } .sdmain-partners__logo:hover { filter: grayscale(0%); opacity: 1; } /* ======================================== 8. СТАТЬИ ======================================== */ .sdmain-articles__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .sdmain-articles__card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .sdmain-articles__content { padding: 25px; } .sdmain-articles__image { width: 100%; } .sdmain-articles__card-title { margin: 0 0 10px 0; } .sdmain-articles__card-excerpt { margin: 0 0 20px 0; color: var(--text-light); } .sdmain-articles__date { font-size: 14px; color: #999; } /* ======================================== 9. ОТЗЫВЫ ======================================== */ .sdmain-reviews .swiper-wrapper { height: auto; } .sdmain-reviews__card { background-color: #fff; padding: 30px; border-radius: 8px; border: 1px solid var(--border-color); } .sdmain-reviews__text { font-size: 16px; line-height: 1.6; margin: 0 0 20px 0; } .sdmain-reviews__author { font-weight: 600; color: var(--purple); } /* ======================================== 10. ВОПРОС-ОТВЕТ ======================================== */ .sdmain-faq__accordion { max-width: 800px; border-top: 1px solid var(--border-color); } .sdmain-faq__item { border-bottom: 1px solid var(--border-color); } .sdmain-faq__question { width: 100%; background: none; border: none; text-align: left; padding: 20px; font-size: 18px; font-weight: 600; font-family: var(--font-family); cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .sdmain-faq__question::after { content: '+'; font-size: 24px; font-weight: 400; color: var(--purple); transition: transform 0.3s ease; } .sdmain-faq__question.active::after { transform: rotate(45deg); } .sdmain-faq__answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out; } .sdmain-faq__answer p { padding: 0 20px 20px 20px; margin: 0; line-height: 1.6; color: var(--text-light); } .sdmain-faq__answer.active { max-height: 200px; /* Установить достаточное значение */ } /* ======================================== 11. SEO ТЕКСТ ======================================== */ .sdmain-seo__text { max-width: 800px; line-height: 1.7; color: var(--text-light); } /* ======================================== АДАПТИВНОСТЬ ======================================== */ @media (max-width: 1024px) { .sdmain-section__title { font-size: 28px; } .sdmain-hero__title { font-size: 38px; } .sdmain-solutions__grid { grid-template-columns: repeat(2, 1fr); } .sdmain-process__grid { grid-template-columns: repeat(2, 1fr); } .sdmain-articles__grid { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 768px) { .sdmain-section { padding: 40px 0; } .sdmain-hero__slider {position: relative;} .sdmain-hero { height: auto; padding: 0; } .sdmain-hero__wrapper { flex-direction: column; text-align: center; gap: 30px; } .sdmain-hero__image-content {order: 1; max-width: 60%;} .sdmain-hero__text-content { max-width: 100%; order: 2; } .sdmain-hero__slide { padding-top: 3rem; } .sdmain-section__header { flex-direction: column; align-items: flex-start; gap: 10px; } .sdmain-solutions__grid { grid-template-columns: repeat(1, 1fr); } .sdmain-process__grid { grid-template-columns: repeat(1, 1fr); } .sdmain-partners__grid { display: grid; grid-template-columns: 1fr 1fr; justify-items: center; } .sdmain-solutions__image { margin-top: -10px; margin-bottom: -10px; } .sdmain-custom__nav, .sdmain-certs__nav, .sdmain-portfolio__nav, .sdmain-reviews__nav { background: rgba(255, 255, 255, 0.8); padding: 10px; } } .sd__filter-mobile-controls { display: none; } /* Кнопка вызова фильтра на мобильных */ .sd__filter-toggle-btn { display: none; /* Скрыта на десктопе */ align-items: center; gap: 8px; padding: 8px 16px; background-color: var(--blue); /* Используем ваш цвет */ color: var(--white); border: none; border-radius: 8px; font-size: 1rem; font-weight: 500; cursor: pointer; transition: background-color 0.3s; } .sd__filter-toggle-btn:hover { background-color: var(--purple); } /* Кнопка закрытия внутри панели фильтра */ .bx-filter__close-btn { display: none; /* Скрыта на десктопе */ position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 2.5rem; line-height: 1; font-weight: 300; color: #888; cursor: pointer; z-index: 10; } /* Оверлей для затемнения фона */ .filter-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0.4s; } .filter-overlay.is-open { opacity: 1; visibility: visible; } /* Класс для блокировки скролла на body */ .body--no-scroll { overflow: hidden; } /* Медиа-запрос для экранов 990px и меньше */ @media (max-width: 990px) { /* Показываем кнопку вызова фильтра */ .sd__filter-mobile-controls { display: flex; } .sd__filter-toggle-btn { display: inline-flex; } /* Перестраиваем блок управления */ .sd__catalog-controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1rem; } .sd__filter-mobile-controls { order: 1; /* Кнопка фильтра */ flex-basis: 100%; /* Занимает всю ширину на новой строке */ text-align: center; } .sd__results-count { order: 2; /* Количество товаров */ } .sd__view-controls { order: 3; /* Сортировка */ } /* Превращаем сайдбар в выезжающую панель */ .catalog-section__sidebar { position: fixed; top: 0; right: -100%; /* Изначально скрыт за правым краем экрана */ width: 100%; max-width: 320px; /* Ограничиваем ширину панели */ height: 100vh; background-color: #fff; z-index: 9999; transition: right 0.4s ease; overflow-y: auto; /* Добавляем скролл, если фильтр длинный */ padding: 15px; box-shadow: -5px 0 15px rgba(0,0,0,0.1); } .catalog-section__sidebar.is-open { right: 0; /* При активации выезжает на экран */ } /* Показываем кнопку "Закрыть" внутри панели */ .bx-filter__close-btn { display: block; } /* Основной контент теперь занимает всю ширину */ .catalog-section__content { width: 100%; } } .reviews-list { } .reviews-list .item { border-bottom: 0.06rem solid #ccc; padding: 0 0 0.63rem 0; } .our-works { } .our-works .sidebar { width: 12.50rem; float: left; } .our-works .sidebar ul { padding: 0; margin: 0; } .our-works .sidebar li { list-style: none; margin-bottom: 0.25rem; padding: 0.50rem 0 0.50rem 0; } .our-works .sidebar li a { font-size: 0.81rem; color: #393185; font-family: 'Onest'; text-transform: uppercase; display: inline-block; padding: 0 0.63rem 0 0.63rem; } .our-works .sidebar li ul { padding: 0.63rem 0 0 0.63rem; } .our-works .sidebar li ul li { position: relative; padding-left: 1.25rem; } .our-works .sidebar li ul li a { font-weight: 300; text-transform: none; } .our-works .sidebar li ul li:before { display: block; content: ' — '; position: absolute; left: 0.00rem; } .our-works .sidebar .active { background: #6e196a; border-bottom: 0.13rem solid #551353; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; } .our-works .sidebar .active a { color: #fff; text-decoration: none; } .our-works .sidebar li a:hover { text-decoration: none; } .our-works .content { width: 58.75rem; float: left; padding: 0 0 0 2.50rem; } .our-works .our-works-list { } .our-works .our-works-list .item, .best-items .item { width: 18.75rem; height: 15.63rem; float: left; margin: 0 1.25rem 1.25rem 0; } .our-works .our-works-list .item img, .best-items .item img { margin: 0 0 0.94rem 0; width: 18.75rem; height: 12.50rem; } .our-works .our-works-list .item .title, .best-items .title { font-size: 0.88rem; color: #6e196a; text-align: center; display: block; text-decoration: none; text-transform: uppercase; } .our-works .our-works-list .item:nth-child(3n+3), .best-items .item:nth-child(3n+3) { margin: 0 0 1.25rem 0; } .in-category-cats { background: #1e1732; height: 5.00rem; display: flex; justify-content: center; align-items: center; align-content: center; border-radius: 0.19rem; margin-bottom: 1.25rem; } .in-category-cats__item { background: #c8af72; padding: 0 1.88rem 0 1.88rem; height: 2.38rem; border-bottom: 0.13rem solid #9a8859; text-align: center; display: inline-block; color: #fff; text-transform: uppercase; line-height: 2.50rem; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; text-decoration: none; margin: auto; } .our-work-item-detail { } .our-work-item-detail .picture-block { width: 48.75rem; float: left; } .our-work-item-detail .detail-photo { } .our-work-item-detail .objects-photo-list { width: 47.50rem; border: 0.06rem solid #f7f7f7; padding: 0.56rem; margin: 0.63rem 0 0 0; } .our-work-item-detail .objects-photo-list a { width: 15.31rem; height: 10.63rem; display: block; float: left; margin: 0 0.63rem 0.63rem 0; } .our-work-item-detail .objects-photo-list a:nth-child(3n+3) { margin: 0 0 0.63rem 0; } .our-work-item-detail .preview-text { padding: 1.25rem 0 1.25rem 0; line-height: 1.5; } .our-work-item-detail .text-block { width: 18.75rem; margin: 0 0 0 6.25rem; float: left; } .our-work-item-detail .text-block .see-another { display: block; border:0.06rem solid #f7f7f7; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; color: #393185; text-transform: uppercase; text-decoration: none; padding: 0.63rem 1.25rem 0.63rem 1.25rem; } .our-work-item-detail .text-block .see-another:hover { color: #6e196a; } .zamer-block { width: 18.75rem; min-height: 23.75rem; background: #1e1732 url('/img/zamer-block.jpg') top center no-repeat; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; margin: 1.25rem 0 0 0; padding-bottom: 1.25rem; } .zamer-block .title { font-size: 1.44rem; color: #fff; text-align: center; padding: 2.88rem 1.25rem 1.25rem 1.25rem; } .our-work-item-detail .text-block .zamer-block span { display: block; color: #a9a7ad; text-align: center; padding: 6.56rem 1.25rem 1.63rem 1.25rem; } .zamer-block a { background: #c8af72; width: 16.25rem; height: 2.38rem; border-bottom: 0.13rem solid #9a8859; text-align: center; display: block; color: #fff; text-transform: uppercase; line-height: 2.50rem; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; text-decoration: none; margin: auto; } .zamer-block .cat-list h3 { color: #fff; text-align: center; } .zamer-block .cat-list a { margin-bottom: 0.63rem; background: #6e196a; border-bottom: 0.13rem solid #551353; } .cat-list-footer { padding: 1.25rem 0 1.25rem 0; display: flex; justify-content: center; } .cat-list-footer a { padding: 0 2.50rem 0 2.50rem; height: 2.38rem; background: #6e196a; border-bottom: 0.13rem solid #551353; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; float: right; color: #fff; text-align: center; line-height: 2.50rem; margin: 0.63rem 0.63rem 0 0.63rem; cursor: pointer; text-transform: uppercase; font-size: 1.13rem; text-decoration: none; } .partners-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .partners-list__item { width: 15.63rem; margin-bottom: 1.88rem; } .partners-list__item-logo { height: 12.50rem; width: 15.63rem; display: flex; justify-content: center; align-items: center; } .partners-list__item-name { font-family: 'BebasNeue Regular'; text-align: center; font-size: 1.13rem; } .contacts-map { width: 48.75rem; float: left; clear: both; margin-bottom: 9.38rem; } .about-page { width: 48.75rem; float: left; padding: 0 0 6.25rem 0; } .about-page-profits { width: 18.75rem; float: left; margin: 0 0 0 6.25rem; } .about-page-profits .profits { background: none; height: auto; } .about-page-profits .profits .command { clear: both; margin: 3.50rem 0 4.38rem 0; } .about-page-profits .profits .base { clear: both; margin: 0; width: 18.75rem; } .feedback-contacts { float: left; margin: 0 0 0 6.25rem; background: #1e1732; } .feedback-contacts .zamer-block { margin: 0; height: auto; } .feedback-contacts .mfeedback { width: 16.25rem; margin: 0 0 0 1.25rem; } .feedback-contacts .mfeedback .mf-text { color: #a9a7ad; } .feedback-contacts .mfeedback input { width: 15.31rem; height: 3.13rem; border: 0.06rem solid #8f8b99; background: none; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; padding-left: 0.63rem; color: #fff; } .feedback-contacts .mfeedback textarea { width: 15.31rem; border: 0.06rem solid #8f8b99; background: none; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; padding-left: 0.63rem; color: #fff; } .feedback-contacts .mfeedback input[type="submit"] { background: #c8af72; border: none; border-bottom: 0.13rem solid #9a8859; } .see-in-folio { padding: 2.50rem 0 5.00rem 0; } .see-in-folio h3 { font-size: 1.44rem; } .see-in-folio a { display: block; width: 11.25rem; height: 11.25rem; float: left; margin: 0 1.25rem 1.25rem 0; } .zamer-form { background: #1e1732; min-width: 75.00rem; color: #fff; } .zamer-form .wrapper { background: url('/img/zamer-bg.jpg') top right no-repeat; padding: 0 0 4.69rem 0; } .zamer-form h1 { padding: 1.25rem 0 2.00rem 0; margin: 0; } .zamer-form .item { width: 23.75rem; float: left; margin: 0 1.25rem 1.56rem 0; position: relative; color: #fff; } .zamer-form .item:nth-child(4), .zamer-form .item:nth-child(5), .zamer .item:nth-child(4), .zamer .item:nth-child(5) { display: none; } .zamer-form .item .calendar-icon { position: absolute; top:2.44rem; right: 0.94rem; } .zamer-form .double { width: 48.75rem; } .zamer-form .double textarea { width: 100%; min-height: 6.13rem; border:0.06rem solid #8f8b99; background: none; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; padding-left: 0.63rem; } .zamer-form .item .title { color: #a9a7ad; margin: 0 0 0.38rem 0; } .zamer-form .item input { width: 100%; height: 3.13rem; border:0.06rem solid #8f8b99; background: none; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; padding-left: 0.63rem; } .zamer-form .item input[type="submit"] { background: #c8af72; border: none; border-bottom: 0.13rem solid #9a8859; } .zamer-form .item input[type="submit"]:hover { opacity: 0.7; } .bx_notavailable, .bx_catalog_item_controls { display: none !important; } .bx-blue .btn.btn-default { background: #6e196a; background-color: #6e196a !important; border-bottom: 0.13rem solid #551353; border-color:#6e196a !important; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; } .bx-blue .btn.btn-default:hover { background: #6e196a; border-color:#6e196a !important; border-bottom: 0.13rem solid #551353 !important; -webkit-border-radius: 0.19rem; -moz-border-radius: 0.19rem; border-radius: 0.19rem; opacity: 0.7; } .bx-catalog-element .container-fluid>.row:nth-child(1), .bx-catalog-element .container-fluid>.row:nth-child(10), .product-item-detail-tabs-container-fixed { display: none; } .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx_catalog_tile .bx_catalog_tile_img { width: 17.38rem; height: 13.00rem; } @media (max-width: 75.00rem) { .wrapper { width: auto; } .zamer-stripe { min-width: auto; } .zamer-form { min-width: auto; } .zamer-form .wrapper { padding: 0 0.63rem 4.69rem 0.63rem; } .zamer-form .item { width: 45%; } .zamer-form .double { width: 92%; } .about-wrapper { } .about-wrapper>div { width: auto; float: none; } .about-page-profits { margin: 0; } .about-page-profits .profits { display: flex; justify-content: space-between; } .about-page-profits .profits .command { margin: 0; } .our-work-item-detail { } .our-work-item-detail .picture-block { width: 100%; } .our-work-item-detail .picture-block .main { width: 100%; } .our-work-item-detail .objects-photo-list { width: calc(100% - 1.13rem); display: flex; flex-wrap: wrap; justify-content: space-between; } .our-work-item-detail .text-block { margin: 0; width: 100%; display: none; } .zamer-block { width: 100%; } .our-works { display: flex; } .our-works .sidebar { width: 23%; } .our-works .content { width: 75%; } .our-works .folio, .our-works .our-works-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .our-works .our-works-list .item, .our-works .folio .item { width: calc(33% - 0.63rem); margin: 0 0 1.25rem 0; height: auto; } .our-works .our-works-list .item img, .our-works .folio .item img { max-width: 100%; height: auto; } } @media (max-width: 47.50rem) { h1 { font-size: 1.88rem; } .zamer-stripe { padding: 1.25rem 0 1.25rem 0; height: auto; } .zamer-stripe .button { float: none; margin: auto; } .zamer-stripe .title { display: none; } .zamer-stripe span { display: block; text-align: center; padding: 0.63rem 0 1.25rem 0; } .about-page { padding-bottom: 1.88rem; } .about-page img { width: 100%; } .about-page-profits .profits { flex-wrap: wrap; } .about-page-profits .profits>div { width: 100% !important; text-align: center; margin-bottom: 1.25rem; } .cat-list-footer { flex-wrap: wrap; } .our-work-item-detail .objects-photo-list { justify-content: space-around; } .our-works { flex-wrap: wrap; } .our-works .sidebar { width: 100%; display: none; } .our-works .sidebar ul { display: flex; flex-wrap: wrap; justify-content: space-around; } .our-works .sidebar ul li { width: 100%; } .our-works .content { width: 100%; padding: 1.25rem 0 0 0; } img { max-width: 100%; height: auto; } .our-works .our-works-list .item, .our-works .folio .item { width: 100%; } } @media (max-width: 35.00rem) { .zamer-stripe .button { width: auto; } .zamer-form .item { width: 100%; } .our-works .folio .item { width: calc(50% - 0.63rem); } } .fancybox-content { background: #201632 !important; } .feedback-form { background: #201632; } #feedback-form-footer { max-width: 650px; } .feedback-form_pu { padding: 2rem !important; /* min-width: 27rem; */ } .feedback-form_pu .form-group { margin-bottom: 2rem; } .feedback-form_pu .button { width: auto !important; } .feedback-form__title { width: 100%; padding-bottom: 2rem; font-size: clamp(1.88rem, 0.775vw + 1.725rem, 2.5rem); color: var(--white); } .form-input { height: 3.2rem; font-size: 1.25rem; padding: 1rem 1rem 0 1rem; outline: none; transition: border-color 0.2s; width: calc(100% - 3rem); background: none; border:none; border-bottom: 1px solid var(--white); color: var(--white); } .form-group { position: relative; margin-bottom: 2.8rem; } .feedback-form label { position: absolute; top: 1rem; left: 1rem; transition: 0.2s; color: var(--white); font-size: 1rem; pointer-events: none; font-weight: 400; } .form-group_chkbox { width: 100% !important; } .form-group_chkbox label { position: relative; pointer-events: inherit; left: 0; top: 0; color: var(--white); } .form-input:focus { border-color: var(--gold); } .form-input:focus + label, .form-input:not(:placeholder-shown) + label { top: 0.2rem; left: 1rem; font-size: .8rem; } .form-input.invalid { border-color: red; } .form-input.valid { border-color: green; } .form-group select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: white url('data:image/svg+xml;charset=US-ASCII,') no-repeat right 10px top 50%; background-size: 12px; width: 100%; height: 4.2rem; font-size: 1.25rem; padding: 0rem 1.5rem 0 1.5rem; outline: none; transition: border-color 0.2s; color: var(--icongrey); font-size: 1.25rem; } .form-group .iti { display: block; } .form-group textarea { min-height: 5rem; } .form-group select + label { position: absolute; top: 1.5rem; left: 1.5rem; transition: 0.2s; color: var(--icongrey); font-size: 1.25rem; pointer-events: none; } /* Стили для сообщения об ошибке */ .error-message { color: var(--orange); font-size: 0.60rem; margin-top: 0.25rem; display: none; } .button .checkmark { display: none; margin-right: 10px; } .button.success { background-color: var(--green); color: white; width: auto; } .button.success .checkmark { display: inline-block; animation: fadeIn 0.5s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .feedback-form.submitted { display: none; } .form-group_chkbox { position: relative; margin: 15px 0; } .form-group_chkbox label { display: flex; align-items: center; cursor: pointer; font-size: 14px; color: var(--white); gap: 12px; } .form-group_chkbox input[type="checkbox"] { appearance: none; width: 44px; height: 24px; background: #ddd; border-radius: 12px; position: relative; cursor: pointer; transition: all 0.3s ease; flex-shrink: 0; } .form-group_chkbox input[type="checkbox"]:checked { background: #4CAF50; } .form-group_chkbox input[type="checkbox"]::after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: white; top: 2px; left: 2px; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .form-group_chkbox input[type="checkbox"]:checked::after { left: 22px; } /* Стили формы конец */ .feedback-form { display: flex; justify-content: space-between; flex-wrap: wrap; } .feedback-form .form-group { width: 100%; } .feedback-form .form-group_2x { width: 100%; } .feedback-form .button { width: 100%; justify-content: center; } .form-group_last { margin-bottom: 0; } .grecaptcha-badge { display: none; } .scroll-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: #393184; color: white; border: none; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 12px rgba(57, 49, 132, 0.3); transition: all 0.3s ease; opacity: 0; visibility: hidden; transform: translateY(20px); z-index: 1000; display: flex; align-items: center; justify-content: center; } .scroll-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-to-top:hover { background-color: #2d2564; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(57, 49, 132, 0.4); } .scroll-to-top:active { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(57, 49, 132, 0.3); } .scroll-to-top svg { width: 24px; height: 24px; transition: transform 0.3s ease; } .scroll-to-top:hover svg { transform: translateY(-2px); } @media (max-width: 768px) { .scroll-to-top { bottom: 20px; right: 20px; width: 45px; height: 45px; } .scroll-to-top svg { width: 20px; height: 20px; } } .services-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 118px; @media (max-width:1080px) { grid-template-columns: repeat(3, 1fr); margin-bottom: 80px; } @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); margin-bottom: 60px; } @media (max-width: 480px) { grid-template-columns: repeat(1, 1fr); } } .services-grid__item { border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; padding: 10px 10px 20px; gap: 20px; display: flex; flex-direction: column; justify-content: flex-start; } .services-grid__item-image{ width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; } .services-grid__item-image-img{ width: 100%; height: 100%; object-fit: cover; } .services-grid__item-image-no-image{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .services-grid__item-content{ display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: 10px; } .services-grid__item-title{ font-weight: bold; font-size: 16px; line-height: 1.2; color: #000; } .services-grid__item-btn{ display: flex; justify-content: center; text-decoration: none; margin-top: auto; padding: 5px 20px; border: 1px solid #7B2D8E; background-color: #7B2D8E; border-radius: 4px; color: #fff; font-size: 14px; line-height: 1.4; font-weight: 500; transition: 0.3s ease; } .services-grid__item-btn:hover{ background-color: #fff; color: #7B2D8E; } .service-detail{ } .service-detail h1{ margin: 48px 0 50px; font-size: 28px; line-height: 1.3; font-weight: 600; @media (max-width: 1024px) { margin: 48px 0 30px; } @media (max-width: 768px) { font-size: 24px; margin: 48px 0 30px; } } .service-detail__swiper{ max-width: calc(100% - 192px ); display: flex; margin: 0 auto; position: relative; max-height: 340px; height: 100%; width: 100%; @media (max-width: 1024px) { max-width: calc(100% - 136px ); } @media (max-width: 768px) { max-width: calc(100% - 70px ); height: auto; max-height: none; } } .service-detail__slider{ position: relative; margin-bottom: 80px; @media (max-width: 1024px) { margin-bottom: 40px; } @media (max-width: 768px) { margin-bottom: 30px; } } .service-detail__swiper-arrows{ display: flex; align-items: center; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .service-detail__swiper-arrow{ width: 48px; height: 48px; background-color: #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; position: absolute; @media (max-width: 768px) { width: 30px; height: 30px; } } .service-detail__swiper-arrow.swiper-button-disabled{ pointer-events: none; } .service-detail__swiper-arrow:hover{ background-color: #7B2D8E; color: #fff; } .service-detail__swiper-arrow--prev{ left: 0; transform: rotate(180deg); } .service-detail__swiper-arrow--next{ right: 0; } .service-detail__swiper-img{ width: 100%; height: 100%; object-fit: cover; @media (max-width: 768px) { height: auto; } } .service-detail__swiper-link{ display: block; width: 100%; /* height: 100%; */ overflow: hidden; border-radius: 10px; } .service-detail__content { font-size: 14px; line-height: 1.4; color: #000; margin-bottom: 80px; } .service-detail__content h2{ color: #681C65; font-size: 20px; line-height: 1; font-weight: 500; margin-bottom: 20px; } .service-detail__content p{ margin-bottom: 10px; } a:focus{ outline: none; outline-offset: 0; } .form-agree{ color: #000; } .form-agree--popup{ max-width: 366px; } .form-agree--white{ color: #fff; } .form-agree--white a{ color: #fff; } .bx-auth-table{ margin-bottom: 30px; } /* End */ /* /css/fancybox.css?178186203125343 */ /* /css/normalize.css?17818620316138 */ /* /css/scss/style.css?17822889664975 */ /* /local/components/custom/cart.widget/templates/.default/style.css?17818620314434 */ /* /local/components/craft/cookie.agree/templates/.default/style.css?17830673341226 */ /* /local/templates/steklodesign/template_styles.css?178332972363043 */