/* Start:/local/templates/duck/libs/fancybox/cdn.jsdelivr.net_npm_@fancyapps_ui@5.0_dist_fancybox_fancybox.css?171614163024789*/ :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:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out 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) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{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-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{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)}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__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;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__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-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.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:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.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:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.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:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.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: 20px;--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}.f-thumbs__track{display:flex;will-change:transform}.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);min-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(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .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))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;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-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.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{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;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;margin:auto 0;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: 20px;--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:/local/templates/duck/libs/swiper/cdn.jsdelivr.net_npm_swiper@10_swiper-bundle.min.css?171614163018451*/ /** * Swiper 10.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 21, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/duck/css/style.css?1750875748199323*/ @font-face { font-family: 'Nunito'; src: url("/local/templates/duck/css/../fonts/Nunito-Regular.woff2") format("woff2"), url("/local/templates/duck/css/../fonts/Nunito-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url("/local/templates/duck/css/../fonts/Nunito-Bold.woff2") format("woff2"), url("/local/templates/duck/css/../fonts/Nunito-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url("/local/templates/duck/css/../fonts/Nunito-SemiBold.woff2") format("woff2"), url("/local/templates/duck/css/../fonts/Nunito-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url("/local/templates/duck/css/../fonts/Nunito-Medium.woff2") format("woff2"), url("/local/templates/duck/css/../fonts/Nunito-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } * { padding: 0; margin: 0; box-sizing: border-box; } button:focus { box-shadow: none !important; } *:focus { outline: none; } input, button, textarea { font-family: inherit; } html { scroll-behavior: smooth; } body { font: 400 18px 'Nunito', sans-serif; color: #3a3a3a; background: #fff; } body.fixed { overflow: hidden; } body.fixed .header__inner { transform: none !important; position: fixed !important; } a { display: inline-block; font: inherit; color: inherit; transition: 300ms; text-decoration: none; } a:hover { text-decoration: none; } img { max-width: 100%; max-height: 100%; } a img { border: none; outline: none; } ul { margin: 0; padding: 0; list-style: none; } .container { max-width: 1586px; margin: 0 auto; } @media screen and (max-width: 1660px) { .container { width: 1320px; } } @media screen and (max-width: 1400px) { .container { width: 970px; } } @media screen and (max-width: 991px) { .container { width: 728px; } } @media screen and (max-width: 767px) { .container { width: 100%; padding: 0 15px; } } .wrapper { overflow: hidden; } .header { position: relative; z-index: 999; background: #fff; height: 130px; } @media only screen and (max-width: 1400px) { .header { height: 114px; } } @media only screen and (max-width: 991px) { .header { height: 73px; } } @media only screen and (max-width: 767px) { .header { height: 62px; } } .header.dop .header__inner { transform: translateY(-100%); position: fixed; background: #fff; z-index: 999; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.03); } .header.fixed .header__inner { transform: none; } .header__inner { transition: transform 0ms; padding: 20px 0 10px 0; top: 0; right: 0; width: 100%; margin: 0 auto; } @media only screen and (max-width: 1400px) { .header__inner { padding: 15px 0; } } .header__top { margin-bottom: 22px; } @media only screen and (max-width: 991px) { .header__top { display: none; } } .header__top-items { display: flex; align-items: center; justify-content: space-between; } .header__top-item { display: flex; justify-content: space-between; } .header__top-sity { margin-right: 24px; display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 150%; } .header__top-sity::before { content: ''; display: block; background-image: url(/images/header-sity.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__top-time { display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 150%; } .header__top-time::before { content: ''; display: block; background-image: url(/images/header-time.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__top-mail { margin-right: 24px; display: flex; align-items: center; cursor: pointer; font-weight: 500; font-size: 16px; line-height: 150%; } .header__top-mail::before { content: ''; display: block; background-image: url(/images/header-mail.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__top-tel { display: flex; align-items: center; cursor: pointer; font-weight: 500; font-size: 16px; line-height: 150%; } .header__top-tel::before { content: ''; display: block; background-image: url(/images/header-tel.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__search-strong { display: none; align-items: center; justify-content: center; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); cursor: pointer; z-index: 5; width: 24px; height: 24px; } @media only screen and (max-width: 991px) { .header__search-strong { right: 56px; } } .header__search-drop { position: absolute; width: 1106px; right: 0; top: 48px; padding: 12px 8px; box-shadow: 0 1px 6px 0 rgba(24, 39, 75, 0.05); background: #fff; border-radius: 12px; display: none; } @media only screen and (max-width: 1660px) { .header__search-drop { width: 865px; } } @media only screen and (max-width: 1400px) { .header__search-drop { width: 640px; } } @media only screen and (max-width: 991px) { .header__search-drop { width: 596px; right: 46px; } } .header__search-inner { max-height: 245px; overflow-y: auto; } .header__search-inner::-webkit-scrollbar { width: 6px; border-radius: 6px; background: #f6f6f6; } .header__search-inner::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 6px; } .header__search-item { padding: 4px; display: flex; align-items: center; } .header__search-item:hover { background: #f9f9f9; } .header__search-image { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; margin-right: 12px; border-radius: 4px; background: #f6f6f6; } .header__search-image img { width: 100%; height: 100%; } .header__search-head { font-size: 14px; margin-bottom: 2px; line-height: 150%; } .header__search-text { color: #9ca5ad; font-size: 12px; line-height: 150%; } .header__search-click { cursor: pointer; display: flex; align-items: center; justify-content: center; } .header__search-click.hidden { display: none; } @media only screen and (max-width: 991px) { .header__search-click.hidden { display: flex; } } .header__button-items { display: flex; align-items: center; justify-content: space-between; } .header__button-left { display: flex; align-items: center; justify-content: space-between; } .header__button-right { display: flex; align-items: center; justify-content: space-between; } .header__button-logo { font-weight: 700; font-size: 40px; margin-right: 50px; cursor: pointer; } @media only screen and (max-width: 1660px) { .header__button-logo { margin-right: 30px; } } @media only screen and (max-width: 1400px) { .header__button-logo { font-size: 25px; margin-right: 20px; } } @media only screen and (max-width: 991px) { .header__button-logo { font-size: 32px; margin-right: 0; } } @media only screen and (max-width: 767px) { .header__button-logo { font-size: 24px; } } .header__button-catalogsbtn { cursor: pointer; border-radius: 12px; width: 129px; height: 42px; background: #ffd823; display: flex; align-items: center; justify-content: center; margin-right: 40px; transition: 300ms; } @media only screen and (max-width: 1660px) { .header__button-catalogsbtn { margin-right: 20px; } } @media only screen and (max-width: 1400px) { .header__button-catalogsbtn { margin-right: 10px; width: 115px; height: 38px; border-radius: 8px; } } .header__button-catalogsbtn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .header__button-catalogs { position: relative; } @media only screen and (max-width: 1660px) { .header__button-catalogs { margin-right: 20px; } } @media only screen and (max-width: 1400px) { .header__button-catalogs { margin-right: 10px; width: 115px; height: 38px; border-radius: 8px; } } @media only screen and (max-width: 991px) { .header__button-catalogs { display: none; } } .header__button-catalog { font-weight: 500; line-height: 111%; } @media only screen and (max-width: 1400px) { .header__button-catalog { font-size: 16px; } } .header__button-burger { display: block; width: 16px; margin-right: 8px; } .header__button-burger a { display: block; cursor: pointer; padding: 10px 0; } .header__button-burger a span { position: relative; display: block; width: 10px; height: 2px; border-radius: 7px; background: #222; transition: all 0.2s ease-in-out; } .header__button-burger a span:before, .header__button-burger a span:after { content: ''; height: 2px; position: absolute; left: 0; background: #222; border-radius: 7px; transition: all 0.2s ease-in-out; } .header__button-burger a span:before { top: -6px; width: 16px; } .header__button-burger a span:after { top: 6px; width: 13px; } .header__button-burger a.active span { background: transparent; } .header__button-burger a.active span:before { transform: rotate(45deg) translate(3px, 5px); } .header__button-burger a.active span:after { transform: rotate(-45deg) translate(3px, -6px); width: 16px; } @media only screen and (max-width: 991px) { .header__button-nav { display: none; } } .header__button-nav ul { display: flex; justify-content: space-between; } .header__button-nav li { margin-right: 30px; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 1660px) { .header__button-nav li { font-size: 18px; margin-right: 16px; } } @media only screen and (max-width: 1400px) { .header__button-nav li { font-size: 14px; margin-right: 10px; } } .header__button-nav li:last-child { margin: 0; } .header__button-search { margin-right: 12px; width: 30px; position: relative; height: 30px; z-index: 5; } @media only screen and (max-width: 767px) { .header__button-search { display: none; } } .header__button-search input { width: 0; height: 42px; background: none; border: 0; background: none; background-repeat: no-repeat; background-size: 30px; background-position: center center; cursor: pointer; position: absolute; border-radius: 12px; top: 50%; transform: translate(0, -50%); right: 0; transition: 500ms; font-size: 14px; color: transparent; } @media only screen and (max-width: 991px) { .header__button-search input { background-size: 20px; } } .header__button-search input::-moz-placeholder { opacity: 0; color: #9ca5ad; } .header__button-search input::-ms-input-placeholder { opacity: 0; color: #9ca5ad; } .header__button-search input::placeholder { opacity: 0; color: #9ca5ad; } .header__button-search input.active { background-image: url(/images/header-lupa-2.svg); width: 1076px; padding: 0 46px; background-color: #f9f9f9; background-position: 10px center; cursor: auto; color: #3a3a3a; } @media only screen and (max-width: 1660px) { .header__button-search input.active { width: 825px; } } @media only screen and (max-width: 1400px) { .header__button-search input.active { width: 600px; } } @media only screen and (max-width: 991px) { .header__button-search input.active { right: 46px; width: 556px; padding: 0 44px 0 38px; } } .header__button-search input.active::-moz-placeholder { opacity: 1; } .header__button-search input.active::-ms-input-placeholder { opacity: 1; } .header__button-search input.active::placeholder { opacity: 1; } .header__button-basket, .header__button-personal { position: relative; display: flex; align-items: center; cursor: pointer; justify-content: center; } .header__button-number { width: 20px; height: 20px; border-radius: 100%; background: #ffd823; display: flex; align-items: center; justify-content: center; color: #3a3a3a; font-size: 10px; position: absolute; top: -7px; right: -6px; } .header__btn { border-radius: 12px; width: 184px; height: 42px; font-weight: 500; font-size: 18px; line-height: 111%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 300ms; } @media only screen and (max-width: 1400px) { .header__btn { font-size: 14px; border-radius: 8px; height: 38px; width: 140px; } } @media only screen and (max-width: 991px) { .header__btn { display: none; } } .header__btn-call { /*background: #f9f9f9; color: #3a3a3a;*/ margin-right: 24px; border: solid 1px #3A3A3A; border-radius: 12px; } .header__btn-call:hover { /*box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff;*/ border: solid 1px #212121; background-color: #fff; } .header__btn-application { background: #3a3a3a; color: #fff; margin-right: 12px; } @media only screen and (max-width: 1400px) { .header__btn-application { margin-right: 12px; } } .header__btn-application:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #181818; } .header__tel-mob { display: none; } @media only screen and (max-width: 991px) { .header__tel-mob { display: flex; align-items: center; justify-content: center; margin-right: 16px; } } @media only screen and (max-width: 767px) { .header__tel-mob { order: 1; margin-right: 12px; } } .header__mail-mob { display: none; } @media only screen and (max-width: 991px) { .header__mail-mob { display: flex; align-items: center; justify-content: center; margin-right: 16px; } } @media only screen and (max-width: 767px) { .header__mail-mob { order: 2; margin-right: 12px; } } .header__nav-mob { display: none; } @media only screen and (max-width: 991px) { .header__nav-mob { display: flex; flex-direction: column; justify-content: space-between; position: fixed; top: -150vh; left: 0; width: 100%; overflow-y: auto; z-index: 998; transition: 500ms; height: 100vh; padding: 84px 0 84px 0; background: #fff; } .header__nav-mob::-webkit-scrollbar { width: 0; background: transparent; } } .header__nav-mob.active { top: 0; } .header__nav-mob ul { margin-bottom: 86px; } .header__nav-mob li { font-weight: 600; font-size: 18px; line-height: 150%; margin-bottom: 16px; } .header__nav-mob li:last-child { margin: 0; } .header__block { background: #f9f9f9; padding: 20px 0; } .header__block-sity { position: relative; display: flex; align-items: center; font-weight: 400; font-size: 14px; line-height: 150%; margin-bottom: 16px; } .header__block-sity::before { content: ''; display: block; background-image: url(/images/header-sity.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__block-time { position: relative; display: flex; align-items: center; font-weight: 400; font-size: 14px; line-height: 150%; } .header__block-time::before { content: ''; display: block; background-image: url(/images/header-time.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .header__banner { min-width: 389px; width: 389px; border-left: 1px solid #f5f7f9; } @media only screen and (max-width: 1660px) { .header__banner { min-width: 340px; width: 340px; } } @media only screen and (max-width: 1400px) { .header__banner { display: none; } } .header__banner-image { display: flex; align-items: center; justify-content: center; width: 100%; height: 318px; } .header__banner-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header__banner-block { padding: 20px; } .header__banner-head { margin-bottom: 12px; font-weight: 600; font-size: 20px; line-height: 120%; } .header__banner-text { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; margin-bottom: 30px; } .header__banner-btn { display: flex; align-items: center; justify-content: center; border-radius: 12px; width: 197px; height: 42px; border: 1px solid #3a3a3a; font-weight: 500; font-size: 18px; line-height: 110%; } .header__banner-btn:hover { background: #3a3a3a; color: #fff; } .header__catalog-contents { position: absolute; top: 57px; left: -283px; opacity: 0; z-index: 10; transition: 500ms; padding: 30px 0 30px 20px; box-shadow: 0 10px 32px -4px rgba(211, 211, 211, 0.1); width: 1586px; background: #fff; visibility: hidden; display: flex; } @media only screen and (max-width: 1660px) { .header__catalog-contents { left: -261px; width: 1320px; } } @media only screen and (max-width: 1400px) { .header__catalog-contents { left: -155px; -moz-column-gap: 21px; column-gap: 21px; width: 970px; top: 52px; padding-right: 30px; } } .header__catalog-contents.active { opacity: 1; visibility: visible; } .header__catalog-items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; -moz-column-gap: 75px; column-gap: 55px; width: 100; } @media only screen and (max-width: 1660px) { .header__catalog-items { -moz-column-gap: 25px; column-gap: 25px; } } @media only screen and (max-width: 1400px) { .header__catalog-items { -moz-column-gap: 21px; column-gap: 21px; width: 1022px; } } .header__catalog-content { margin-bottom: 32px; } .header__catalog-content:last-child { margin-bottom: 0; } .header__catalog-top { display: flex; margin-bottom: 14px; } .header__catalog-top > a { margin-left: 8px; font-weight: 500; font-size: 16px; line-height: 150%; } .header__catalog-top > a:hover { color: #e83e33; } .header__catalog-list li { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; margin-bottom: 10px; } .header__catalog-list li:last-child { margin: 0; } .header__catalog-list li a:hover { color: #e83e33; } .header__newsearch { display: none; } @media only screen and (max-width: 767px) { .header__newsearch { display: block; position: relative; margin-bottom: 16px; z-index: 5; } } .header__newsearch-strong { display: flex; align-items: center; justify-content: center; top: 50%; transform: translate(0, -50%); right: 10px; position: absolute; } .header__newsearch-item input { width: 100%; height: 40px; background-color: #f9f9f9; border-radius: 12px; border: 0; padding: 0 44px 0 38px; background-image: url(/images/header-lupa-2.svg); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; } .header__newsearch-drop { position: absolute; top: 44px; left: 0; width: 100%; background: #fff; box-shadow: 0 1px 6px 0 rgba(24, 39, 75, 0.05); border-radius: 12px; padding: 8px; z-index: 5; display: none; } .header__newsearch-drop .header__search-image { background: none; min-width: 30px; width: 30px; height: 30px; } .header__newsearch-drop .header__search-head { font-size: 12px; } .header__newsearch-drop .header__search-text { font-size: 12px; } .header__newsearch-inner { max-height: 365px; overflow-y: auto; } .header__newsearch-inner::-webkit-scrollbar { width: 6px; border-radius: 6px; background: #f6f6f6; } .header__newsearch-inner::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 6px; } .header__basket { position: relative; order: 3; } .header__personal { position: relative; margin-left: 12px; order: 4; } .header__basket-content { box-shadow: -13px 3px 32px -4px rgba(124, 122, 122, 0.1), 8px 0 14px -6px rgba(144, 139, 139, 0.12); background-color: #fff; border-radius: 12px; width: 374px; position: absolute; top: 52px; right: 0; display: none; z-index: 20; } .header__personal-content { box-shadow: -13px 3px 32px -4px rgba(124, 122, 122, 0.1), 8px 0 14px -6px rgba(144, 139, 139, 0.12); background-color: #fff; border-radius: 12px; width: 374px; position: absolute; top: 52px; right: 0; display: none; padding: 16px; } @media only screen and (max-width: 991px) { .header__basket-content { top: -26px; } .header__personal-content { top: 36px; } } @media only screen and (max-width: 767px) { .header__basket-content { position: relative; width: 345px; padding: 0; } .header__personal-content { position: relative; width: 345px; padding: 16px; } } .header__basket-content.active { display: block; } .header__personal-content.active { display: block; } .header__basket-content-heads { display: flex; justify-content: space-between; margin-bottom: 24px; padding: 16px 16px 0 16px; position: relative; } .header__basket-content-head { font-weight: 700; font-size: 24px; line-height: 120%; } .header__basket-content .f-button.is-close-btn { display: none !important; } .header__personal-content .f-button.is-close-btn { display: none !important; } .header__basket-content .fancybox__content { padding: 0; } .header__personal-content .fancybox__content { padding: 0; } .header__basket-content-close { display: none; } .header__personal-content-close { display: none; } @media only screen and (max-width: 767px) { .header__basket-content-close, .header__personal-content-close { display: block; position: absolute; top: 18px; right: 16px; cursor: pointer; } } .header__basket-content-clear, .header__personal-content-clear { font-weight: 400; font-size: 14px; line-height: 150%; display: flex; color: #9ca5ad; align-items: center; cursor: pointer; transition: 300ms; } .header__basket-content-clear span { display: flex; align-items: center; justify-content: center; margin-right: 8px; } .header__basket-content-clear span svg path { transition: 300ms; } .header__basket-content-clear:hover { color: #3a3a3a; } .header__basket-content-clear:hover svg path { stroke: #3a3a3a; } .header__basket-content-clear:active { color: #cf1f19; } .header__basket-content-clear:active svg path { stroke: #cf1f19; } @media only screen and (max-width: 991px) { .header__basket-content-clear { display: none; } } .header__basket-content-items { display: flex; flex-direction: column; max-height: 450px; overflow-y: auto; padding: 0 10px 0 16px; margin-right: 16px; } .header__basket-content-items::-webkit-scrollbar { width: 6px; border-radius: 6px; background: #f6f6f6; } .header__basket-content-items::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 6px; } .header__basket-content-item { border-bottom: 1px solid #f6f6f6; padding: 12px 0; } .header__basket-content-item:last-child { padding: 12px 0 12px; border: 0; } .header__basket-content-top { display: flex; justify-content: space-between; margin-bottom: 12px; } .header__basket-content-bottom { display: flex; justify-content: flex-start; align-items: center; } .header__basket-content-image { margin-right: 8px; min-width: 45px; width: 45px; height: 45px; border-radius: 4px; overflow: hidden; } .header__basket-content-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header__basket-content-icon { width: 16px; height: 16px; min-width: 16px; cursor: pointer; } .header__basket-content-icon svg { width: 100%; } .header__basket-content-icon svg path { transition: 300ms; } .header__basket-content-icon:hover svg path { stroke: #3a3a3a; } .header__basket-content-icon:active svg path { stroke: #cf1f19; } .header__basket-content-info { margin-right: 8px; } .header__basket-content-title { font-weight: 500; font-size: 14px; line-height: 150%; margin-bottom: 4px; } .header__basket-content-title:hover { color: #000000; } .header__basket-content-art { font-weight: 400; font-size: 12px; line-height: 150%; color: #9ca5ad; } .header__basket-content-art span { color: #3a3a3a; margin-left: 2px; } .header__basket-content-counter { display: flex; align-items: center; justify-content: center; margin-right: 8px; position: relative; width: 104px; border: 1px solid #eff0f3; border-radius: 12px; background-color: #fff; } .header__basket-content-counter input { text-align: center; border: 0; width: 55px; overflow: hidden; height: 32px; text-align: center; padding: 6px; background: none; } .header__basket-content-counter input::-webkit-outer-spin-button, .header__basket-content-counter input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .header__basket-content-counter input[type='number'] { -moz-appearance: textfield; } .header__basket-content-minus { cursor: pointer; display: flex; position: absolute; top: 50%; transform: translate(0, -50%); left: 6px; } .header__basket-content-minus img:last-child { display: none; } .header__basket-content-minus:hover img:last-child { display: block; } .header__basket-content-minus:hover img:first-child { display: none; } .header__basket-content-plus { cursor: pointer; display: flex; position: absolute; top: 50%; transform: translate(0, -50%); right: 6px; } .header__basket-content-plus img:last-child { display: none; } .header__basket-content-plus:hover img:last-child { display: block; } .header__basket-content-plus:hover img:first-child { display: none; } .header__basket-content-price { font-weight: 700; font-size: 14px; line-height: 150%; margin-right: 8px; } .header__basket-content-block { font-weight: 400; font-size: 12px; line-height: 150%; color: #9ca5ad; } .header__basket-content-end { box-shadow: 0 -1px 9px 0 rgba(155, 155, 155, 0.25); background-color: #fff; padding: 16px 16px 10px 16px; display: flex; align-items: center; justify-content: space-between; border-radius: 0 0 12px 12px; } .header__basket-content-end.continue { box-shadow: none; padding: 0px 16px 16px 16px; } @media only screen and (min-width: 767px) { .header__basket-content-end.continue { display: none; } .header__basket-content-end { padding: 16px; } } .header__basket-content-result { font-weight: 500; font-size: 16px; line-height: 150%; } .header__basket-content-result span { font-weight: 700; font-size: 14px; margin-left: 4px; } .header__basket-content-btn { border-radius: 12px; width: 144px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; background: #ffd823; font-weight: 500; font-size: 16px; line-height: 125%; } .header__basket-content-btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .header__basket-empty { border-radius: 20px; width: 374px; box-shadow: -13px 3px 32px -4px rgba(124, 122, 122, 0.1), 8px 0 14px -6px rgba(144, 139, 139, 0.12), -13px 3px 32px -4px rgba(124, 122, 122, 0.1), 8px 0 14px -6px rgba(144, 139, 139, 0.12); background-color: #fff; position: absolute; z-index: 20; top: 52px; right: 0; padding: 16px; display: none; } @media only screen and (max-width: 991px) { .header__basket-empty { border-radius: 12px; } } .header__basket-empty.active { display: block; } @media only screen and (max-width: 991px) { .header__basket-empty { box-shadow: -13px 3px 32px -4px rgba(124, 122, 122, 0.1), 8px 0 14px -6px rgba(144, 139, 139, 0.12); top: 36px; } } @media only screen and (max-width: 767px) { .header__basket-empty { position: static; width: 345px; } } .header__basket-empty-head { margin-bottom: 87px; position: relative; } @media only screen and (max-width: 991px) { .header__basket-empty-head { margin-bottom: 92px; } } .header__basket-empty-head p { font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .header__basket-empty-head p { font-size: 20px; } } @media only screen and (max-width: 767px) { .header__basket-empty-head p { margin-bottom: 70px; font-weight: 600; } } .header__basket-empty-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 45px; } @media only screen and (max-width: 767px) { .header__basket-empty-content { margin-bottom: 40px; } } .header__basket-empty-title { font-weight: 500; font-size: 18px; line-height: 150%; text-align: center; margin-bottom: 8px; } .header__basket-empty-image { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .header__basket-empty-image { margin-bottom: 24px; } } .header__basket-empty-text { font-weight: 400; font-size: 12px; line-height: 150%; text-align: center; margin-bottom: 24px; color: #9ca5ad; max-width: 234px; } @media only screen and (max-width: 767px) { .header__basket-empty-text { font-size: 16px; max-width: 259px; } } .header__basket-empty-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; border-radius: 12px; width: 169px; height: 36px; background-color: #f9f9f9; font-weight: 500; font-size: 16px; line-height: 125%; margin: 0 auto; } .header__basket-empty-btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } @media only screen and (max-width: 767px) { .header__basket-empty-btn { width: 191px; height: 42px; } } .header__basket-empty .f-button.is-close-btn { display: none !important; } .header__basket-empty-close { display: none; } @media only screen and (max-width: 767px) { .header__basket-empty-close { display: block; position: absolute; top: 0; right: 0; cursor: pointer; } } .burger__mob { display: none; } @media only screen and (max-width: 991px) { .burger__mob { display: block; width: 30px; margin-right: 20px; } .burger__mob a { display: block; cursor: pointer; padding: 12px 0; } .burger__mob a span { position: relative; display: block; width: 30px; height: 3px; border-radius: 7px; background: #222; transition: all 0.2s ease-in-out; } .burger__mob a span:before, .burger__mob a span:after { content: ''; width: 30px; height: 3px; position: absolute; left: 0; background: #222; border-radius: 7px; transition: all 0.2s ease-in-out; } .burger__mob a span:before { top: -8px; } .burger__mob a span:after { top: 8px; } .burger__mob a.active span { background: transparent; } .burger__mob a.active span:before { transform: rotate(45deg) translate(5px, 6px); } .burger__mob a.active span:after { transform: rotate(-45deg) translate(5px, -6px); } } .showcase { background: #f6f6f6; overflow: hidden; } .showcase__item { position: relative; /*overflow: hidden;*/ background: #f6f6f6; height: 570px; } .showcase__item .container { position: relative; } .showcase__block { max-width: 782px; padding: 144px 0 149px; position: relative; z-index: 5; } @media only screen and (max-width: 1660px) { .showcase__block { padding: 137px 0; } } @media only screen and (max-width: 1400px) { .showcase__block { max-width: 562px; padding: 100px 0; } } @media only screen and (max-width: 991px) { .showcase__block { padding: 168px 0 129px; max-width: 537px; } } @media only screen and (max-width: 767px) { .showcase__block { padding: 69px 0 157px; max-width: 100%; } } .showcase__title { font-weight: 700; font-size: 48px; margin-bottom: 18px; } @media only screen and (max-width: 1660px) { .showcase__title { font-size: 44px; margin-bottom: 16px; } } @media only screen and (max-width: 991px) { .showcase__title { font-size: 28px; } } @media only screen and (max-width: 767px) { .showcase__title { font-size: 26px; } } .showcase__text { font-weight: 400; font-size: 20px; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .showcase__text { font-size: 16px; margin-bottom: 32px; } } .showcase__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 12px; width: 178px; height: 42px; background: #ffd823; font-weight: 500; font-size: 18px; line-height: 111%; } .showcase__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .showcase__image { position: absolute; top: 0; right: 40px; } .banner-bottom .showcase__image { top: auto; bottom: -10px; } @media only screen and (max-width: 1660px) { .showcase__image { right: -108px; width: 615px; } } @media only screen and (max-width: 1400px) { .showcase__image { width: 480px; right: -80px; } } @media only screen and (max-width: 991px) { .showcase__image { width: 460px; top: -73px; right: -94px; } } @media only screen and (max-width: 767px) { .showcase__image { display: none; } } .showcase__image img { max-width: 570px; max-height: 570px; } .showcase__item .container { height: 100%; } @media only screen and (max-width: 1400px) { .showcase__image img { max-width: 520px; max-height: 520px; } .showcase__item .container { height: 100%; } .showcase__item { height: 520px; } } @media only screen and (max-width: 768px) { .showcase__item { height: 394px; } } .showcase__items { position: relative; } .showcase .swiper-pagination { display: flex; gap: 10px; position: absolute; justify-content: center; bottom: 26px; left: 50%; transform: translate(-50%, 0); } @media only screen and (max-width: 991px) { .showcase .swiper-pagination { bottom: 23px; } } @media only screen and (max-width: 767px) { .showcase .swiper-pagination { bottom: 34px; } } .showcase .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; font-size: 0; cursor: pointer; margin: 0 !important; background: #fff; border: 2px solid #fff; opacity: 1; position: relative; } .showcase .swiper-pagination-bullet::before { content: ''; display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ffd823; position: absolute; top: 50%; left: 50%; background: #fff; z-index: -1; transform: translate(-50%, -50%); opacity: 0; } .showcase .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffd823; } .showcase .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1; } .showcase .slick-dots { display: flex; gap: 10px; position: absolute; bottom: 26px; left: 50%; transform: translate(-50%, 0); } @media only screen and (max-width: 991px) { .showcase .slick-dots { bottom: 23px; } } @media only screen and (max-width: 767px) { .showcase .slick-dots { bottom: 34px; } } .showcase .slick-dots li button { width: 15px; height: 15px; border-radius: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; font-size: 0; cursor: pointer; background: #fff; } .showcase .slick-dots li.slick-active button { width: 24px; height: 24px; border: 1px solid #ffd823; background: #f6f6f6; padding: 2px; position: relative; } .showcase .slick-dots li.slick-active button::before { content: ''; display: block; width: 17px; height: 17px; border-radius: 100%; background: #ffd823; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .showcase .slick-list { position: relative; } .popular { padding: 100px 0; } @media only screen and (max-width: 991px) { .popular { padding: 74px 0; } } @media only screen and (max-width: 767px) { .popular { padding: 50px 0 45px; } } .popular__title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 32px; } @media only screen and (max-width: 991px) { .popular__title { font-size: 28px; margin-bottom: 28px; } } @media only screen and (max-width: 767px) { .popular__title { font-size: 24px; margin-bottom: 20px; } } .popular__items { display: grid; grid-template-columns: 304px 304px 304px 304px 304px; row-gap: 24px; -moz-column-gap: 16px; column-gap: 16px; } @media only screen and (max-width: 1660px) { .popular__items { grid-template-columns: 251px 251px 251px 251px 251px; } } @media only screen and (max-width: 1400px) { .popular__items { grid-template-columns: 229px 229px 229px 229px; } } @media only screen and (max-width: 991px) { .popular__items { grid-template-columns: 232px 232px 232px; } } @media only screen and (max-width: 767px) { .popular__items { grid-template-columns: calc(50% - 8px) calc(50% - 8px); } } .popular__item { border-radius: 12px; padding: 20px; border: 1px solid #e0e6ed; } @media only screen and (max-width: 767px) { .popular__item { padding: 12px; } } .popular__item-title { font-weight: 500; font-size: 18px; line-height: 150%; display: block; text-align: center; } @media only screen and (max-width: 991px) { .popular__item-title { font-size: 16px; } } .popular__mypagination { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; bottom: 12px; left: 0; gap: 2px; width: 100%; } @media only screen and (max-width: 991px) { .popular__mypagination { display: none; } } .popular__mypagination div { border-radius: 2px; width: 11px; height: 3px; background: #e0e6ed; } .popular__mypagination div.active { background: #4d4c4c; } .popular .mySwiper { padding-bottom: 27px; } .popular .swiper-slide { display: flex; align-items: center; justify-content: center; } .popular .swiper-pagination-hover-wrap { position: relative; } .popular .swiper-pagination-hover-wrap .swiper-pagination { z-index: 1; height: 100%; display: flex; justify-content: center; align-items: flex-end; bottom: 0; } @media only screen and (max-width: 991px) { .popular .swiper-pagination-hover-wrap .swiper-pagination { height: 10px; } } .popular .swiper-pagination-hover-wrap .swiper-pagination-bullet { width: 100%; border-radius: 0px; position: relative; display: flex; flex-direction: column; height: 100%; background-color: transparent; } @media only screen and (max-width: 991px) { .popular .swiper-pagination-hover-wrap .swiper-pagination-bullet { bottom: 10px; background: #e0e6ed; border-radius: 2px; width: 11px; height: 3px; opacity: 1; margin: 0 1px; } .popular .swiper-pagination-hover-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d4c4c; } } .popular .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { content: ''; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; left: 0; width: 100%; } @media only screen and (max-width: 991px) { .popular .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { display: none; } } .services { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .services { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .services { margin-bottom: 46px; } } .services__title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 40px; } @media only screen and (max-width: 1660px) { .services__title { margin-bottom: 32px; } } @media only screen and (max-width: 991px) { .services__title { margin-bottom: 28px; font-size: 28px; } } @media only screen and (max-width: 767px) { .services__title { margin-bottom: 20px; font-size: 24px; } } .services__items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; -moz-column-gap: 16px; column-gap: 16px; } @media only screen and (max-width: 1400px) { .services__items { grid-template-columns: 1fr 1fr; row-gap: 16px; } } @media only screen and (max-width: 767px) { .services__items { display: block; } } .services__item { border-radius: 15px; padding: 20px 33px 20px 20px; background: #fbfbfb; display: flex; flex-direction: column; justify-content: flex-start; } @media only screen and (max-width: 1660px) { .services__item { padding: 20px; } } @media only screen and (max-width: 991px) { .services__item { padding: 12px; } } @media only screen and (max-width: 767px) { .services__item { margin-bottom: 16px; padding: 12px; } .services__item:last-child { margin: 0; } } .services__icon { margin-bottom: 24px; } @media only screen and (max-width: 1660px) { .services__icon { margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .services__icon { margin-bottom: 24px; } } @media only screen and (max-width: 767px) { .services__icon { margin-bottom: 16px; } } @media only screen and (max-width: 767px) { .services__icon img { width: 50px; height: 50px; } } .services__head { font-weight: 700; font-size: 24px; line-height: 137%; margin-bottom: 14px; } @media only screen and (max-width: 1660px) { .services__head { font-size: 20px; } } @media only screen and (max-width: 767px) { .services__head { font-size: 18px; margin-bottom: 12px; } } .services__text { font-weight: 500; font-size: 16px; line-height: 150%; } .hit { margin-bottom: 100px; } @media only screen and (max-width: 1660px) { .hit { margin-bottom: 108px; } } @media only screen and (max-width: 991px) { .hit { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .hit { margin-bottom: 50px; } } .hit__title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 32px; } @media only screen and (max-width: 991px) { .hit__title { font-size: 28px; margin-bottom: 28px; } } @media only screen and (max-width: 767px) { .hit__title { font-size: 24px; margin-bottom: 20px; } } .hit__items { display: grid; grid-template-columns: 304px 304px 304px 304px 304px; row-gap: 24px; -moz-column-gap: 16px; column-gap: 16px; margin-bottom: 40px; } @media only screen and (max-width: 1660px) { .hit__items { grid-template-columns: 251px 251px 251px 251px 251px; } } @media only screen and (max-width: 1400px) { .hit__items { grid-template-columns: 229px 229px 229px 229px; } } @media only screen and (max-width: 991px) { .hit__items { grid-template-columns: 232px 232px 232px; } } @media only screen and (max-width: 767px) { .hit__items { margin-bottom: 36px; display: block; } } .hit__item { border-radius: 12px; padding: 20px; border: 1px solid #eff0f3; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; position: relative; background-color: #fff; } @media only screen and (max-width: 1400px) { .hit__item { padding: 12px; } } @media only screen and (max-width: 767px) { .hit__item { margin-bottom: 16px; } .hit__item:last-child { margin-bottom: 0; } } .hit__item:nth-child(5n) .hit__icon-drop { left: auto; right: 33px; } @media only screen and (max-width: 1400px) { .hit__item:nth-child(5n) .hit__icon-drop { right: auto; left: 33px; } } .hit__item:nth-child(5n) .hit__icon-drop::before { left: auto; right: -6px; transform: rotate(180deg) translate(0, 50%); } @media only screen and (max-width: 1400px) { .hit__item:nth-child(5n) .hit__icon-drop::before { left: -6px; right: auto; transform: translate(0, -50%); } } .hit__item:nth-child(4n) .hit__icon-drop { left: auto; right: 33px; } .hit__item:nth-child(4n) .hit__icon-drop::before { left: auto; right: -6px; transform: rotate(180deg) translate(0, 50%); } .hit__percent { border-radius: 20px; padding: 4px 8px; width: 116px; height: 28px; background: #146dd6; display: flex; align-items: center; justify-content: center; position: absolute; top: 20px; left: 20px; z-index: 5; font-weight: 600; font-size: 12px; letter-spacing: 0.01em; color: #fff; } @media only screen and (max-width: 1600px) { .hit__percent { top: 12px; left: 12px; } } .hit__percent::before { content: ''; display: block; background: url(/images/hit-procent.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 7px; } .hit__percent.red { background: #cf1f19; } .hit__percent.red::before { background-image: url(/images/hit-sell.svg); } .hit__icon { display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; position: absolute; top: 20px; right: 20px; z-index: 10; } @media only screen and (max-width: 1400px) { .hit__icon { top: 12px; right: 12px; } } .hit__icon-item { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; } .hit__icon-item:hover .hit__icon-drop { visibility: visible; opacity: 1; } .hit__icon-drop { border-radius: 4px; padding: 4px 8px; background: #fff; white-space: nowrap; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); font-size: 16px; position: absolute; left: 33px; top: 50%; transform: translate(0, -50%); visibility: hidden; opacity: 0; transition: 300ms; } @media only screen and (max-width: 991px) { .hit__icon-drop { display: none; } } .hit__icon-drop::before { content: ''; display: block; background: url(/images/arrow-drop.svg) no-repeat; width: 6px; height: 11px; background-size: 6px; background-position: center center; position: absolute; left: -6px; top: 50%; transform: translate(0, -50%); } .hit__image { margin-bottom: 10px; } @media only screen and (max-width: 767px) { .hit__image { margin: 0 auto; } .hit__image img { width: 200px; height: 185px; background-size: 200px; } } .hit__price { border-radius: 20px; padding: 0px 10px; height: 28px; background: #ffd823; font-weight: 500; font-size: 16px; line-height: 150%; text-align: center; margin-bottom: 10px; display: inline-flex; align-items: center; width: auto; justify-content: center; margin-left: 0; margin-right: auto; } @media only screen and (max-width: 991px) { .hit__price { font-size: 14px; margin-bottom: 8px; } } .hit__head { margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 150%; transition: 300ms; } @media only screen and (max-width: 991px) { .hit__head { font-size: 16px; } } .hit__head:hover { color: #cf1f19; } .hit__available { font-weight: 400; font-size: 14px; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .hit__available { font-size: 12px; } } .hit__available::before { content: ''; display: block; width: 8px; height: 8px; background: #3fda3c; border-radius: 100%; margin-right: 8px; } .hit__available.red::before { background: #cf1f19; } .hit__available.blue::before { background: #146dd6; } .hit__btn { border-radius: 12px; padding: 11px 16px; width: 152px; height: 42px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; font-weight: 500; font-size: 18px; line-height: 111%; background: #ffd823; margin: 0 auto; } .hit__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .hit .mySwiper { padding-bottom: 27px; width: 100%; } .hit .swiper-slide { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 1600px) { .hit .swiper-slide { height: 155px; } } .hit .swiper-pagination-hover-wrap { position: relative; } .hit .swiper-pagination-hover-wrap .swiper-pagination { z-index: 1; height: 100%; display: flex; justify-content: center; align-items: flex-end; bottom: 0; } @media only screen and (max-width: 991px) { .hit .swiper-pagination-hover-wrap .swiper-pagination { height: 10px; } } .hit .swiper-pagination-hover-wrap .swiper-pagination-bullet { width: 100%; border-radius: 0px; position: relative; display: flex; flex-direction: column; height: 100%; background-color: transparent; } @media only screen and (max-width: 991px) { .hit .swiper-pagination-hover-wrap .swiper-pagination-bullet { bottom: 10px; background: #e0e6ed; border-radius: 2px; width: 11px; height: 3px; opacity: 1; margin: 0 1px; } .hit .swiper-pagination-hover-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d4c4c; } } .hit .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { content: ''; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; left: 0; width: 100%; } @media only screen and (max-width: 991px) { .hit .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { display: none; } } .application { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .application { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .application { margin-bottom: 50px; } } .application__items { background: #fbfbfb; padding: 35px 0 35px 50px; border-radius: 12px; position: relative; } @media only screen and (max-width: 1660px) { .application__items { padding: 32px; } } @media only screen and (max-width: 991px) { .application__items { padding: 20px; } } @media only screen and (max-width: 767px) { .application__items { padding: 12px; } } .application__title { margin-bottom: 20px; font-weight: 700; font-size: 32px; line-height: 120%; } @media only screen and (max-width: 991px) { .application__title { margin-bottom: 24px; font-size: 24px; } } @media only screen and (max-width: 767px) { .application__title { margin-bottom: 20px; } } .application__image { position: absolute; bottom: 0; right: 0; display: block; } @media only screen and (max-width: 991px) { .application__image { display: none; } } @media only screen and (max-width: 1660px) { .application__image img { width: 644px; height: auto; } } @media only screen and (max-width: 1400px) { .application__image img { width: 400px; } } .application__form { max-width: 656px; display: grid; grid-template-columns: 1fr 1fr; row-gap: 20px; -moz-column-gap: 16px; column-gap: 16px; } @media only screen and (max-width: 1660px) { .application__form { max-width: 598px; } } @media only screen and (max-width: 1400px) { .application__form { max-width: 500px; } } @media only screen and (max-width: 991px) { .application__form { max-width: 100%; -moz-column-gap: 12px; column-gap: 12px; row-gap: 16px; } } @media only screen and (max-width: 767px) { .application__form { display: block; } } .application__form label { font-weight: 400; font-size: 14px; line-height: 150%; margin-bottom: 4px; color: #3a3a3a; } @media only screen and (max-width: 991px) { .application__form label { font-size: 12px; } } .application__form input { border-radius: 12px; padding: 9px 12px; width: 320px; font-size: 14px; height: 40px; border: 1px solid #eff0f3; } @media only screen and (max-width: 1660px) { .application__form input { width: 291px; } } @media only screen and (max-width: 1400px) { .application__form input { width: 240px; } } @media only screen and (max-width: 991px) { .application__form input { width: 100%; } } .application__form input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__form input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__form input::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__block { display: flex; flex-direction: column; } @media only screen and (max-width: 767px) { .application__block { margin-bottom: 12px; } .application__block:last-child { margin: 0; } } .application__block-text { grid-column: 1 / 3; } .application__block-text textarea { height: 96px; border-radius: 12px; padding: 9px 12px; border: 1px solid #eff0f3; resize: none; font-size: 14px; } .application__block-text textarea::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__block-text textarea::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__block-text textarea::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .application__btn { grid-column: 1 / 3; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .application__btn { display: block; } } .application__btn button { border-radius: 12px; width: 132px; height: 44px; cursor: pointer; background: #ffd823; font-weight: 500; font-size: 18px; line-height: 110%; color: #3a3a3a; margin-right: 19px; border: 1px solid #ffd823; transition: 300ms; } @media only screen and (max-width: 991px) { .application__btn button { height: 36px; font-size: 16px; } } @media only screen and (max-width: 767px) { .application__btn button { width: 100%; margin: 0 0 12px 0; } } .application__btn button:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .application__btn p { font-weight: 400; font-size: 14px; line-height: 114%; color: #717273; max-width: 490px; } @media only screen and (max-width: 1660px) { .application__btn p { max-width: 439px; } } @media only screen and (max-width: 1400px) { .application__btn p { max-width: 317px; } } @media only screen and (max-width: 991px) { .application__btn p { max-width: 536px; font-size: 12px; } } @media only screen and (max-width: 767px) { .application__btn p { max-width: 100%; } } .application__file { position: relative; } @media only screen and (max-width: 767px) { .application__file { margin-bottom: 24px; } } .application__file-content { display: flex; align-items: center; } .application__file-content p { font-weight: 400; font-size: 18px; line-height: 89%; color: #717273; margin-left: 8px; } @media only screen and (max-width: 1600px) { .application__file-content p { font-size: 14px; } } @media only screen and (max-width: 1600px) { .application__file-content img { width: 20px; } } .application__file-input input { padding: 0; border: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; cursor: pointer; } .application__file-items { grid-column: 1/3; } @media only screen and (max-width: 767px) { .application__file-items { margin-bottom: 24px; } } .application__file-error { display: inline-flex; flex-direction: column; margin: 8px 8px 8px 0; } @media only screen and (max-width: 767px) { .application__file-error { display: flex; width: 100%; } } .application__file-error > div { margin: 0; } .application__file-error b { font-weight: 400; font-size: 12px; line-height: 150%; color: #cf1f19; margin-top: 4px; } .application__file-new { border-radius: 8px; padding: 5px 12px; border: 1px solid #eff0f3; display: inline-flex; margin: 8px 8px 8px 0; align-items: center; justify-content: space-between; font-size: 14px; line-height: 150%; min-width: 155px; } @media only screen and (max-width: 767px) { .application__file-new { font-size: 12px; min-width: auto; display: flex; width: 100%; } } .application__file-new span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 60px; } .application__file-new.error { border: 1px solid #cf1f19; position: relative; } .application__file-new img { margin-left: 10px; cursor: pointer; } .footer { background: #3a3a3a; padding: 40px 0 12px; } @media only screen and (max-width: 991px) { .footer { padding: 30px 0 12px; } } @media only screen and (max-width: 767px) { .footer { padding: 20px 0 10px; } } .footer__items { display: flex; justify-content: space-between; margin-bottom: 80px; } @media only screen and (max-width: 991px) { .footer__items { display: block; margin-bottom: 70px; } } @media only screen and (max-width: 767px) { .footer__items { margin-bottom: 32px; } } .footer__item { display: flex; justify-content: space-between; } @media only screen and (max-width: 767px) { .footer__item { display: block; } } .footer__logo { font-weight: 700; font-size: 40px; margin-right: 238px; color: #fff; } @media only screen and (max-width: 1660px) { .footer__logo { margin-right: 150px; } } @media only screen and (max-width: 1400px) { .footer__logo { font-size: 31px; margin-right: 58px; } } @media only screen and (max-width: 991px) { .footer__logo { font-size: 40px; margin: 0 0 26px; } } @media only screen and (max-width: 767px) { .footer__logo { font-size: 33px; margin: 0 0 12px; } } .footer__nav { margin-right: 162px; display: flex; justify-content: space-between; } @media only screen and (max-width: 1660px) { .footer__nav { margin-right: 74px; } } @media only screen and (max-width: 1400px) { .footer__nav { margin-right: 37px; } } @media only screen and (max-width: 991px) { .footer__nav { display: grid; grid-template-columns: 1fr 1fr; margin-right: 0; } } @media only screen and (max-width: 767px) { .footer__nav { display: block; margin: 0 0 20px; } } .footer__nav-item { margin-right: 148px; } @media only screen and (max-width: 1660px) { .footer__nav-item { margin-right: 103px; } } @media only screen and (max-width: 1400px) { .footer__nav-item { margin-right: 20px; } } @media only screen and (max-width: 991px) { .footer__nav-item { margin-right: 86px; } } @media only screen and (max-width: 767px) { .footer__nav-item { margin-right: 0; margin-bottom: 12px; } } .footer__nav-item:last-child { margin-right: 0; } @media only screen and (max-width: 991px) { .footer__nav-item:last-child { grid-column: 2/ 3; grid-row: 1 / 1; } } @media only screen and (max-width: 991px) { .footer__nav-item:nth-child(2) { grid-column: 2 / 3; margin-right: 0; } } .footer__head { font-weight: 600; font-size: 18px; line-height: 150%; color: #fff; margin-bottom: 14px; } @media only screen and (max-width: 991px) { .footer__head { margin-bottom: 14px; font-size: 16px; } } @media only screen and (max-width: 767px) { .footer__head { display: flex; justify-content: space-between; margin-bottom: 10px; } .footer__head.active img { transform: none; } } .footer__head img { display: none; } @media only screen and (max-width: 767px) { .footer__head img { display: block; transition: 300ms; transform: rotate(180deg); } } @media only screen and (max-width: 767px) { .footer__list { display: none; } } .footer__list li { font-weight: 500; font-size: 16px; line-height: 150%; color: #bebebe; margin-bottom: 12px; } @media only screen and (max-width: 991px) { .footer__list li { font-size: 14px; } } @media only screen and (max-width: 767px) { .footer__list li { margin-bottom: 8px; } } .footer__list li:last-child { margin-bottom: 0; } .footer__info { display: flex; flex-direction: column; justify-content: flex-start; max-width: 233px; } @media only screen and (max-width: 1400px) { .footer__info { max-width: 197px; } } @media only screen and (max-width: 991px) { .footer__info { max-width: 206px; } } @media only screen and (max-width: 767px) { .footer__info { max-width: 100%; } } .footer__tel { font-weight: 700; font-size: 24px; line-height: 120%; margin-bottom: 20px; color: #fff; } @media only screen and (max-width: 1400px) { .footer__tel { font-size: 20px; } } @media only screen and (max-width: 767px) { .footer__tel { margin-bottom: 16px; } } .footer__block { margin-bottom: 32px; } @media only screen and (max-width: 991px) { .footer__block { margin-bottom: 20px; } } .footer__mail { font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 12px; color: #fff; display: flex; align-items: center; cursor: pointer; } @media only screen and (max-width: 991px) { .footer__mail { font-size: 14px; } } .footer__mail::before { content: ''; display: block; background-image: url(/images/header-mail.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .footer__sity { font-weight: 500; font-size: 16px; line-height: 150%; color: #fff; display: flex; cursor: pointer; } @media only screen and (max-width: 991px) { .footer__sity { font-size: 14px; } } @media only screen and (max-width: 767px) { .footer__sity { max-width: 269px; } } .footer__sity::before { content: ''; display: block; background-image: url(/images/header-sity.svg); background-repeat: no-repeat; width: 38px; height: 20px; background-size: 20px; margin-right: 8px; } @media only screen and (max-width: 767px) { .footer__sity::before { width: 24px; } } .footer__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 12px; width: 233px; height: 42px; background: #ffd823; font-weight: 500; font-size: 18px; line-height: 111%; } @media only screen and (max-width: 1400px) { .footer__btn { width: 187px; } } @media only screen and (max-width: 991px) { .footer__btn { width: 206px; height: 32px; border-radius: 10px; font-size: 16px; } } @media only screen and (max-width: 767px) { .footer__btn { width: 100%; } } .footer__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .footer__end { font-weight: 500; font-size: 12px; line-height: 150%; color: #9ca5ad; text-align: center; display: block; } @media only screen and (max-width: 767px) { .footer__end { text-align: left; } } .f-button.is-close-btn { display: none; } .modal { border-radius: 8px; padding: 0; background-color: #fff; } .modal__content { max-width: 500px; width: 100%; padding: 20px; position: relative; } @media only screen and (max-width: 991px) { .modal__content { max-width: 450px; } } @media only screen and (max-width: 767px) { .modal__content { max-width: 350px; } } .modal__close { display: flex; align-items: center; justify-content: center; position: absolute; top: 24px; right: 20px; cursor: pointer; z-index: 5; } @media only screen and (max-width: 991px) { .modal__close { top: 20px; } } @media only screen and (max-width: 767px) { .modal__close { top: 16px; right: 16px; } } .modal__title { margin-bottom: 24px; } @media only screen and (max-width: 991px) { .modal__title { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .modal__title { margin-bottom: 16px; } } .modal__title p { font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .modal__title p { font-size: 20px; } } @media only screen and (max-width: 767px) { .modal__title p { font-size: 18px; } } .modal__mistake { border: 1px solid #ea7a76; border-radius: 10px; padding: 8px 12px; display: flex; background-color: rgba(233, 50, 43, 0.05); margin-bottom: 16px; } @media only screen and (max-width: 767px) { .modal__mistake { padding: 6px 8px; } } .modal__mistake p { font-weight: 400; font-size: 14px; line-height: 150%; color: #cf1f19; margin-left: 8px; } .modal__form { margin-bottom: 8px; width: 100%; } .modal__item { margin-bottom: 12px; } .modal__item:last-child { margin-bottom: 0; } .modal__item label { font-weight: 400; font-size: 12px; line-height: 150%; margin-bottom: 4px; display: block; color: #3a3a3a; } .modal__item input { border: 1px solid #eff0f3; border-radius: 12px; padding: 0 12px; height: 42px; width: 100%; font-weight: 400; font-size: 14px; line-height: 150%; } .modal__item input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__item input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__item input::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__item textarea { border: 1px solid #eff0f3; border-radius: 12px; padding: 10px 12px; width: 100%; font-weight: 400; font-size: 14px; line-height: 150%; resize: none; } .modal__item textarea::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__item textarea::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__item textarea::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .modal__file { margin-bottom: 25px; } @media only screen and (max-width: 991px) { .modal__file { margin-bottom: 24px; } } .modal .application__file-content p { font-size: 12px; } .modal .application__file img { width: 20px; } .modal__btn { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .modal__buttom { border-radius: 12px; width: 110px; height: 36px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 125%; border: 0; transition: 300ms; cursor: pointer; } @media only screen and (max-width: 767px) { .modal__buttom { width: 106px; height: 32px; border-radius: 10px; } } .modal__buttom-cancellation { margin-right: 12px; background-color: #f9f9f9; color: #3a3a3a; } .modal__buttom-cancellation:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } .modal__buttom-cancellation.continue { width: 313px; height: 36px; font-family: 'Nunito'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; margin: 0px; } .modal__buttom-dispatch { background-color: #ffd823; color: #3a3a3a; } .modal__buttom-dispatch:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .modal__text { font-weight: 400; font-size: 12px; line-height: 150%; text-align: center; color: #9ca5ad; } .modal .f-buttonis-close-btn { border: 0; border-radius: 0; top: 41px; right: 56px; } .nav { padding-top: 30px; margin-bottom: 18px; } @media only screen and (max-width: 1400px) { .nav { padding-top: 30px; } } @media only screen and (max-width: 991px) { .nav { margin-bottom: 20px; padding-top: 24px; } } @media only screen and (max-width: 767px) { .nav { padding-top: 20px; } } .nav__content { display: flex; margin-bottom: 14px; align-items: center; } @media only screen and (max-width: 991px) { .nav__content { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .nav__content { display: none; } .nav__content.nav__content__mobile { display: flex; } } @media only screen and (min-width: 767px) { .nav__content__mobile { display: none; } } .nav__content a { font-weight: 500; font-size: 12px; line-height: 150%; color: #8b929c; } .nav__content span { font-weight: 500; font-size: 12px; line-height: 150%; color: #6a6a6a; } .nav__title { font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .nav__title { font-size: 28px; } } @media only screen and (max-width: 767px) { .nav__title { font-size: 24px; } } .contacts { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .contacts { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .contacts { margin-bottom: 50px; } } .contacts__items { display: flex; justify-content: space-between; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .contacts__items { margin-bottom: 24px; } } @media only screen and (max-width: 767px) { .contacts__items { display: block; margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .contacts__contents-items { display: none; } } .contacts__contents-item { display: none; } .contacts__contents-item:first-child { display: block; } .contacts__mobile-link { display: none; } @media only screen and (max-width: 767px) { .contacts__mobile-link { display: flex; align-items: center; margin-top: 17px; color: #7f8388; font-size: 12px; line-height: 150%; } .contacts__mobile-link svg { margin-right: 8px; } .contacts__mobile-link span { border-bottom: 1px dashed #7f8388; } } .contacts__item { border-radius: 12px; padding: 20px; border: 1px solid #eff0f3; width: 522px; background-color: #fff; transition: 300ms; display: flex; justify-content: flex-start; flex-direction: column; } .contacts__item.active { background: #fbfbfb; } @media only screen and (max-width: 767px) { .contacts__item.active { background: none; } } @media only screen and (max-width: 1660px) { .contacts__item { width: 431px; } } @media only screen and (max-width: 1400px) { .contacts__item { width: 315px; } } @media only screen and (max-width: 991px) { .contacts__item { width: 237px; padding: 12px; } } @media only screen and (max-width: 767px) { .contacts__item { width: 100%; margin-bottom: 16px; } .contacts__item:last-child { margin: 0; } } .contacts__item:hover { background-color: #fbfbfb; } .contacts__title { font-weight: 600; font-size: 20px; line-height: 120%; margin-bottom: 8px; cursor: pointer; } @media only screen and (max-width: 991px) { .contacts__title { font-size: 16px; margin-bottom: 6px; } } @media only screen and (max-width: 767px) { .contacts__title { margin-bottom: 8px; } } .contacts__subtitle { font-weight: 400; font-size: 14px; line-height: 150%; margin-bottom: 16px; } @media only screen and (max-width: 991px) { .contacts__subtitle { margin-bottom: 12px; } } .contacts__info { margin-bottom: 0; margin-top: auto; } .contacts__info-tel { display: flex; align-items: center; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 4px; } @media only screen and (max-width: 991px) { .contacts__info-tel { margin-bottom: 6px; } } @media only screen and (max-width: 767px) { .contacts__info-tel { margin-bottom: 4px; } } .contacts__info-tel::before { content: ''; display: block; background-image: url(/images/header-tel.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .contacts__info-hours { display: flex; align-items: center; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 4px; } .contacts__info-hours::before { content: ''; display: block; background-image: url(/images/header-time.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 8px; } .contacts__info-mail { margin-right: 24px; display: flex; align-items: center; cursor: pointer; font-weight: 400; font-size: 12px; line-height: 150%; margin-bottom: 4px; } @media only screen and (max-width: 991px) { .contacts__info-mail { margin-bottom: 6px; } } @media only screen and (max-width: 767px) { .contacts__info-mail { margin-bottom: 4px; } } .contacts__info-mail::before { content: ''; display: block; background-image: url(/images/header-mail.svg); background-repeat: no-repeat; width: 14px; height: 14px; background-size: 14px; margin-right: 8px; } .contacts__info-time { display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 150%; } .contacts__info-time::before { content: ''; display: block; background-image: url(/images/header-time.svg); background-repeat: no-repeat; width: 14px; height: 14px; background-size: 14px; margin-right: 8px; } .contacts__contents { border-top: 1px solid #bbb; padding-top: 40px; margin-top: 50px; display: flex; } @media only screen and (max-width: 991px) { .contacts__contents { display: block; margin-top: 40px; } } @media only screen and (max-width: 767px) { .contacts__contents { margin-top: 50px; padding-top: 30px; } } .contacts__content { margin-right: 168px; width: 100%; } @media only screen and (max-width: 1400px) { .contacts__content { margin-right: 40px; } } @media only screen and (max-width: 991px) { .contacts__content { margin: 0 0 50px 0; } } @media only screen and (max-width: 767px) { .contacts__content { margin: 0 0 36px 0; } } .contacts__content:last-child { margin: 0; } .contacts__content-title { margin-bottom: 16px; font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .contacts__content-title { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .contacts__content-title { margin-bottom: 16px; } } .contacts__content-items { max-width: 704px; } @media only screen and (max-width: 1400px) { .contacts__content-items { max-width: 508px; } } @media only screen and (max-width: 991px) { .contacts__content-items { max-width: 100%; } } .contacts__content-item { font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 8px; color: #7f8388; } .contacts__content-item span { color: #3a3a3a; } @media only screen and (max-width: 767px) { .contacts__content-item span { display: flex; max-width: 259px; } } .contacts__file-item { display: flex; align-items: flex-start; margin-bottom: 16px; } .contacts__file-item:last-child { margin-bottom: 0; } .contacts__file-image { display: flex; align-items: center; justify-content: center; width: 24px; min-width: 24px; margin-right: 8px; } .contacts__file-head { display: block; font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 4px; } .contacts__file-head:hover { color: #e83e33; } .contacts__file-size { font-size: 14px; line-height: 150%; color: #9ca5ad; } .delivery__address { margin-bottom: 24px; } @media only screen and (max-width: 767px) { .delivery__address { margin-bottom: 20px; } } .delivery__address-inner { border-radius: 12px; padding: 20px; background-color: #fbfbfb; position: relative; } @media only screen and (max-width: 991px) { .delivery__address-inner { padding: 12px; } } .delivery__address-inner::before { display: block; content: ''; background: url(/images/delivery.svg); width: 55px; height: 55px; background-size: 55px; position: absolute; top: 20px; left: 20px; } @media only screen and (max-width: 991px) { .delivery__address-inner::before { width: 45px; height: 45px; background-size: 45px; top: 12px; left: 12px; } } @media only screen and (max-width: 767px) { .delivery__address-inner::before { width: 30px; height: 30px; background-size: 30px; } } .delivery__address-contents { margin: 0 0 32px 75px; } @media only screen and (max-width: 991px) { .delivery__address-contents { margin: 0 0 24px 65px; } } @media only screen and (max-width: 767px) { .delivery__address-contents { margin: 0 0 20px 0; } } .delivery__address-content { display: flex; justify-content: space-between; } @media only screen and (max-width: 767px) { .delivery__address-content { margin-left: 42px; } } .delivery__address-title { margin-bottom: 4px; font-weight: 700; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 991px) { .delivery__address-title { font-size: 20px; font-weight: 600; } } @media only screen and (max-width: 767px) { .delivery__address-title { font-size: 18px; line-height: 150%; margin-bottom: 15px; } } .delivery__address-text { font-weight: 400; font-size: 16px; line-height: 150%; color: #7f8388; } @media only screen and (max-width: 1400px) { .delivery__address-text { max-width: 560px; } } @media only screen and (max-width: 991px) { .delivery__address-text { font-weight: 500; font-size: 16px; line-height: 150%; } } @media only screen and (max-width: 767px) { .delivery__address-text { max-width: 100%; } } .delivery__address-price { font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .delivery__address-price { font-size: 18px; font-weight: 600; } } @media only screen and (max-width: 767px) { .delivery__address-price { font-weight: 500; font-size: 16px; line-height: 150%; } } .delivery__table { background-color: #fff; border-radius: 12px; border: 1px solid #eff0f3; } @media only screen and (max-width: 991px) { .delivery__table { border: 0; border-radius: 0; background: none; display: flex; overflow-x: auto; } } .delivery__table-items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -moz-column-gap: 18px; column-gap: 18px; border-bottom: 1px solid #eff0f3; padding: 12px 0; } @media only screen and (max-width: 1400px) { .delivery__table-items { -moz-column-gap: 41px; column-gap: 41px; } } @media only screen and (max-width: 991px) { .delivery__table-items { display: flex; flex-direction: column; border-radius: 12px; padding: 12px; border-bottom: 1px solid #eff0f3; background-color: #fff; min-width: 256px; width: 256px; margin-right: 12px; } } @media only screen and (max-width: 991px) { .delivery__table-items:first-child { display: none; margin-right: 0; } } .delivery__table-items:last-child { border-bottom: 0; } .delivery__table-header { font-weight: 500; font-size: 16px; line-height: 150%; color: #7f8388; } @media only screen and (max-width: 991px) { .delivery__table-header { display: none; } } .delivery__table-header:first-child { padding-left: 16px; } .delivery__table-header:last-child { padding-right: 16px; } .delivery__table-head { display: none; } @media only screen and (max-width: 991px) { .delivery__table-head { display: block; font-weight: 400; font-size: 14px; line-height: 150%; color: #7f8388; margin-bottom: 4px; } } .delivery__table-top { font-size: 14px; line-height: 150%; } @media only screen and (max-width: 991px) { .delivery__table-top { font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 14px; } } .delivery__table-top:first-child { padding-left: 16px; } @media only screen and (max-width: 991px) { .delivery__table-top:first-child { padding: 0; } } .delivery__table-top:last-child { padding-right: 16px; } @media only screen and (max-width: 991px) { .delivery__table-top:last-child { padding: 0; } } .delivery__table-text { font-size: 14px; line-height: 150%; } @media only screen and (max-width: 991px) { .delivery__table-text { font-weight: 500; font-size: 16px; line-height: 150%; } } @media only screen and (max-width: 991px) { .delivery__table-item { margin-bottom: 14px; } .delivery__table-item:last-child { margin: 0; } } .delivery__pickup { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .delivery__pickup { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .delivery__pickup { margin-bottom: 50px; } } .delivery__pickup-inner { border-radius: 12px; padding: 20px; background-color: #fbfbfb; position: relative; } @media only screen and (max-width: 991px) { .delivery__pickup-inner { padding: 16px; } } .delivery__pickup-inner::before { display: block; content: ''; background: url(/images/bus.svg); width: 55px; height: 55px; background-size: 55px; position: absolute; top: 20px; left: 20px; } @media only screen and (max-width: 991px) { .delivery__pickup-inner::before { width: 45px; height: 45px; background-size: 45px; top: 16px; left: 16px; } } @media only screen and (max-width: 767px) { .delivery__pickup-inner::before { width: 30px; height: 30px; background-size: 30px; } } .delivery__pickup-inner.vivoz::before { background-image: url(/images/bus-2.svg); } .delivery__pickup-items { display: flex; justify-content: space-between; } @media only screen and (max-width: 1400px) { .delivery__pickup-items { display: block; } } .delivery__pickup-item { border-radius: 12px; padding: 12px; border: 1px solid #eff0f3; width: 100%; margin-right: 24px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; background-color: #fff; } @media only screen and (max-width: 1400px) { .delivery__pickup-item { margin: 0 0 20px 0; } } .delivery__pickup-item:last-child { margin: 0; } .delivery__pickup-title { font-weight: 700; font-size: 18px; line-height: 150%; margin-bottom: 4px; } .delivery__pickup-subtitle { font-weight: 400; font-size: 14px; line-height: 150%; color: #7e878e; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .delivery__pickup-subtitle { margin-bottom: 16px; } } .delivery__pickup-info { margin-bottom: 16px; } .delivery__pickup-time { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 4px; } .delivery__pickup-tel { font-weight: 400; font-size: 14px; line-height: 150%; } .delivery__pickup-mapframe { width: 100%; height: 305px; } @media only screen and (max-width: 991px) { .delivery__pickup-mapframe { display: none; } } .delivery__pickup-mapframe iframe { border-radius: 12px; width: 100%; height: 100%; border: 0; } @media only screen and (max-width: 767px) { .delivery__pickup-mapframe iframe { display: none; } } .delivery__pickup-map { display: none; } @media only screen and (max-width: 991px) { .delivery__pickup-map { display: flex; margin-bottom: 17px; } } @media only screen and (max-width: 767px) { .delivery__pickup-map { display: none; } } .delivery__pickup-map p { color: #7f8388; font-weight: 400; font-size: 12px; line-height: 150%; border-bottom: 1px dashed #7f8388; } .delivery__pickup-map::before { content: ''; display: block; background: url(/images/delivery-map-icon.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 4px; } .delivery__pickup-mob { display: none; } @media only screen and (max-width: 767px) { .delivery__pickup-mob { display: flex; cursor: pointer; } .delivery__pickup-mob p { font-weight: 400; font-size: 12px; line-height: 150%; color: #7f8388; border-bottom: 1px dashed #7f8388; } .delivery__pickup-mob::before { content: ''; display: block; background: url(/images/delivery-map-icon.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 4px; } } .payment { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .payment { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .payment { margin-bottom: 50px; } } .payment__title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 32px; } @media only screen and (max-width: 991px) { .payment__title { font-size: 24px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .payment__title { font-size: 20px; } } .payment__items { display: flex; justify-content: flex-start; } @media only screen and (max-width: 991px) { .payment__items { display: block; } } .payment__item { border-radius: 12px; padding: 20px; background-color: #fbfbfb; margin-right: 20px; } @media only screen and (max-width: 991px) { .payment__item { margin: 0 0 16px 0; padding: 16px; } } .payment__item:first-child { min-width: 493px; width: 493px; } @media only screen and (max-width: 1660px) { .payment__item:first-child { min-width: auto; } } @media only screen and (max-width: 991px) { .payment__item:first-child { width: 100%; } } .payment__item:last-child { margin: 0; } .payment__head { font-weight: 600; font-size: 20px; line-height: 120%; margin-bottom: 32px; } @media only screen and (max-width: 991px) { .payment__head { margin-bottom: 24px; font-size: 18px; } } .payment__blocks { display: flex; justify-content: space-between; } @media only screen and (max-width: 767px) { .payment__blocks { flex-direction: column; gap: 20px; } } .payment__block { display: flex; flex-direction: column; justify-content: flex-start; max-width: 336px; } @media only screen and (max-width: 1400px) { .payment__block { max-width: 365px; margin-right: 33px; } } @media only screen and (max-width: 991px) { .payment__block { max-width: 100%; } } .payment__block:last-child { margin: 0; } .payment__subtitle { font-weight: 600; font-size: 18px; line-height: 120%; margin-bottom: 8px; } @media only screen and (max-width: 767px) { .payment__subtitle { margin-bottom: 4px; font-size: 16px; } } .payment__image { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .payment__image { width: 30px; height: 30px; margin-bottom: 12px; } } .payment__text { font-weight: 500; font-size: 16px; line-height: 150%; color: #7f8388; } .basket-empty { margin-bottom: 106px; } @media only screen and (max-width: 991px) { .basket-empty { margin-bottom: 100px; } } @media only screen and (max-width: 767px) { .basket-empty { margin-bottom: 70px; } } .basket-empty__content { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; margin: 0 auto 32px; } @media only screen and (max-width: 767px) { .basket-empty__content { margin: 49px auto 24px; } } .basket-empty__title { font-weight: 600; font-size: 20px; line-height: 120%; text-align: center; margin-bottom: 12px; } @media only screen and (max-width: 767px) { .basket-empty__title { font-size: 18px; } } .basket-empty__image { margin-bottom: 24px; } .basket-empty__text { font-weight: 500; font-size: 16px; line-height: 150%; text-align: center; max-width: 405px; color: #9ca5ad; } .basket-empty__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; border-radius: 12px; width: 191px; height: 42px; background-color: #f9f9f9; font-weight: 500; font-size: 18px; line-height: 111%; margin: 0 auto; } .basket-empty__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } .success { padding: 180px 0 180px; } @media only screen and (max-width: 1400px) { .success { padding: 160px 0 200px; } } @media only screen and (max-width: 991px) { .success { padding: 150px 0 224px; } } @media only screen and (max-width: 767px) { .success { padding: 70px 0 70px; } } .success__items { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .success__image { margin-bottom: 24px; } @media only screen and (max-width: 991px) { .success__image { width: 45px; height: 45px; } } @media only screen and (max-width: 767px) { .success__image { margin-bottom: 16px; width: 40px; height: 40px; } } .success__title { font-weight: 700; font-size: 36px; line-height: 120%; text-align: center; margin-bottom: 8px; } @media only screen and (max-width: 991px) { .success__title { font-size: 28px; } } @media only screen and (max-width: 767px) { .success__title { font-size: 24px; } } .success__text { font-weight: 400; font-size: 18px; line-height: 150%; text-align: center; margin-bottom: 32px; color: #7f8388; } @media only screen and (max-width: 991px) { .success__text { font-size: 16px; } } @media only screen and (max-width: 767px) { .success__text { margin-bottom: 16px; max-width: 320px; } } .success__btn { display: flex; align-items: center; justify-content: center; transition: 300ms; cursor: pointer; border-radius: 12px; width: 223px; height: 42px; font-weight: 500; font-size: 18px; line-height: 111%; background: #f9f9f9; } .success__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } .decoration { margin-bottom: 100px; } @media only screen and (max-width: 1400px) { .decoration { margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .decoration { margin-bottom: 26px; } } @media only screen and (max-width: 767px) { .decoration { margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .decoration .application__file, .decoration .application__file-items { margin-bottom: 0; } } .decoration__contents { display: flex; justify-content: space-between; margin-bottom: 32px; } @media only screen and (max-width: 1400px) { .decoration__contents { display: block; margin-bottom: 0; } } .decoration__content { width: 100%; max-width: 1051px; } @media only screen and (max-width: 1660px) { .decoration__content { max-width: 880px; } } @media only screen and (max-width: 1400px) { .decoration__content { max-width: 100%; } } .decoration__basket { border-radius: 12px; padding: 20px; width: 100%; background-color: #fbfbfb; border: 1px solid #eff0f3; margin-bottom: 52px; } @media only screen and (max-width: 1400px) { .decoration__basket { max-width: 100%; margin-bottom: 42px; } } @media only screen and (max-width: 991px) { .decoration__basket { padding: 16px; margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .decoration__basket { padding: 12px; margin-bottom: 26px; } } .decoration__basket-title { font-weight: 700; font-size: 22px; line-height: 120%; margin-bottom: 24px; } @media only screen and (max-width: 991px) { .decoration__basket-title { font-weight: 600; font-size: 20px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .decoration__basket-title { font-size: 18px; margin-bottom: 24px; } } .decoration__basket-left { display: flex; align-items: center; width: 100%; } @media only screen and (max-width: 767px) { .decoration__basket-left { margin-bottom: 12px; } } .decoration__basket-center { display: flex; align-items: center; } .decoration__basket-top { display: flex; width: 100%; align-items: center; } @media only screen and (max-width: 767px) { .decoration__basket-top { flex-direction: column; align-items: flex-start; } } .decoration__basket-items { display: flex; flex-direction: column; } .decoration__basket-item { border-bottom: 1px solid #f6f6f6; padding: 24px 0; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 991px) { .decoration__basket-item { padding: 16px 0; } } @media only screen and (max-width: 767px) { .decoration__basket-item { padding: 12px 0; align-items: flex-start; } } .decoration__basket-item:first-child { padding: 0 0 24px; } .decoration__basket-item:last-child { border: 0; padding: 24px 0 0; } .decoration__basket-image { margin-right: 20px; width: 90px; height: 90px; min-width: 90px; border-radius: 8px; background: #f6f6f6; } @media only screen and (max-width: 991px) { .decoration__basket-image { border-radius: 8px; width: 65px; height: 65px; min-width: 65px; margin-right: 12px; } } @media only screen and (max-width: 767px) { .decoration__basket-image { border-radius: 4px; width: 45px; height: 45px; min-width: 45px; margin-right: 8px; } } .decoration__basket-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .decoration__basket-info { max-width: 322px; width: 100%; /* margin-right: 116px; */ } @media only screen and (max-width: 1660px) { .decoration__basket-info { max-width: 246px; /* margin-right: 80px; */ } } @media only screen and (max-width: 991px) { .decoration__basket-info { /* margin-right: 65px; */ max-width: 243px; } } @media only screen and (max-width: 767px) { .decoration__basket-info { /* margin-right: 15px; */ max-width: 100%; } } .decoration__basket-subtitle { margin-bottom: 4px; font-weight: 500; font-size: 16px; line-height: 150%; color: #3a3a3a; } @media only screen and (max-width: 991px) { .decoration__basket-subtitle { font-size: 16px; } } @media only screen and (max-width: 767px) { .decoration__basket-subtitle { font-size: 14px; } } .decoration__basket-subtitle:hover { color: #e83e33; } .decoration__basket-art { font-weight: 500; font-size: 14px; line-height: 150%; color: #9ca5ad; } @media only screen and (max-width: 991px) { .decoration__basket-art { font-weight: 400; font-size: 14px; } } @media only screen and (max-width: 767px) { .decoration__basket-art { font-size: 12px; } } .decoration__basket-art span { color: #3a3a3a; } .decoration__basket .header__basket-content-counter { margin-right: 116px; width: 180px; height: 42px; min-width: 180px; } @media only screen and (max-width: 1660px) { .decoration__basket .header__basket-content-counter { margin-right: 60px; } } @media only screen and (max-width: 991px) { .decoration__basket .header__basket-content-counter { width: 120px; height: 42px; margin-right: 65px; min-width: 120px; } } @media only screen and (max-width: 767px) { .decoration__basket .header__basket-content-counter { border-radius: 12px; padding: 6px; width: 104px; height: 32px; margin-right: 8px; min-width: 104px; } } .decoration__basket .header__basket-content-counter input { font-weight: 500; font-size: 16px; line-height: 150%; text-align: center; width: 87px; } @media only screen and (max-width: 991px) { .decoration__basket .header__basket-content-counter input { width: 55px; } } .decoration__basket .header__basket-content-plus { right: 24px; } @media only screen and (max-width: 1660px) { .decoration__basket .header__basket-content-plus { right: 14px; } } @media only screen and (max-width: 991px) { .decoration__basket .header__basket-content-plus { right: 12px; } } @media only screen and (max-width: 767px) { .decoration__basket .header__basket-content-plus { width: 15px; } } .decoration__basket .header__basket-content-minus { left: 24px; } @media only screen and (max-width: 1660px) { .decoration__basket .header__basket-content-minus { left: 14px; } } @media only screen and (max-width: 991px) { .decoration__basket .header__basket-content-minus { left: 12px; } } @media only screen and (max-width: 767px) { .decoration__basket .header__basket-content-minus { width: 15px; } } .decoration__basket-price { margin-right: 50px; min-width: 94px; width: 94px; display: flex; flex-direction: column; } @media only screen and (max-width: 1660px) { .decoration__basket-price { margin-right: 25px; } } @media only screen and (max-width: 991px) { .decoration__basket-price { margin-right: 40px; min-width: 69px; width: 69px; } } @media only screen and (max-width: 767px) { .decoration__basket-price { min-width: auto; width: 100%; flex-direction: row; margin-right: 0; } } .decoration__basket-money { font-weight: 700; font-size: 22px; white-space: nowrap; line-height: 120%; margin-bottom: 4px; } @media only screen and (max-width: 991px) { .decoration__basket-money { font-weight: 600; font-size: 18px; } } @media only screen and (max-width: 767px) { .decoration__basket-money { font-weight: 700; font-size: 14px; margin-bottom: 0; margin-right: 8px; } } .decoration__basket-block { font-weight: 500; font-size: 16px; line-height: 150%; color: #9ca5ad; } @media only screen and (max-width: 991px) { .decoration__basket-block { font-weight: 400; font-size: 12px; } } .decoration__basket-icon { width: 21px; height: 22px; min-width: 21px; cursor: pointer; } @media only screen and (max-width: 991px) { .decoration__basket-icon { width: 18px; height: 19px; min-width: 18px; } } @media only screen and (max-width: 767px) { .decoration__basket-icon { width: 14px; height: 16px; min-width: 14px; } } .decoration__basket-icon svg { width: 100%; } .decoration__basket-icon svg path { transition: 300ms; } .decoration__basket-icon:hover svg path { stroke: #3a3a3a; } .decoration__basket-icon:active svg path { stroke: #cf1f19; } .decoration__ordering { max-width: 445px; width: 100%; height: 100%; border-radius: 20px; padding: 16px; border: 1px solid #eff0f3; background-color: #fbfbfb; position: sticky; top: 0; } @media only screen and (max-width: 1660px) { .decoration__ordering { max-width: 400px; } } @media only screen and (max-width: 1400px) { .decoration__ordering { max-width: 100%; } } @media only screen and (max-width: 767px) { .decoration__ordering { padding: 12px; border-radius: 12px; } } .decoration__ordering-title { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .decoration__ordering-title { display: flex; justify-content: space-between; } } .decoration__ordering-title.active img { transform: rotate(180deg); } .decoration__ordering-title p { font-weight: 700; font-size: 22px; line-height: 120%; } @media only screen and (max-width: 991px) { .decoration__ordering-title p { font-weight: 600; font-size: 20px; } } @media only screen and (max-width: 767px) { .decoration__ordering-title p { font-size: 18px; } } .decoration__ordering-title img { display: none; } @media only screen and (max-width: 767px) { .decoration__ordering-title img { display: block; transition: 300ms; } } .decoration__ordering-info { margin-bottom: 16px; display: flex; justify-content: space-between; } .decoration__ordering-product { font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 4px; } @media only screen and (max-width: 991px) { .decoration__ordering-product { font-size: 16px; } } .decoration__ordering-volume { font-weight: 400; font-size: 14px; line-height: 100%; color: #9ca5ad; } .decoration__ordering-price { font-weight: 600; font-size: 18px; line-height: 120%; } .decoration__ordering-percent { margin-bottom: 8px; } .decoration__ordering-discount { margin-bottom: 20px; } .decoration__ordering-discount--head { display: flex; justify-content: space-between; margin-bottom: 4px; } @media only screen and (max-width: 767px) { .decoration__ordering-discount--head { margin-bottom: 8px; } } .decoration__ordering-discount--hide { font-weight: 400; font-size: 14px; line-height: 100%; border-bottom: 1px dashed #9ca5ad; color: #9ca5ad; display: inline-block; cursor: pointer; } .decoration__ordering-discount--block { display: flex; flex-direction: column; justify-content: space-between; } .decoration__ordering-discount--line { width: 100%; height: 4px; background-color: #eff0f3; margin: 4px 0; border-radius: 19px; } .decoration__ordering-discount--line span { height: 4px; border-radius: 19px; width: 160px; display: block; background-color: #19cf62; } .decoration__ordering-discount--top { font-weight: 500; font-size: 14px; line-height: 150%; } .decoration__ordering-discount--top:nth-child(n + 3) { color: #9ca5ad; } .decoration__ordering-discount--bottom { font-weight: 500; font-size: 12px; line-height: 150%; } .decoration__ordering-discount--bottom:nth-child(n + 3) { color: #9ca5ad; } .decoration__ordering-discount--items { display: flex; justify-content: space-between; } .decoration__ordering-hot { font-weight: 400; font-size: 18px; line-height: 150%; display: flex; } @media only screen and (max-width: 991px) { .decoration__ordering-hot { font-size: 16px; } } .decoration__ordering-hot::after { content: ''; display: block; background: url(/images/hot.svg); background-repeat: no-repeat; width: 17px; height: 22px; background-size: 17px; margin-left: 7px; } .decoration__ordering-ammount { font-weight: 600; font-size: 18px; line-height: 120%; } .decoration__ordering-delivery { margin-bottom: 24px; } @media only screen and (max-width: 767px) { .decoration__ordering-delivery { margin-bottom: 26px; } } .decoration__ordering-delivery--head { font-weight: 700; font-size: 18px; line-height: 150%; margin-bottom: 8px; } @media only screen and (max-width: 991px) { .decoration__ordering-delivery--head { font-weight: 600; } } @media only screen and (max-width: 991px) { .decoration__ordering-delivery--head { margin-bottom: 12px; } } .decoration__ordering-delivery--block { margin-bottom: 12px; border: 1px solid #3062d4; border-radius: 12px; padding: 12px; background: rgba(48, 98, 212, 0.05); display: flex; width: 100%; font-weight: 500; font-size: 16px; line-height: 150%; } @media only screen and (max-width: 767px) { .decoration__ordering-delivery--block { padding: 6px 8px; font-size: 14px; } } .decoration__ordering-delivery--block::before { content: ''; display: block; background: url(/images/mistake-blue.svg); background-repeat: no-repeat; width: 24px; height: 24px; min-width: 24px; background-size: 24px; margin-right: 12px; } .decoration__ordering-delivery--attention { display: flex; border-radius: 12px; padding: 9px 12px; width: 100%; background: rgba(233, 50, 43, 0.05); border: 1px solid #cf1f19; font-weight: 500; font-size: 14px; line-height: 171%; letter-spacing: 0.02em; color: #cf1f19; } @media only screen and (max-width: 767px) { .decoration__ordering-delivery--attention { padding: 6px 8px; } } .decoration__ordering-delivery--attention::before { content: ''; display: block; background: url(/images/mistake.svg); width: 24px; height: 24px; min-width: 24px; margin-right: 12px; background-size: 24px; background-repeat: no-repeat; } .decoration__ordering-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; height: 42px; width: 100%; border-radius: 12px; padding: 11px 16px; background-color: #ffd823; font-weight: 500; font-size: 18px; line-height: 111%; } .decoration__ordering-btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .decoration__promocode { margin-bottom: 24px; } .decoration__promocode-form { border-radius: 12px; margin-bottom: 4px; height: 42px; padding: 10px 12px; border: 1px solid #eff0f3; background: #fff; font-weight: 400; font-size: 14px; line-height: 150%; color: #000000; display: flex; justify-content: space-between; position: relative; } .decoration__promocode-form.red { border: 1px solid #cf1f19; } .decoration__promocode-form.green { border: 1px solid #4dac62; } .decoration__promocode-form input { font-weight: 400; font-size: 14px; line-height: 150%; color: #3a3a3a; border: 0; background: #fff; width: 100%; padding-right: 122px; } .decoration__promocode-form input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__promocode-form input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__promocode-form input::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__promocode-form button { border-radius: 10px; width: 110px; height: 32px; padding: 6px 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 300ms; font-weight: 500; font-size: 16px; line-height: 125%; background-color: #3a3a3a; border: 0; color: #fff; position: absolute; top: 5px; right: 5px; } .decoration__promocode-form button:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #181818; } .decoration__promocode-condition { font-weight: 400; font-size: 12px; line-height: 150%; color: #4dac62; } .decoration__result { margin-bottom: 30px; display: flex; justify-content: space-between; } @media only screen and (max-width: 991px) { .decoration__result { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .decoration__result { margin-bottom: 16px; } } .decoration__result-text { font-weight: 600; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 767px) { .decoration__result-text { font-size: 18px; } } .decoration__result-price { font-weight: 600; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 767px) { .decoration__result-price { font-size: 18px; } } .decoration__inner { border-radius: 12px; padding: 20px; background-color: #fbfbfb; width: 100%; border: 1px solid #eff0f3; } @media only screen and (max-width: 1400px) { .decoration__inner { max-width: 100%; margin-bottom: 42px; } } @media only screen and (max-width: 991px) { .decoration__inner { padding: 16px; margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .decoration__inner { padding: 12px; margin-bottom: 26px; } } .decoration__receiving { border-bottom: 1px solid rgba(187, 187, 187, 0.2); padding-bottom: 32px; } @media only screen and (max-width: 991px) { .decoration__receiving { padding-bottom: 24px; } } @media only screen and (max-width: 767px) { .decoration__receiving { padding-bottom: 20px; border-bottom: 1px solid #f6f6f6; } .decoration__receiving.active { border-bottom: 1px solid transparent; padding-bottom: 0; } } .decoration__receiving-title { font-weight: 700; font-size: 22px; line-height: 120%; margin-bottom: 24px; } @media only screen and (max-width: 991px) { .decoration__receiving-title { margin-bottom: 20px; font-weight: 600; font-size: 20px; } } @media only screen and (max-width: 767px) { .decoration__receiving-title { margin-bottom: 0; font-size: 18px; display: flex; align-items: center; justify-content: space-between; } .decoration__receiving-title.active img { transform: rotate(180deg); } } .decoration__receiving-title img { display: none; transition: 300ms; } @media only screen and (max-width: 767px) { .decoration__receiving-title img { display: block; } } .decoration__receiving-items { display: flex; justify-content: space-between; margin-bottom: 24px; } @media only screen and (max-width: 991px) { .decoration__receiving-items { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .decoration__receiving-items { flex-direction: column; margin-bottom: 16px; margin-top: 16px; } } .decoration__receiving-item { border-radius: 12px; padding: 14px 16px; border: 1px solid #eff0f3; background-color: #fff; width: 100%; margin-right: 16px; } @media only screen and (max-width: 991px) { .decoration__receiving-item { padding: 12px; } } @media only screen and (max-width: 767px) { .decoration__receiving-item { margin: 0 0 8px 0; } } .decoration__receiving-item:last-child { margin: 0; } .decoration__receiving-radio { margin-bottom: 2px; } .decoration__receiving-radio label { font-weight: 500; font-size: 16px; line-height: 150%; color: #3a3a3a; position: relative; cursor: pointer; display: flex; align-items: center; margin-bottom: 2px; } .decoration__receiving-radio label.active::before { content: ''; display: block; border-radius: 100%; width: 12px; height: 12px; background-color: #ffd823; position: absolute; top: 6px; left: 4px; z-index: 5; } .decoration__receiving-radio label.active input { border: 1px solid #ffd823; } .decoration__receiving-radio input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; background-color: #fff; border: 1px solid #eff0f3; border-radius: 100%; margin-right: 12px; } .decoration__receiving-text { font-weight: 400; font-size: 14px; line-height: 150%; color: #7f8388; margin-left: 32px; } .decoration__receiving-intro { display: none; } .decoration__receiving-form { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 12px; column-gap: 12px; row-gap: 16px; margin-bottom: 24px; } @media only screen and (max-width: 767px) { .decoration__receiving-form { grid-template-columns: 1fr; } } .decoration__receiving-form label { font-weight: 500; font-size: 14px; line-height: 150%; margin-bottom: 4px; } @media only screen and (max-width: 991px) { .decoration__receiving-form label { font-size: 12px; font-weight: 400; } } .decoration__receiving-form input { border-radius: 12px; padding: 10px 12px; width: 499px; height: 41px; border: 1px solid #eff0f3; font-weight: 400; font-size: 14px; line-height: 150%; color: #000; } @media only screen and (max-width: 1660px) { .decoration__receiving-form input { width: 386px; } } @media only screen and (max-width: 1400px) { .decoration__receiving-form input { width: 456px; } } @media only screen and (max-width: 991px) { .decoration__receiving-form input { width: 339px; } } @media only screen and (max-width: 767px) { .decoration__receiving-form input { width: 100%; } } .decoration__receiving-form input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__receiving-form input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__receiving-form input::placeholder { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; } .decoration__receiving-block { display: flex; flex-direction: column; justify-content: flex-start; } .decoration__receiving-info { display: flex; align-items: center; background: rgba(48, 98, 212, 0.05); border: 1px solid #3062d4; border-radius: 12px; padding: 8px 12px; width: 100%; height: 40px; } @media only screen and (max-width: 767px) { .decoration__receiving-info { height: auto; padding: 6px 8px; } } .decoration__receiving-info svg { margin-right: 12px; width: 24px; height: 24px; min-width: 24px; } .decoration__receiving-info p { font-weight: 400; font-size: 14px; line-height: 150%; color: #3a3a3a; } .decoration__receiving-contents { display: grid; grid-template-columns: 1fr 1fr; border-radius: 12px; padding: 12px; -moz-column-gap: 16px; column-gap: 16px; background-color: #fff; } @media only screen and (max-width: 767px) { .decoration__receiving-contents { grid-template-columns: 1fr; row-gap: 18px; } } .decoration__receiving-content { width: 100%; } .decoration__receiving-inner { margin-bottom: 4px; } .decoration__receiving-inner label { font-weight: 500; font-size: 16px; line-height: 150%; color: #3a3a3a; position: relative; display: flex; cursor: pointer; align-items: center; } .decoration__receiving-inner label.active::before { content: ''; display: block; border-radius: 100%; width: 12px; height: 12px; background-color: #ffd823; position: absolute; top: 6px; left: 4px; z-index: 5; } .decoration__receiving-inner label.active input { border: 1px solid #ffd823; } .decoration__receiving-inner input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; background-color: #fff; border: 1px solid #eff0f3; border-radius: 100%; margin-right: 12px; } .decoration__receiving-contacts { padding-left: 32px; width: 100%; } @media only screen and (max-width: 991px) { .decoration__receiving-contacts { padding-left: 28px; } } .decoration__receiving-subtitle { font-weight: 400; font-size: 14px; line-height: 150%; color: #7e878e; margin-bottom: 14px; min-height: 42px; } @media only screen and (max-width: 767px) { .decoration__receiving-subtitle { min-width: auto; width: 100%; max-width: 230px; } } .decoration__receiving-main { margin-bottom: 16px; } @media only screen and (max-width: 991px) { .decoration__receiving-main { margin-bottom: 12px; } } @media only screen and (max-width: 767px) { .decoration__receiving-main { margin-bottom: 16px; } } .decoration__receiving-time { font-weight: 400; font-size: 14px; line-height: 150%; margin-bottom: 4px; } .decoration__receiving-tel { font-weight: 400; font-size: 14px; line-height: 150%; } .decoration__receiving-mapframe { width: 100%; margin-bottom: 0; margin-top: auto; height: 305px; } @media only screen and (max-width: 991px) { .decoration__receiving-mapframe { height: 219px; } } @media only screen and (max-width: 767px) { .decoration__receiving-mapframe { display: none; } } .decoration__receiving-mapframe iframe { border-radius: 12px; width: 100%; height: 100%; border: 0; } @media only screen and (max-width: 767px) { .decoration__receiving-mapframe iframe { display: none; } } .decoration__receiving-map { display: none; } .decoration__receiving-map p { color: #7f8388; font-weight: 400; font-size: 12px; line-height: 150%; border-bottom: 1px dashed #7f8388; } .decoration__receiving-map::before { content: ''; display: block; background: url(/images/delivery-map-icon.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 4px; } .decoration__receiving-mob { display: none; } @media only screen and (max-width: 767px) { .decoration__receiving-mob { display: flex; cursor: pointer; } .decoration__receiving-mob p { font-weight: 400; font-size: 12px; line-height: 150%; color: #7f8388; border-bottom: 1px dashed #7f8388; } .decoration__receiving-mob::before { content: ''; display: block; background: url(/images/delivery-map-icon.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 4px; } } .decoration__contacts { padding-top: 32px; } @media only screen and (max-width: 991px) { .decoration__contacts { padding-top: 24px; } } @media only screen and (max-width: 767px) { .decoration__contacts { padding-top: 20px; } } .decoration__contacts-title { margin-bottom: 22px; font-weight: 700; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 991px) { .decoration__contacts-title { margin-bottom: 20px; font-weight: 600; font-size: 20px; } } @media only screen and (max-width: 767px) { .decoration__contacts-title { margin-bottom: 16px; font-size: 18px; } } .decoration__contacts-radio { margin-bottom: 20px; display: flex; gap: 31px; } @media only screen and (max-width: 767px) { .decoration__contacts-radio { display: block; margin-bottom: 16px; } } .decoration__contacts-radio label { font-weight: 500; font-size: 16px; line-height: 150%; color: #3a3a3a; position: relative; display: flex; cursor: pointer; align-items: center; } @media only screen and (max-width: 767px) { .decoration__contacts-radio label { margin-bottom: 12px; } .decoration__contacts-radio label:last-child { margin: 0; } } .decoration__contacts-radio label.active::before { content: ''; display: block; border-radius: 100%; width: 12px; height: 12px; background-color: #ffd823; position: absolute; top: 6px; left: 4px; z-index: 5; } .decoration__contacts-radio label.active input { border: 1px solid #ffd823; } .decoration__contacts-radio input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; background-color: #fff; border: 1px solid #eff0f3; border-radius: 100%; margin-right: 12px; } @media only screen and (max-width: 767px) { .decoration__contacts-radio input { margin-right: 8px; } } .decoration__contacts .application__file-content p { font-weight: 400; font-size: 14px; line-height: 150%; color: #9ca5ad; margin-left: 4px; } .decoration__contacts .application__file-content img { width: 20px; height: 20px; min-width: 20px; } .decoration__contacts-naturalperson { margin-bottom: 16px; } .decoration__contacts-blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .decoration__form-first { display: none; } .modal-thanks { max-width: 622px; width: 100%; background: #fff; border-radius: 8px; padding: 0; } @media only screen and (max-width: 991px) { .modal-thanks { max-width: 450px; } } @media only screen and (max-width: 767px) { .modal-thanks { max-width: 350px; } } .modal-thanks__content { position: relative; padding: 45px 0; text-align: center; } @media only screen and (max-width: 991px) { .modal-thanks__content { padding: 40px 0; } } @media only screen and (max-width: 767px) { .modal-thanks__content { padding: 36px 25px; } } .modal-thanks__strong { display: flex; align-items: center; justify-content: center; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 5; } @media only screen and (max-width: 767px) { .modal-thanks__strong { top: 15px; right: 15px; } } .modal-thanks__image { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; } @media only screen and (max-width: 991px) { .modal-thanks__image { width: 45px; margin: 0 auto 16px auto; } } @media only screen and (max-width: 767px) { .modal-thanks__image { width: 40px; } } .modal-thanks__title { font-weight: 700; font-size: 24px; line-height: 120%; margin-bottom: 8px; } @media only screen and (max-width: 991px) { .modal-thanks__title { font-size: 20px; font-weight: 600; } } @media only screen and (max-width: 767px) { .modal-thanks__title { font-size: 18px; } } .modal-thanks__text { font-size: 18px; line-height: 150%; color: #7f8388; } @media only screen and (max-width: 991px) { .modal-thanks__text { font-size: 16px; } } @media only screen and (max-width: 767px) { .modal-thanks__text { font-size: 14px; } } .fancybox__backdrop { background: rgba(0, 0, 0, 0.6); } .search-error { /*margin-bottom: 100px;*/ } @media only screen and (max-width: 991px) { .search-error { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .search-error { margin-bottom: 50px; } } .search-error__text { font-weight: 400; font-size: 18px; line-height: 150%; } @media only screen and (max-width: 991px) { .search-error__text { font-weight: 500; font-size: 16px; } } .search-error__text a { font-weight: 400; font-size: 18px; line-height: 150%; color: #3a3a3a; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .catalog { margin-bottom: 100px; } .catalog__items { display: flex; justify-content: space-between; } @media only screen and (max-width: 991px) { .catalog__items { flex-direction: column; } } @media only screen and (max-width: 767px) { .catalog .container { padding: 0; } } .catalog .hit__items { grid-template-columns: 304px 304px 304px 304px; } @media only screen and (max-width: 1660px) { .catalog .hit__items { grid-template-columns: 251px 251px 251px 251px; } } @media only screen and (max-width: 1400px) { .catalog .hit__items { grid-template-columns: 229px 229px 229px; } } @media only screen and (max-width: 991px) { .catalog .hit__items { grid-template-columns: 232px 232px 232px; } } @media only screen and (max-width: 767px) { .catalog .hit__items { margin-bottom: 36px; display: block; } } .catalog__item { min-width: 193px; width: 193px; display: flex; flex-direction: column; } @media only screen and (max-width: 991px) { .catalog__item { display: block; min-width: auto; width: 100%; margin-bottom: 17px; } } @media only screen and (max-width: 767px) { .catalog__item { margin-bottom: 24px; } } @media only screen and (max-width: 991px) { .catalog__item-slider { display: flex; overflow-y: hidden; padding-bottom: 10px; overflow-x: auto; } .catalog__item-slider .slick-list { overflow: visible; } .catalog__item-slider::-webkit-scrollbar { width: 0; height: 0; background: transparent; } .catalog__item-slider::-webkit-scrollbar-thumb { background: transparent; } } .catalog__title { font-weight: 600; font-size: 20px; line-height: 125%; letter-spacing: -0.02em; margin-bottom: 32px; } @media only screen and (max-width: 991px) { .catalog__title { display: none; } } @media only screen and (max-width: 767px) { .catalog .catalog__right { padding: 0 15px; } } .catalog__block { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; } @media only screen and (max-width: 991px) { .catalog__block { flex-direction: column; margin: 0 22px; display: flex !important; } } @media only screen and (max-width: 767px) { .catalog__block { margin: 0 17px; } } .catalog__block:last-child { margin: 0; } .catalog__block.active img { opacity: 1; filter: sepia(150%) saturate(1550%) hue-rotate(3deg) brightness(100%) contrast(100%); } .catalog__block:hover img { opacity: 1; /*filter: sepia(150%) saturate(1550%) hue-rotate(3deg) brightness(100%) contrast(100%);*/ } .catalog__block img { margin-right: 16px; width: 51px; height: 51px; min-width: 51px; opacity: 0.6; transition: 300ms; } @media only screen and (max-width: 991px) { .catalog__block img { margin: 0 0 16px 0; } } @media only screen and (max-width: 767px) { .catalog__block img { margin: 0 0 12px 0; } } .catalog__block-title { font-weight: 400; font-size: 16px; line-height: 112%; } @media only screen and (max-width: 991px) { .catalog__block-title { /*white-space: nowrap;*/ min-width: 60px; text-align: center; } } @media only screen and (max-width: 767px) { .catalog__block-title { font-size: 14px; } } .catalog__block-title span { margin-left: 4px; font-weight: 400; font-size: 14px; line-height: 114%; color: #9ca5ad; } /* .catalog__block.active .catalog__block-title { color: rgb(207, 31, 25); }*/ .catalog .mySwiper { padding-bottom: 27px; width: 100%; } .catalog .swiper-slide { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 1600px) { .catalog .swiper-slide { height: 155px; } } .catalog .swiper-pagination-hover-wrap { position: relative; } .catalog .swiper-pagination-hover-wrap .swiper-pagination { z-index: 1; height: 100%; display: flex; justify-content: center; align-items: flex-end; bottom: 0; } @media only screen and (max-width: 991px) { .catalog .swiper-pagination-hover-wrap .swiper-pagination { height: 10px; } } .catalog .swiper-pagination-hover-wrap .swiper-pagination-bullet { width: 100%; border-radius: 0px; position: relative; display: flex; flex-direction: column; height: 100%; background-color: transparent; } @media only screen and (max-width: 991px) { .catalog .swiper-pagination-hover-wrap .swiper-pagination-bullet { bottom: 10px; background: #e0e6ed; border-radius: 2px; width: 11px; height: 3px; opacity: 1; margin: 0 1px; } .catalog .swiper-pagination-hover-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d4c4c; } } .catalog .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { content: ''; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; left: 0; width: 100%; } @media only screen and (max-width: 991px) { .catalog .swiper-pagination-hover-wrap .swiper-pagination-bullet::after { display: none; } } .catalog-common { margin-bottom: 100px; } @media only screen and (max-width: 991px) { .catalog-common { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .catalog-common { margin-bottom: 50px; } } .catalog-common__items { position: relative; margin-bottom: 100px; } @media only screen and (max-width: 991px) { .catalog-common__items { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .catalog-common__items { margin-bottom: 50px; } } .catalog-common__items:last-child { margin-bottom: 0; } .catalog-common__items:nth-child(2n) .catalog-common__main-slider { right: auto; left: 0; } @media only screen and (min-width: 991px) { .catalog-common__items:nth-child(2n) .catalog-common__main-slider.only-one { left: 330px; } } @media only screen and (min-width: 1400px) { .catalog-common__items:nth-child(2n) .catalog-common__main-slider.only-one { left: 690px; } } .catalog-common__items:nth-child(2n) .catalog-common__image { margin-right: 0; margin-left: auto; } .catalog-common__items:nth-child(2n) .catalog-common__text { left: auto; right: 0; border-radius: 12px 12px 0 12px; } .catalog-common__items:nth-child(2n) .swiper-button-next { right: -25px; } .catalog-common__items:nth-child(2n) .swiper-button-prev { left: -25px; } .catalog-common__item { position: relative; } .catalog-common__image { width: 623px; height: 467px; position: relative; border-radius: 12px; cursor: pointer; } @media only screen and (max-width: 1660px) { .catalog-common__image { min-width: 500px; width: 500px; height: 420px; } } @media only screen and (max-width: 1400px) { .catalog-common__image { min-width: 450px; width: 450px; height: 400px; } } @media only screen and (max-width: 991px) { .catalog-common__image { height: 176px; min-width: auto; width: 100%; } } .catalog-common__image-images { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .catalog-common__image-images img { border-radius: 12px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog-common__image-images img:last-child { display: none; } @media only screen and (max-width: 991px) { .catalog-common__image-images img:last-child { display: block; } } @media only screen and (max-width: 991px) { .catalog-common__image-images img:first-child { display: none; } } .catalog-common__text { font-weight: 700; font-size: 28px; line-height: 120%; border-radius: 12px 12px 12px 0; padding: 12px 16px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.64); position: absolute; top: 0; left: 0; z-index: 5; } @media only screen and (max-width: 1660px) { .catalog-common__text { font-size: 24px; } } @media only screen and (max-width: 1400px) { .catalog-common__text { font-size: 22px; } } @media only screen and (max-width: 991px) { .catalog-common__text { font-size: 20px; } } @media only screen and (max-width: 767px) { .catalog-common__text { padding: 8px 12px; font-size: 18px; } } .catalog-common .swiper-container { width: 100%; max-width: 1015px; margin-right: 0; margin-left: auto; overflow: hidden; /* .swiper-slide { height: auto; } */ } @media only screen and (max-width: 1660px) { .catalog-common .swiper-container { max-width: 900px; } } @media only screen and (max-width: 1400px) { .catalog-common .swiper-container { max-width: 630px; } } @media only screen and (max-width: 991px) { .catalog-common .swiper-container { max-width: 100%; margin-left: 0; } } .catalog-common .swiper-container .swiper-wrapper { position: relative; z-index: 5; } .catalog-common .mySwiper { padding-bottom: 27px; width: 100%; position: relative; } .catalog-common .mySwiper .swiper-slide { display: flex; align-items: center; justify-content: center; } .catalog-common .mySwiper .swiper-pagination { z-index: 10; height: 100%; display: flex; justify-content: center; align-items: flex-end; bottom: 0; } @media only screen and (max-width: 991px) { .catalog-common .mySwiper .swiper-pagination { height: 10px; } } .catalog-common .mySwiper .swiper-pagination-bullet { width: 100%; border-radius: 0px; position: relative; display: flex; flex-direction: column; height: 100%; background-color: transparent; z-index: 10; } @media only screen and (max-width: 991px) { .catalog-common .mySwiper .swiper-pagination-bullet { bottom: 10px; background: #e0e6ed; border-radius: 2px; width: 11px; height: 3px; opacity: 1; margin: 0 1px; } .catalog-common .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d4c4c; } } .catalog-common .mySwiper .swiper-pagination-bullet::after { content: ''; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; left: 0; width: 100%; } @media only screen and (max-width: 991px) { .catalog-common .mySwiper .swiper-pagination-bullet::after { display: none; } } .catalog-common .hit__available { margin-bottom: 0; margin-top: auto; } .catalog-common .swiper-button-next { padding: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 100%; background-color: #fff; box-shadow: 2px 1px 4px 0 rgba(24, 39, 75, 0.08); position: absolute; top: 50%; right: -25px; transform: translate(0, -50%); z-index: 500; } @media only screen and (max-width: 991px) { .catalog-common .swiper-button-next { display: none; } } .catalog-common .swiper-button-next::after { display: none; } .catalog-common .swiper-button-next.swiper-button-disabled { opacity: 1; pointer-events: all; } .catalog-common .swiper-button-prev { padding: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 100%; background-color: #fff; box-shadow: 2px 1px 4px 0 rgba(24, 39, 75, 0.08); position: absolute; top: 50%; left: -25px; transform: translate(0, -50%); z-index: 500; } @media only screen and (max-width: 991px) { .catalog-common .swiper-button-prev { display: none; } } .catalog-common .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: all; } .catalog-common .swiper-button-prev::after { display: none; } .catalog-common__main-slider { position: absolute; top: 32px; width: 100%; max-width: 1015px; right: 0; } @media only screen and (max-width: 1660px) { .catalog-common__main-slider { top: 22px; max-width: 900px; } } @media only screen and (max-width: 1400px) { .catalog-common__main-slider { top: 15px; max-width: 630px; } } @media only screen and (max-width: 991px) { .catalog-common__main-slider { position: static; margin-top: 20px; max-width: 100%; } } @media only screen and (max-width: 767px) { .catalog-common__main-slider { margin-top: 12px; } } .catalog-common .hit__icon-drop { left: auto; right: 33px; } .catalog-common .hit__icon-drop::before { left: auto; right: -6px; transform: rotate(180deg) translate(0, 50%); } @media only screen and (max-width: 767px) { .catalog-common .hit__item { margin-bottom: 0; } } .card { margin-bottom: 80px; } @media only screen and (max-width: 991px) { .card { margin-bottom: 74px; } } @media only screen and (max-width: 767px) { .card { margin-bottom: 50px; padding-top: 12px; } } .card__items { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 50px; } @media only screen and (max-width: 991px) { .card__items { margin-bottom: 74px; display: block; } } @media only screen and (max-width: 767px) { .card__items { margin-bottom: 50px; } } .card__slider { min-width: 652px; width: 652px; margin-right: 83px; display: flex; height: 400px; } @media only screen and (max-width: 1660px) { .card__slider { min-width: 580px; width: 580px; margin-right: 40px; height: 400px; } } @media only screen and (max-width: 1400px) { .card__slider { min-width: 500px; width: 500px; height: 400px; } } @media only screen and (max-width: 991px) { .card__slider { min-width: auto; width: 100%; height: 303px; margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .card__slider { flex-direction: column-reverse; height: auto; } } .card__slider-thumbs { min-width: 116px; width: 116px; margin-right: 10px; } @media only screen and (max-width: 1400px) { .card__slider-thumbs { min-width: 90px; width: 90px; } } @media only screen and (max-width: 991px) { .card__slider-thumbs { min-width: 70px; width: 70px; } } @media only screen and (max-width: 767px) { .card__slider-thumbs { min-width: auto; width: 100%; margin-right: 0; margin-top: 8px; height: 74px; } } .card__slider-thumbs .swiper-slide { width: 100%; border: 1px solid #eff0f3; border-radius: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; overflow: hidden; } .card__slider-thumbs .swiper-slide.swiper-slide-thumb-active { border: 1px solid #3a3a3a; } .card__slider-main { width: 100%; height: 100%; border: 1px solid #eff0f3; border-radius: 15px; } .card__slider-main .swiper-slide { display: flex; align-items: center; justify-content: center; } .card__slider-arrow { display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px 0 rgba(24, 39, 75, 0.08); width: 35px; height: 35px; background: #fff; z-index: 10; border-radius: 50%; cursor: pointer; } .card__slider-arrow.swiper-button-disabled { pointer-events: all; } .card__slider-arrow::after { display: none; } .card__slider-inner { position: relative; height: 100%; width: calc(100% - 126px); } @media only screen and (max-width: 1400px) { .card__slider-inner { width: calc(100% - 90px); } } @media only screen and (max-width: 767px) { .card__slider-inner { width: 100%; height: 266px; } } .card__item { width: 100%; } .card__status { display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } @media only screen and (max-width: 767px) { .card__status { font-size: 14px; margin-bottom: 14px; } } .card__status span { color: #7f8388; margin-left: 8px; } .card__status::before { content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; min-width: 9px; margin-right: 8px; background: #cf1f19; } .card__status.green::before { background: #3fda3c; } .card__status.blue::before { background: #146dd6; } .card__title { font-weight: 700; font-size: 30px; line-height: 120%; margin-bottom: 12px; } @media only screen and (max-width: 1660px) { .card__title { font-size: 30px; } } @media only screen and (max-width: 1400px) { .card__title { font-size: 28px; } } @media only screen and (max-width: 767px) { .card__title { font-size: 24px; margin-bottom: 10px; } } .card__info { font-size: 16px; line-height: 150%; color: #797979; max-width: 538px; margin-bottom: 24px; } @media only screen and (max-width: 991px) { .card__info { max-width: 100%; margin-bottom: 16px; } } @media only screen and (max-width: 767px) { .card__info { margin-bottom: 12px; } } .card__allchars { display: inline-block; font-weight: 500; font-size: 16px; line-height: 120%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; margin-bottom: 32px; } .card__price { margin-bottom: 16px; font-weight: 700; font-size: 30px; line-height: 130%; letter-spacing: 0.01em; color: #565656; } @media only screen and (max-width: 1400px) { .card__price { font-size: 30px; } } @media only screen and (max-width: 991px) { .card__price { font-size: 28px; margin-bottom: 25px; } } .card__small { max-width: 301px; } @media only screen and (max-width: 991px) { .card__small { max-width: 100%; } } .card__small-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px dashed #e8ebf1; } @media only screen and (max-width: 991px) { .card__small-item { margin-bottom: 14px; } } .card__small-item:last-child { margin-bottom: 0; } .card__small-item p { font-weight: 500; font-size: 14px; line-height: 121%; color: #989da2; } .card__small-item span { font-weight: 500; font-size: 16px; line-height: 106%; text-align: right; color: #565656; } .card__btns { margin-top: 40px; display: flex; align-items: center; } @media only screen and (max-width: 1400px) { .card__btns { flex-wrap: wrap; gap: 8px; } } @media only screen and (max-width: 991px) { .card__btns { margin-top: 28px; } } @media only screen and (max-width: 767px) { .card__btns { margin-top: 24px; display: grid; grid-template-columns: 1fr 0.8fr; } } .card__btns .header__basket-content-counter { margin-right: 8px; width: 217px; height: 42px; } @media only screen and (max-width: 1660px) { .card__btns .header__basket-content-counter { width: 160px; } } @media only screen and (max-width: 1400px) { .card__btns .header__basket-content-counter { margin: 0; } } @media only screen and (max-width: 991px) { .card__btns .header__basket-content-counter { width: 217px; } } @media only screen and (max-width: 767px) { .card__btns .header__basket-content-counter { width: 100%; } } .card__btns .header__basket-content-counter input { font-size: 16px; width: 130px; } @media only screen and (max-width: 1660px) { .card__btns .header__basket-content-counter input { width: 75px; } } @media only screen and (max-width: 991px) { .card__btns .header__basket-content-counter input { width: 120px; } } @media only screen and (max-width: 767px) { .card__btns .header__basket-content-counter input { width: 55%; } } .card__btns .header__basket-content-minus { left: 20px; } .card__btns .header__basket-content-plus { right: 20px; } .card__btn { display: flex; align-items: center; justify-content: center; background: #ffd823; width: 148px; height: 42px; border-radius: 12px; margin-right: 8px; border: 0; transition: 300ms; cursor: pointer; font-weight: 500; font-size: 18px; line-height: 111%; } @media only screen and (max-width: 1400px) { .card__btn { margin-right: 0; } } @media only screen and (max-width: 767px) { .card__btn { width: 100%; } } .card__btn img { margin-right: 8px; } .card__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .card__order { display: flex; align-items: center; justify-content: center; background: #f9f9f9; border-radius: 12px; width: 245px; height: 42px; border: 0; cursor: pointer; transition: 300ms; font-weight: 500; font-size: 18px; line-height: 111%; } @media only screen and (max-width: 767px) { .card__order { width: 100%; grid-column: 1/3; } } .card__order svg { margin-right: 8px; } .card__order svg path { transition: 300ms; } .card__order:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } .card__order:hover svg path { fill: #fff; } .card__header { font-weight: 700; font-size: 28px; line-height: 130%; color: #565656; margin-bottom: 18px; } @media only screen and (max-width: 991px) { .card__header { font-size: 24px; margin-bottom: 18px; } } @media only screen and (max-width: 767px) { .card__header { font-size: 20px; margin-bottom: 18px; } } .card__chars { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; } @media only screen and (max-width: 1400px) { .card__chars { gap: 30px; } } @media only screen and (max-width: 991px) { .card__chars { grid-template-columns: 1fr; gap: 12px; } } .card__chars-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px dashed #e8ebf1; } @media only screen and (max-width: 991px) { .card__chars-item { margin-bottom: 12px; } } .card__chars-item:last-child { margin-bottom: 0; } .card__chars-item p { font-weight: 500; font-size: 16px; line-height: 106%; color: #989da2; } @media only screen and (max-width: 1400px) { .card__chars-item p { font-size: 14px; } } .card__chars-item span { font-weight: 600; font-size: 18px; line-height: 94%; text-align: right; color: #565656; } @media only screen and (max-width: 1400px) { .card__chars-item span { font-size: 16px; } } @media only screen and (max-width: 991px) { .card__chars-item span { font-size: 14px; } } @media only screen and (max-width: 767px) { .nav-card { display: none; } } .table { margin-bottom: 85px; } @media only screen and (max-width: 767px) { .table { margin-bottom: 50px; } } .table__title { margin-bottom: 18px; font-weight: 700; font-size: 32px; line-height: 130%; color: #565656; } @media only screen and (max-width: 1660px) { .table__title { font-size: 28px; margin-bottom: 18px; } } @media only screen and (max-width: 991px) { .table__title { font-size: 24px; margin-bottom: 18px; } } @media only screen and (max-width: 767px) { .table__title { font-size: 20px; margin-bottom: 18px; } } .table__content { border: 1px solid #eff0f3; color: #475467; border-radius: 12px; overflow: hidden; } @media only screen and (max-width: 991px) { .table__content { display: none; } } .table__content.col-15 .table__head-item { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-15 .table__head-item { font-size: 10px; } } .table__content.col-15 .table__item-value { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-15 .table__item-value { font-size: 10px; } } .table__content.col-15 .table__head-top { margin-bottom: 6px; font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-15 .table__head-top { font-size: 10px; } } .table__content.col-15 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-15 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-15 .table__header .table__head-items { gap: 6px; } } @media only screen and (max-width: 1400px) { .table__content.col-15 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-15 .table__header .table__head-items { gap: 5px; } .table__content.col-15 .table__header .table__head-item svg { width: 10px; min-width: 10px; } } .table__content.col-15 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-15 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-15 .table__items .table__item-values { gap: 15px; } } @media only screen and (max-width: 1400px) { .table__content.col-15 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-15 .table__items .header__basket-content-counter { width: 60px; } .table__content.col-15 .table__items .header__basket-content-minus { left: 2px; width: 15px; } .table__content.col-15 .table__items .header__basket-content-plus { right: 2px; width: 15px; } .table__content.col-15 .table__items .table__item-values { gap: 20px; } } .table__content.col-14 .table__head-item { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-14 .table__head-item { font-size: 10px; } } .table__content.col-14 .table__item-value { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-14 .table__item-value { font-size: 10px; } } .table__content.col-14 .table__head-top { margin-bottom: 6px; font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-14 .table__head-top { font-size: 10px; } } :root { --col-order-min: 1fr; --col-kol-vo: 1fr; } .table__content.col-14 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-14 .table__header { /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 40px 222px 1fr 160px;*/ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-14 .table__header .table__head-items { gap: 6px; } } @media only screen and (max-width: 1400px) { .table__content.col-14 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-14 .table__header .table__head-items { gap: 5px; } .table__content.col-14 .table__header .table__head-item svg { width: 10px; min-width: 10px; } } .table__content.col-14 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-14 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-14 .table__items .table__item-values { gap: 15px; } } @media only screen and (max-width: 1400px) { .table__content.col-14 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-14 .table__items .header__basket-content-counter { width: 60px; } .table__content.col-14 .table__items .header__basket-content-minus { left: 2px; width: 15px; } .table__content.col-14 .table__items .header__basket-content-plus { right: 2px; width: 15px; } .table__content.col-14 .table__items .table__item-values { gap: 20px; } } .table__content.col-13 .table__head-item { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-13 .table__head-item { font-size: 10px; } } .table__content.col-13 .table__item-value { font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-13 .table__item-value { font-size: 10px; } } .table__content.col-13 .table__head-top { margin-bottom: 6px; font-size: 12px; } @media only screen and (max-width: 1400px) { .table__content.col-13 .table__head-top { font-size: 10px; } } .table__content.col-13 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-13 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-13 .table__header .table__head-items { gap: 6px; } } @media only screen and (max-width: 1400px) { .table__content.col-13 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-13 .table__header .table__head-items { gap: 5px; } .table__content.col-13 .table__header .table__head-item svg { width: 10px; min-width: 10px; } } .table__content.col-13 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 272px 50px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-13 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 222px 50px var(--col-kol-vo) var(--col-order-min) 160px; } .table__content.col-13 .table__items .table__item-values { gap: 15px; } } @media only screen and (max-width: 1400px) { .table__content.col-13 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } .table__content.col-13 .table__items .header__basket-content-counter { width: 60px; } .table__content.col-13 .table__items .header__basket-content-minus { left: 2px; width: 15px; } .table__content.col-13 .table__items .header__basket-content-plus { right: 2px; width: 15px; } .table__content.col-13 .table__items .table__item-values { gap: 20px; } } .table__content.col-12 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 272px 60px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-12 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 222px 60px var(--col-kol-vo) var(--col-order-min) 160px; } } @media only screen and (max-width: 1400px) { .table__content.col-12 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } } .table__content.col-12 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 272px 60px var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-12 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 222px 60px var(--col-kol-vo) var(--col-order-min) 160px; } } @media only screen and (max-width: 1400px) { .table__content.col-12 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 180px 42px var(--col-kol-vo) var(--col-order-min) 105px; } } .table__content.col-11 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 272px 1fr var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-11 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 272px 1fr var(--col-kol-vo) var(--col-order-min) 180px; } } @media only screen and (max-width: 1400px) { .table__content.col-11 .table__header { grid-template-columns: 1fr 1fr 1fr 1fr 200px 1fr var(--col-kol-vo) var(--col-order-min) 120px; } } .table__content.col-11 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 272px 1fr var(--col-kol-vo) var(--col-order-min) 200px; } @media only screen and (max-width: 1660px) { .table__content.col-11 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 272px 1fr var(--col-kol-vo) var(--col-order-min) 180px; } } @media only screen and (max-width: 1400px) { .table__content.col-11 .table__items { grid-template-columns: 1fr 1fr 1fr 1fr 200px 1fr var(--col-kol-vo) var(--col-order-min) 120px; } .table__content.col-11 .table__items .table__item-values { gap: 36px; } } .table__content.col-10 .table__header { grid-template-columns: repeat(5, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-10 .table__items { grid-template-columns: repeat(5, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-9 .table__header { grid-template-columns: repeat(4, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-9 .table__items { grid-template-columns: repeat(4, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-8 .table__header { grid-template-columns: repeat(3, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-8 .table__items { grid-template-columns: repeat(3, 1fr) var(--col-kol-vo) var(--col-order-min) 1fr; } .table__content.col-price .table__header { grid-template-columns: 1fr 3fr 2fr 1fr; } .table__content.col-price .table__items { grid-template-columns: 1fr 3fr 2fr 1fr; } .table__content.col-price.col-price-personal .table__header { grid-template-columns: 42px 3fr 1fr 1fr 1fr 2fr; } .table__content.col-price.col-price-personal .table__items { grid-template-columns: 42px 3fr 1fr 1fr 1fr 2fr; } .table__content.col-price{ margin-bottom: 20px; } .table__title.table___price { margin-bottom: 10px; font-size: 17px; color: #475467; display: flex; align-items: center; scroll-margin-top: 100px; } .table__title.table___price span { margin-right: 8px; width: 32px; height: 32px; border: 1px solid #ECECED; border-radius: 8px; display: flex; align-items: center; } .table__header { display: grid; background: #f6f6f6; border-bottom: 1px solid #eff0f3; } .table__header .table__head { padding: 10px 0 4px 0; } .table__content.col-price .table__items-content, .table__content.col-price .table__header { /*padding-right: 10px;*/ } .table__items { display: grid; } .table__items:hover { background: #f6f6f6; } .table__head { display: flex; flex-direction: column; align-items: center; justify-content: center; } .table__head-items { display: flex; align-items: center; justify-content: center; gap: 24px; font-size: 14px; } @media only screen and (max-width: 1400px) { .table__head-items { gap: 6px; } } .table__head-top { font-weight: 500; font-size: 14px; line-height: 143%; margin-bottom: 12px; } @media only screen and (max-width: 1400px) { .table__head-top { font-size: 12px; } } .table__head-item { font-weight: 500; font-size: 14px; line-height: 143%; text-align: center; display: flex; align-items: center; } @media only screen and (max-width: 1400px) { .table__head-item { font-size: 12px; letter-spacing: -0.05em; } } .table__head-item svg { margin-left: 5px; cursor: pointer; min-width: 14px; width: 14px; } .table__head-item svg path { transition: 300ms; } .table__head-item svg:hover path { fill: #3a3a3a; fill-opacity: 1; } .table__head-item svg.active path { fill: #3a3a3a; fill-opacity: 1; } .table__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 46px; } .table__item-squre { display: flex; align-items: center; position: absolute; top: 0; z-index: 15; left: 0; white-space: nowrap; } .table__item-squre::before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 45px 45px 0 0; border-color: #cf1f19 transparent transparent transparent; position: absolute; top: 0; left: 0; } .table__item-squre span { position: relative; z-index: 5; display: flex; align-items: center; color: #fff; transform: rotate(-45deg); top: 9px; left: -4px; font-size: 12px; } .table__item-squre span::before { content: ''; display: block; width: 16px; height: 16px; min-width: 16px; background: url(/images/hot-white.svg) no-repeat; background-size: 16px; background-position: center; } .table__item-squre.sale::before { border-color: #146dd6 transparent transparent transparent; } .table__item-squre.sale span::before { background-image: url(/images/sell.svg); } .table__item-value { font-size: 14px; line-height: 143%; position: relative; z-index: 5; color: #475467; } @media only screen and (max-width: 1400px) { .table__item-value { font-size: 12px; } } .table__item-values { display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between; } .table__item-values > div { width: 100%; text-align: center; } .table__item-info { position: relative; cursor: pointer; } .table__item-info svg path { transition: 300ms; } .table__item-info:hover .table__item-drop { opacity: 1; visibility: visible; } .table__item-info:hover svg path { fill: #3a3a3a; } .table__item-drop { visibility: hidden; opacity: 0; position: absolute; background: #fff; border-radius: 4px; padding: 4px 8px; width: 240px; top: 50%; transform: translate(0, -50%); z-index: 5; left: 25px; font-size: 12px; box-shadow: 0 3px 20px rgba(248, 147, 147, 0.1); color: #3a3a3a; } .table__item-drop::before { content: ''; display: block; width: 7px; height: 12px; background: url(/images/arrow-drop.svg) no-repeat; background-size: 7px; background-position: center center; position: absolute; top: 50%; transform: translate(0, -50%); left: -7px; } .table__item-end { display: flex; align-items: center; } .table__item-basket { display: flex; align-items: center; justify-content: center; background: #ffd823; border-radius: 8px; width: 30px; height: 30px; border: 0; cursor: pointer; transition: 300ms; margin-left: 6px; } .table__item-basket:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #ffe25b; } .table .header__basket-content-counter { margin: 0; width: 113px; border-radius: 8px; height: 30px; } @media only screen and (max-width: 1400px) { .table .header__basket-content-counter { width: 70px; } } .table .header__basket-content-counter input { color: #565656; } @media only screen and (max-width: 1400px) { .table .header__basket-content-counter input { font-size: 12px; width: 40px; } } .table .header__basket-content-minus { left: 10px; } @media only screen and (max-width: 1400px) { .table .header__basket-content-minus { left: 4px; } } .table .header__basket-content-plus { right: 10px; } @media only screen and (max-width: 1400px) { .table .header__basket-content-plus { right: 4px; } } .table .hit__btn { display: none; } @media only screen and (max-width: 991px) { .table .hit__btn { display: flex; margin-top: 36px; } } .table__item-info { z-index: 50; } .table-mobile { display: none; } @media only screen and (max-width: 991px) { .table-mobile { display: block; } } .table-mobile__items { border: 1px solid #eff0f3; padding: 12px; border-radius: 15px; margin-bottom: 12px; } .table-mobile__items:last-child { margin-bottom: 0; } .table-mobile__items-block { display: flex; gap: 14px; } @media only screen and (max-width: 767px) { .table-mobile__items-block { gap: 20px; flex-direction: column; } } .table-mobile__start { display: flex; flex-direction: column; width: 50%; align-items: flex-start; justify-content: space-between; } @media only screen and (max-width: 767px) { .table-mobile__start { width: 100%; } } .table-mobile__start-item { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .table-mobile__start-item { margin-bottom: 12px; } } .table-mobile__name { margin-bottom: 8px; font-weight: 600; font-size: 16px; line-height: 138%; } .table-mobile__status { display: flex; align-items: center; font-size: 12px; } .table-mobile__status span { margin-left: 8px; color: #7f8388; } .table-mobile__status::before { content: ''; display: block; width: 9px; height: 9px; background: #3fda3c; border-radius: 50%; min-width: 9px; margin-right: 8px; } .table-mobile__status.red { background: #cf1f19; } .table-mobile__item { width: 50%; } @media only screen and (max-width: 767px) { .table-mobile__item { width: 100%; } } .table-mobile__chars { display: inline-block; font-size: 12px; color: #6b7280; cursor: pointer; line-height: 150%; border-bottom: 1px dashed #6b7280; } .table-mobile__chars.active { color: #e83e33; border-bottom: 1px dashed #e83e33; } .table-mobile__price { font-weight: 700; font-size: 18px; line-height: 130%; letter-spacing: 0.01em; margin-bottom: 8px; } .table-mobile__price-items { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-bottom: 14px; } .table-mobile__price-item p { font-size: 12px; line-height: 150%; margin-bottom: 4px; color: #9ca5ad; } .table-mobile__price-item span { display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 8px; line-height: 150%; background: #fbfbfb; border: 1px solid #eff0f3; height: 31px; } .table-mobile .card__btns { display: grid; grid-template-columns: 1fr 1fr; } .table-mobile .header__basket-content-counter { width: 100%; height: 42px; } .table-mobile .header__basket-content-counter input { width: 90px; font-size: 16px; } @media only screen and (max-width: 767px) { .table-mobile .header__basket-content-counter input { width: 55%; } } .table-mobile .header__basket-content-plus { right: 10px; } .table-mobile .header__basket-content-minus { left: 10px; } .table-mobile .card__btn { width: 100%; } .table-mobile .card__order { grid-column: 1/3; width: 100%; } .table-mobile__drop { padding-top: 18px; display: none; width: 100%; } .table-mobile__drop-second { padding-top: 18px; display: none; width: 100%; } .table-mobile__drop-items { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 20px; column-gap: 20px; row-gap: 10px; } @media only screen and (max-width: 767px) { .table-mobile__drop-items { grid-template-columns: 1fr; } } .table-mobile__drop-item { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px dashed #eff0f3; } .table-mobile__drop-item:last-child { margin-bottom: 0; } .table-mobile__drop-item p { font-size: 12px; line-height: 150%; color: #9ca5ad; } .table-mobile__drop-item span { font-size: 12px; line-height: 150%; } .table-mobile__hit { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; justify-content: center; font-weight: 600; font-size: 12px; letter-spacing: 0.01em; text-align: center; color: #fff; background: #cf1f19; margin-bottom: 8px; border-radius: 20px; } .table-mobile__hit img { margin-right: 4px; } .table-mobile__hit.green { background: #3fda3c; } .brand-products { margin-bottom: 100px; } @media only screen and (max-width: 767px) { .brand-products { margin-bottom: 50px; } } .brand-products__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media only screen and (max-width: 1660px) { .brand-products__header { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .brand-products__header { margin-bottom: 20px; } } .brand-products__title { font-weight: 700; font-size: 18px; } @media only screen and (max-width: 1660px) { .brand-products__title { font-size: 18px; } } @media only screen and (max-width: 991px) { .brand-products__title { font-size: 18px; } } @media only screen and (max-width: 767px) { .brand-products__title { font-size: 18px; } } .brand-products__arrows { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .brand-products__arrows { display: none; } } .brand-products__arrow { display: flex; align-items: center; justify-content: center; border: 1px solid #c2c2c2; background: #fff; border-radius: 50%; width: 55px; height: 55px; cursor: pointer; transition: 300ms; } @media only screen and (max-width: 991px) { .brand-products__arrow { width: 45px; height: 45px; } .brand-products__arrow img { width: 12px; } } .brand-products__arrow:hover { background: #dbdbdb; } .brand-products__arrow-prev { margin-right: 12px; } .brand-products__item { height: auto; border: 1px solid #eff0f3; border-radius: 12px; overflow: hidden; padding-bottom: 25px; } .brand-products__image { display: flex; align-items: center; justify-content: center; width: 100%; height: 224px; margin-bottom: 16px; } @media only screen and (max-width: 1660px) { .brand-products__image { height: 200px; } } .brand-products__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .brand-products__head { font-weight: 600; font-size: 20px; line-height: 120%; display: block; padding: 0 16px; margin-bottom: 12px; } @media only screen and (max-width: 1660px) { .brand-products__head { font-size: 18px; } } @media only screen and (max-width: 991px) { .brand-products__head { font-size: 16px; padding: 0 12px; margin-bottom: 8px; } } .brand-products__head:hover { color: #e83e33; } .brand-products__text { font-weight: 500; font-size: 16px; line-height: 150%; color: #7f8388; padding: 0 16px; } @media only screen and (max-width: 991px) { .brand-products__text { font-size: 14px; } } .brand-products .mySwiper { padding-bottom: 27px; width: 100%; position: relative; } .brand-products .mySwiper .swiper-slide { display: flex; align-items: center; justify-content: center; } .brand-products .mySwiper .swiper-pagination { z-index: 10; height: 100%; display: flex; justify-content: center; align-items: flex-end; bottom: 0; } @media only screen and (max-width: 991px) { .brand-products .mySwiper .swiper-pagination { height: 10px; } } .brand-products .mySwiper .swiper-pagination-bullet { width: 100%; border-radius: 0px; position: relative; display: flex; flex-direction: column; height: 100%; background-color: transparent; z-index: 10; } @media only screen and (max-width: 991px) { .brand-products .mySwiper .swiper-pagination-bullet { bottom: 10px; background: #e0e6ed; border-radius: 2px; width: 11px; height: 3px; opacity: 1; margin: 0 1px; } .brand-products .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d4c4c; } } .brand-products .mySwiper .swiper-pagination-bullet::after { content: ''; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; left: 0; width: 100%; } @media only screen and (max-width: 991px) { .brand-products .mySwiper .swiper-pagination-bullet::after { display: none; } } .brand-products .hit__available { margin-bottom: 0; margin-top: auto; } .brand-products .hit__icon-drop { left: auto; right: 33px; } .brand-products .hit__icon-drop::before { left: auto; right: -6px; transform: rotate(180deg) translate(0, 50%); } @media only screen and (max-width: 767px) { .brand-products .hit__item { margin-bottom: 0; } } .modal-card { max-width: 594px; width: 100%; box-shadow: 0 10px 32px -4px rgba(24, 39, 75, 0.1), 0 6px 14px -6px rgba(24, 39, 75, 0.12); padding: 0; background: #fff; border-radius: 8px; } @media only screen and (max-width: 991px) { .modal-card { max-width: 450px; } } @media only screen and (max-width: 767px) { .modal-card { max-width: 350px; } } .modal-card__content { position: relative; padding: 20px; } .modal-card__title { font-weight: 600; font-size: 18px; line-height: 120%; color: #3a3a3a; margin-bottom: 24px; } .modal-card__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; } @media only screen and (max-width: 767px) { .modal-card__inputs { grid-template-columns: 1fr; } } .modal-card__inputs input { height: 36px; border-radius: 10px; } .modal-card .modal__item { margin-bottom: 0; } @media only screen and (max-width: 767px) { .modal-card .decoration__contacts-radio { display: flex; } } @media only screen and (max-width: 767px) { .modal-card .decoration__contacts-radio label { margin-bottom: 0; } .modal-card .decoration__contacts-radio label:last-child { margin-right: 0; } } .modal-card__line { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; } .modal-card__head { margin-bottom: 4px; font-size: 12px; line-height: 150%; margin-top: 12px; } .modal-card__file { border: 1px dashed #eff0f3; border-radius: 8px; position: relative; margin-bottom: 12px; padding: 24px; } .modal-card__file .modal__file { position: absolute; z-index: 50; opacity: 0; width: 100%; margin: 0; top: 0; left: 0; height: 100%; } .modal-card__file .application__file { width: 100%; height: 100%; } .modal-card__file-image { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .modal-card__file-head { font-weight: 500; font-size: 12px; line-height: 150%; text-align: center; margin-bottom: 8px; } .modal-card__file-head span { color: #329ae5; } .modal-card__file-text { color: #9ca5ad; font-size: 12px; line-height: 150%; text-align: center; } .modal-card .modal__btn { margin-top: 24px; margin-bottom: 0; } /* .fancybox__slide{ padding-top: 140px !important; @media only screen and (max-width: 991px) { padding-top: 100px !important; } @media only screen and (max-width: 767px) { padding-top: 72px !important; } } */ .swiper-pagination-hover-wrap .swiper-slide { height: 193px; } .catalog-common__slider > .swiper-wrapper { align-items: stretch; } .catalog-common__slider > .swiper-wrapper > .swiper-slide { height: auto; } .recoment-products__slider > .swiper-wrapper { align-items: stretch; } .recoment-products__slider > .swiper-wrapper > .swiper-slide { height: auto; } .new-delivery { margin-bottom: 24px; } .new-delivery__content { padding: 20px; background: #fbfbfb; border-radius: 12px; display: flex; justify-content: space-between; } @media only screen and (max-width: 1400px) { .new-delivery__content { display: block; } } @media only screen and (max-width: 991px) { .new-delivery__content { padding: 12px; } } .new-delivery__map { align-items: center; justify-content: center; display: flex; width: 100%; } .new-delivery__map iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; overflow: hidden; } @media only screen and (max-width: 1400px) { .new-delivery__map.desk { display: none; } } .new-delivery__map.tablet { display: none; } @media only screen and (max-width: 1400px) { .new-delivery__map.tablet { display: flex; height: 391px; margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .new-delivery__map.tablet { display: none; } } .new-delivery__map-mobile { display: none; } @media only screen and (max-width: 767px) { .new-delivery__map-mobile { display: flex; align-items: center; margin-bottom: 16px; font-weight: 400; font-size: 14px; color: #9ca5ad; cursor: pointer; line-height: 150%; } .new-delivery__map-mobile span { border-bottom: 1px dashed #9ca5ad; } .new-delivery__map-mobile svg { margin-right: 4px; } } .new-delivery__maphide { display: none; } @media only screen and (max-width: 1400px) { .new-delivery__maphide { display: flex; align-items: center; margin-bottom: 16px; font-weight: 400; font-size: 14px; color: #9ca5ad; cursor: pointer; line-height: 150%; } .new-delivery__maphide span { border-bottom: 1px dashed #9ca5ad; } .new-delivery__maphide svg { margin-right: 4px; } } @media only screen and (max-width: 767px) { .new-delivery__maphide { display: none; } } .new-delivery__item { width: 100%; margin-right: 40px; } .new-delivery__header-icon { display: flex; align-items: center; justify-content: center; width: 55px; margin-bottom: 32px; } @media only screen and (max-width: 1660px) { .new-delivery__header-icon { margin-bottom: 25px; } } @media only screen and (max-width: 991px) { .new-delivery__header-icon { width: 45px; margin-bottom: 12px; } } @media only screen and (max-width: 767px) { .new-delivery__header-icon { width: 35px; } } .new-delivery__title { margin-bottom: 8px; font-weight: 700; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 1660px) { .new-delivery__title { font-size: 20px; } } @media only screen and (max-width: 991px) { .new-delivery__title { font-size: 20px; font-weight: 600; } } @media only screen and (max-width: 767px) { .new-delivery__title { font-size: 18px; } } .new-delivery__text { color: #7f8388; margin-bottom: 24px; font-weight: 500; font-size: 16px; line-height: 150%; } @media only screen and (max-width: 991px) { .new-delivery__text { font-size: 16px; margin-bottom: 20px; } } .new-delivery__blocks { display: flex; align-items: flex-start; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .new-delivery__blocks { margin-bottom: 24px; } } @media only screen and (max-width: 767px) { .new-delivery__blocks { justify-content: space-between; margin-bottom: 16px; display: flex; flex-wrap: wrap; } } .new-delivery__block { margin-right: 87px; } @media only screen and (max-width: 1660px) { .new-delivery__block { margin-right: 60px; } } @media only screen and (max-width: 767px) { .new-delivery__block { margin-right: 0; flex: 1 1 40%; margin-bottom: 20px; } } .new-delivery__block:last-child { margin-right: 0; } .new-delivery__block:first-child .new-delivery__head::after { content: ''; display: block; width: 20px; height: 20px; min-width: 20px; border-radius: 50%; background: rgba(233, 76, 64, 0.5); margin-left: 8px; } .new-delivery__block:nth-child(2) .new-delivery__head::after { content: ''; display: block; width: 20px; height: 20px; min-width: 20px; border-radius: 50%; background: rgba(250, 208, 52, 0.5); margin-left: 8px; } .new-delivery__head { font-weight: 500; font-size: 16px; line-height: 150%; display: flex; align-items: center; margin-bottom: 4px; color: #7f8388; } @media only screen and (max-width: 767px) { .new-delivery__head { font-size: 14px; } } .new-delivery__value { font-weight: 600; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 767px) { .new-delivery__value { font-size: 18px; } } .new-delivery__warn-head { display: flex; align-items: center; font-weight: 700; font-size: 20px; line-height: 120%; margin-bottom: 12px; } .new-delivery__warn-head::before { content: ''; display: block; width: 24px; height: 24px; background: url(/images/warn.svg) no-repeat; background-size: 24px; background-position: center center; min-width: 24px; margin-right: 8px; } .new-delivery__warn-text { font-weight: 500; font-size: 16px; line-height: 150%; } /* Новые правки */ .header__button-logo { display: flex; align-items: center; justify-content: center; width: 230px; } @media only screen and (max-width: 1400px) { .header__button-logo { width: 140px; } } @media only screen and (max-width: 991px) { .header__button-logo { width: 211px; } } @media only screen and (max-width: 767px) { .header__button-logo { width: 168px; } } @media only screen and (max-width: 374px) { .header__button-logo { width: 145px; } } @media only screen and (max-width: 991px) { .header { height: 63px; } } .catalog-common__items.one-slide:nth-child(2n) .catalog-common__slider > .swiper-wrapper { justify-content: flex-end; } @media only screen and (max-width: 991px) { .catalog-common__items.one-slide:nth-child(2n) .catalog-common__slider > .swiper-wrapper { justify-content: flex-start; } } .header__catalog-contents { top: 52px; } .header__catalog-contents::before { content: ''; display: block; height: 100%; position: absolute; width: 50vw; background: #fff; left: -50vw; top: 0; } .header__catalog-contents::after { content: ''; display: block; height: 100%; position: absolute; width: 50vw; background: #fff; right: -50vw; top: 0; } .header-menu__childs { position: relative; } .header-menu__childs::after { content: ''; display: block; width: 21px; height: 21px; position: absolute; top: 5px; right: 0; background: url(/images/header-new-arrow.svg) no-repeat; background-size: 21px; background-position: center center; transition: 300ms; } .header-menu__childs.active::after { transform: rotate(-90deg); } .header__nav-mob li a, .header__nav-mob li span { display: block; } .header-menu__next { display: none; } .header-menu__next-header { display: flex; align-items: center; border-bottom: 1px solid #eff0f3; padding-bottom: 13px; } .header-menu__next-list { display: block; } .header-menu__next-list li { margin: 0; position: relative; display: flex; align-items: center; font-size: 14px; line-height: 150%; padding: 10px 0; border-bottom: 1px solid #eff0f3; } .header-menu__next-back { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url(/images/header-new-arrow.svg) no-repeat; background-size: 20px; background-position: center center; cursor: pointer; transform: rotate(180deg); margin-right: 6px; } .header-menu__next-head { display: flex; align-items: center; font-weight: 700; } .header-menu__next-head img { margin-right: 8px; font-size: 16px; font-weight: 700; } .header__nav-mob ul li ul { margin: 0; padding-top: 12px; display: none; } .header__nav-mob ul li ul li { margin: 0; position: relative; display: flex; align-items: center; font-size: 14px; line-height: 150%; padding: 10px 0; border-top: 1px solid #eff0f3; } .header__nav-mob ul li ul li img { margin-right: 12px; } .header__nav-mob ul li ul li::after { content: ''; display: block; width: 21px; height: 21px; position: absolute; top: 10px; right: 0; background: url(/images/header-new-arrow.svg) no-repeat; background-size: 21px; background-position: center center; } .header__nav-mob ul li ul li span { display: flex; align-items: center; font-size: 14px; line-height: 150%; padding: 10px 0; border-top: 1px solid #eff0f3; } .header__nav-mob ul li ul li span img { margin-right: 12px; } .header-menu__childs-second .header-menu__childs-dropsecond { padding-top: 0; } .header-menu__childs-second.active span::after { transform: rotate(-90deg); } .hit__available { margin-top: auto; margin-bottom: 0; } .swiper-pagination-hover-wrap img { transition: 300ms; } .swiper-pagination-hover-wrap:hover img { transform: scale(1.1); } .table__header { position: -webkit-sticky; position: sticky; top: 0px; left: 0; z-index: 10; background: #f6f6f6; border-top-left-radius: 12px; border-top-right-radius: 12px; transition: 300ms; } .table__header.top { top: 118px; } @media only screen and (max-width: 1400px) { .table__header.top { top: 114px; } } .table__content { overflow: visible; position: relative; } .wrapper { overflow: clip; } .table__items:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; overflow: hidden; } .error-page { padding: 365px 0; text-align: center; } @media only screen and (max-width: 1660px) { .error-page { padding: 337px 0; } } .error-page__title { margin-bottom: 8px; font-weight: 700; font-size: 36px; line-height: 120%; text-align: center; color: #3a3a3a; } @media only screen and (max-width: 991px) { .error-page__title { font-size: 28px; } } .error-page__image { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; } @media only screen and (max-width: 767px) { .error-page__image { width: 90px; margin: 0 auto 16px auto; } } .error-page__text { max-width: 740px; font-weight: 400; font-size: 18px; line-height: 150%; text-align: center; color: #7f8388; margin: 0 auto 32px auto; } @media only screen and (max-width: 991px) { .error-page__text { font-size: 16px; max-width: 100%; } } @media only screen and (max-width: 767px) { .error-page__text { margin-bottom: 28px; } } .error-page__btn { display: flex; align-items: center; justify-content: center; width: 223px; height: 42px; background: #f9f9f9; border-radius: 12px; font-weight: 500; font-size: 18px; line-height: 111%; color: #3a3a3a; margin: 0 auto; } .error-page__btn:hover { box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12); background: #959595; color: #fff; } .card__info ul { list-style: disc; padding-left: 16px; } .card__info li { padding-left: 6px; } /* Персональный раздел в шапке */ .header__personal_title, .personal_enter div.personal_title { font-size: 20px; font-weight: bold; text-align: center; color: #3A3A3A; } .header__personal_enter { padding: 16px 0px; } .header__personal_enter label div, .header__personal_enter div { font-size: 14px; display:block; color: #3A3A3A; } .header__personal_enter input { border-radius: 12px; padding: 9px 12px; width: 100%; font-size: 16px; height: 42px; border: 1px solid #eff0f3; margin: 6px 0px; } .header__personal_enter .loginOrRegister, .personal_enter .loginOrRegister { font-size: 14px; text-align: center; color: #B3B7BE; } .header__personal_enter .registerButton, .personal_enter .registerButton { width: 100%; height: 42px; line-height: 42px; font-size: 16px; text-align: center; border: solid 1px #3A3A3A; border-radius: 12px; margin-top: 10px; } .header__personal_enter .registerButton:hover, .personal_enter .registerButton:hover { border: solid 1px #212121; background-color: #fff; } .header__personal_enter .checkbox-container, .personal_enter .checkbox-container { display: inline-flex; align-items: center; margin: 16px 0px; } .checkbox-container input[type="checkbox"] { appearance: none; width: 18px; height: 18px; min-width: 18px; min-height: 18px; border: 2px solid #CF1F19; border-radius: 3px; position: relative; cursor: pointer; padding: 0px; margin: 0px; } .checkbox-container input[type="checkbox"]:checked { background-color: #CF1F19; } .checkbox-container input[type="checkbox"]:checked::after { content: '✔'; color: white; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .checkbox-container label { margin-left: 10px; font-size: 14px; line-height: 18px; color: #3A3A3A; } .login_button.blocked, .register_button.blocked { background-color: #FFEE9E; pointer-events: none; cursor: default; } #login_button.active { background-color: #FFD823; pointer-events: auto; cursor: pointer; } /* Страница восстановления пароля */ .center_window { display: flex; justify-content: center; align-items: center; min-height: 80vh; } .forgot_password, .personal_enter{ max-width: 460px; width: 460px; border-radius: 12px; background-color: #FFFFFF; padding: 16px; } .forgot_password .forgot_password_name { text-align: center; font-size: 20px; font-weight: bold; } .forgot_password label { margin: 24px 0px; } .forgot_password label div, .forgot_password div, .personal_enter label div, .personal_enter div { font-size: 14px; display:block; color: #3A3A3A; } .forgot_password input, .personal_enter input { border-radius: 12px; padding: 9px 12px; width: 100%; font-size: 16px; height: 42px; border: 1px solid #eff0f3; margin: 6px 0px; } .forgot_password input::placeholder, .header__personal_enter input::placeholder, .personal_enter input::placeholder { color: #9CA5AD; opacity: 1; font-size: 14px; } .forgot_password_data { margin: 24px 0px; } .forgot_password .forgot_password_sended { text-align: center; font-size: 18px; margin: 24px 0px; } .forgot_password .forgot_password_button_main { text-align: center; } .forgot_password .forgot_password_button_main a { display: inline-block; padding: 12px; width: auto; } .forgot_password.forgot_password_change { /*min-height: 300px; height: 300px;*/ } .password-show { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .forgot_password_data_eye { position: relative; display: inline-block; } .checkbox-container label { margin-left: 10px; font-size: 14px; line-height: 18px; color: #3A3A3A; } .personal_enter form>label { margin-bottom:6px; display: block; } .personal_enter label a { text-decoration: underline; } .personal_enter div.error { margin: 10px 0px; text-align: center; font-size: 14px; color: #CF1F19; } a.password_forgot_link:hover { text-decoration: underline; } div.personal_error { margin: 18px 0px; height: 32px; width: 100%; font-size: 14px; background-color: rgba(233, 50, 43, 0.05); border: solid 1px #CF1F19; border-radius: 12px; color: #CF1F19; line-height: 32px; text-align: left; padding-left: 36px; background-image: url('/images/error.svg'); background-repeat: no-repeat; background-size: auto; background-position: left 5px center; } .decoration__receiving-address { min-height: 44px; } .b24-widget-button-position-bottom-right { right: 25px !important; bottom: 25px !important;; } .popular__items { display: flex; flex-wrap: wrap; gap: 16px; } .popular__items > * { flex: 1 1 304px; max-width: 304px; background-color: #F9F9F9; border-color: #EFF0F3; } @media only screen and (max-width: 1660px) { .popular__items > *:nth-child(-n+5) { flex: 1 1 251px; max-width: 251px; } .popular__items > *:nth-child(n+6) { flex: 1 1 429px; max-width: 429px; } } @media only screen and (max-width: 1400px) { .popular__items > *:nth-child(-n+5) { flex: 1 1 181px; max-width: 181px; } .popular__items > *:nth-child(n+6) { flex: 1 1 312px; max-width: 312px; } } @media only screen and (max-width: 991px) { .popular__items > *:nth-child(-n+6) { flex: 1 1 232px; max-width: 232px; } .popular__items > *:nth-child(n+7) { flex: 1 1 356px; max-width: 356px; } } @media only screen and (max-width: 756px) { .popular__items { gap: 4%; } .popular__items > *:nth-child(-n+100) { flex: 1 1 48%; max-width: 48%; margin-bottom: 20px; } } .page-price-head { min-height: 48px; margin: 30px 0px 20px 0px; border-bottom: 1px solid #EFF0F3; display: flex; align-items: center; gap: 30px; } .page-price-head div { display: flex; align-items: center; gap: 10px; } .page-price-head div { padding-bottom: 10px; color: #3A3A3A; font-size: 18px; text-decoration: none; } .page-price-head div:hover, .page-price-head div.active { color: #CF1F19; text-decoration : none; border-bottom: 1px solid #CF1F19; /* box-shadow: 0 1px 0 #CF1F19;*/ position: relative; } .page-price-head div svg rect { fill: #DCDCDC; } .page-price-head div svg path { fill: white; } .page-price-head div:hover svg rect, .page-price-head div.active svg rect{ fill: #FFD823; } .page-price-head div:hover svg path, .page-price-head div.active svg path { fill: #3A3A3A; } .table__content.col-price .table__head-item, .table__content.col-price .table__item-value { font-size: 13px; } .header__button-nav ul li a.active { border-bottom: 1px solid #CF1F19; } .price-download { position: relative; display: inline-block; cursor: pointer; } .price-download:hover::after { content: "Скачать прайс-лист"; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); border: 1px solid #ECECED; border-radius: 8px; background-color: #fff; padding: 8px 15px; color: #3A3A3A; font-size: 13px; font-weight: normal; text-align: center; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 10px; opacity: 0; transition: opacity 0.3s; } .price-download:hover::after { opacity: 1; } .price-download:hover::before { content: ""; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%) rotate(180deg); width: 12px; height: 4px; clip-path: polygon(0 0,4px 0, 6px 3px, 8px 0px, 12px 0px, 6px 5px); background: #ECECED; z-index: 11; } .table__content.col-price .table__items > .table__item:nth-child(1), .table__content.col-price .table__items > .table__item:nth-child(2) { align-items: flex-start; padding-left: 19px; } .table__content.col-price.col-price-personal .table__items > .table__item:nth-child(1), .table__content.col-price .table__items > .table__item:nth-child(2) { align-items: flex-start; padding-left: 4px; } .menu-horizontal { display: flex; margin: 20px 0px; overflow-y: hidden; overflow-x: auto; } .menu-horizontal a{ margin: 0px 36px 0px 0px; font-size: 14px; color: #9CA5AD; flex-direction: column; display: flex !important; justify-content: flex-start; align-items: center; } .menu-horizontal a img{ max-width: 28px; width: 28px; margin-right: 0px; height: 24px; min-width: 24px; } .menu-horizontal a:hover img{ opacity: 1; filter: sepia(150%) saturate(1550%) hue-rotate(3deg) brightness(100%) contrast(100%); } .menu-horizontal a div{ font-size: 16px; min-width: 80px; text-align: center; font-weight: 400; line-height: 150%; color: #3A3A3A; margin-top: 8px; } .menu-horizontal a:hover div{ color: #CF1F19; } .table__title.table___price .arrow { margin-left: auto; cursor: pointer; } @media (min-width: 769px) { .table__title.table___price .arrow { display: none; } } .table__title.table___price .arrow::before { content: ""; display: block; width: 20px; height: 21px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.125L10 12.125L14 8.125' stroke='%233A3A3A' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .table__title.table___price.close .arrow::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.125L10 8.125L14 12.125' stroke='%233A3A3A' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 769px) { .table__content.col-price.close { display: none; } } a.link_navigate { display: none; } .menu-horizontal { /*position: sticky;*/ top: 0; z-index: 19; background: #fff; padding: 10px 0; /*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/ } .table__content.col-price .table-price-only-mobile { display: none; } .table__content.col-price .table__item.table-price-mobile div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; height: 34px; border-bottom: 1px solid #F9F9F9; } .table__content.col-price .table__item.table-price-mobile div span { display: flex; align-items: center; justify-content: center; } .table__content.col-price .table__items { margin-left: 0px; } @media only screen and (max-width: 991px) { .table__content.col-price { display: block; } .table__content.col-price .table__items { padding-right: 10px; } } @media only screen and (max-width: 768px) { .table__content.col-price .table__items { padding-right: 0px; } .table__items:hover { background-color: white; } .table__content.col-price .table__header, .table__content.col-price .table__items { grid-template-columns: 2fr 2fr 2fr; } .table__content.col-price.col-price-personal .table__header, .table__content.col-price.col-price-personal .table__items { grid-template-columns: 2fr 2fr 2fr; } .table__content.col-price .table__items { border-bottom: 1px solid #ECECED; } div .table-price-only-mobile { border-right: 1px solid #ECECED; } .table__content.col-price .table-price-only-pk { display: none; } .table__content.col-price .table-price-only-mobile { display: flex; } .table__content.col-price .table__items .table__item.table-price-item { position: sticky; padding-left: 10px; left: 0; z-index: 10; background: white; min-width: 365px; width: 365px; align-items: baseline; } .table__content.col-price .table__head.table-price-item { position: sticky; left: 0; z-index: 20; background: #f6f6f6; min-width: 365px; width: 365px; } .table__content.col-price .table__header.top { top: 0px; } .table__content.col-price .table__items:last-child { overflow: visible; } .table__content.col-price .table-price-buy-mobile { margin-top: 12px; width: 100%; padding-right: 10px; font-size: 12px; color: #3A3A3A; display: grid; grid-template-columns: 91px 1fr; } .table__content.col-price .table-price-buy-mobile .table__item-basket { width: 100%; } .table__content.col-price .table-price-buy-mobile .header__basket-content-counter { width: 100%; } .table__content.col-price .table__items.gray-color .table__item { background-color: #F9F9F9; } .table__content.col-price .table__items { margin-left: 0px; } .table__content.col-price { /*width: 100vw; margin-left: calc(-50vw + 50%); */ overflow-x: auto; /* Горизонтальная прокрутка */ -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */ } .table__content.col-price > .table__header, .table__content.col-price > .table__items-content { /* width: 700px; */ margin: 0 auto; /* Центрирование */ } } @media only screen and (max-width: 375px) { .table__content.col-price .table__items .table__item.table-price-item, .table__content.col-price .table__head.table-price-item{ min-width: 217px; width: 217px; } } @media only screen and (max-width: 600px) { .table__content.col-price > .table__header, .table__content.col-price > .table__items-content { width: 100%; min-width:500px; } .table__content.col-price .table__items .table__item.table-price-item, .table__content.col-price .table__head.table-price-item{ min-width: 217px; width: 217px; } } @media only screen and (max-width: 400px) { .table__content.col-price > .table__header, .table__content.col-price > .table__items-content { width: 400px; } } @media only screen and (max-width: 786px) { .container.section-price { padding: 0px; } .container.section-price .container { padding: 0px; } .container.section-price .container .page-price-head { padding: 0px 15px; } .container.section-price .container .table__title, .container.section-price .container .table__content { margin-left: 10px; margin-right: 10px; } } .menu-horizontal a[data-id="88"] { min-width: 150px; } .menu-horizontal a[data-id="120"] { min-width: 180px; } .menu-horizontal a[data-id="118"] { min-width: 200px; } .table__items { margin-left: 10px; } .banner-bottom { margin-top: auto; } /* End */ /* Start:/local/templates/duck/css/add.css?174185747815733*/ .catalog__block img { margin-right: 16px; width: 51px; height: 51px; min-width: 51px; } .decoration__basket-block { white-space: nowrap; } .decoration__ordering-btn { border: 0px; } .header__nav-mob ul li ul li { cursor: pointer; } .header-menu__childs { cursor: pointer; } @media only screen and (max-width: 991px) { #bx-admin-panel {display: none; } } .header__nav-mob ul li ul { display: block; } .header-menu__childs.active::after { background: none; } @media only screen and (max-width: 991px) { .header__nav-mob { padding-bottom: 0px; } .header__nav-mob .header__block .container ul { margin-bottom: 80px; } } a.footer__logo { max-width: 292px; } @media only screen and (max-width: 991px) { a.footer__logo { max-width: 243px; } } @media only screen and (max-width: 767px) { a.footer__logo { max-width: 174px; } } .nav__content__mobile a, .nav__content__mobile svg path { transition: color 0.3s, stroke 0.3s; } .nav__content__mobile a:hover { color: black; } .nav__content__mobile a:hover ~ svg path { stroke: black; } .nav__content__mobile:hover a, .nav__content__mobile:hover svg path { color: black; stroke: black; } .nav__content.nav__content__mobile { margin-bottom: 12px; } .nav__content.nav__content__mobile a{ font-size: 14px; } a .menu_oval { display: inline-block; text-align: center; line-height: 20px; justify-content: center; align-items: center; width: 28px; height: 20px; background: rgba(156, 165, 173, 0.15); border-radius: 10px; color: #7F8388; font-size: 12px; font-family: 'Nunito'; font-style: normal; font-weight: 600; font-size: 10px; transition: 300ms; } a:hover .menu_oval { color: #CF1F19; background: rgba(207, 31, 25, 0.15); transition: 300ms; } .header__nav-mob li span.menu_oval { display: inline-block; } .header__nav-mob li a:hover span.menu_oval { background: rgba(156, 165, 173, 0.15); color: #7F8388; } /* SHOP */ .swiper-slide-section { /*background-image:url('/images/catbg.svg');*/ border: 0px; background-size: contain; background-repeat: no-repeat; background-color: transparent; } .swiper-slide-section a { max-width:100%; max-height: 192px; } .swiper-slide-section .swiper-pagination-hover-wrap .swiper-slide { max-height: 170px; } .swiper-slide-section .hit__head { margin:-5px 0px 0px; } .swiper-slide-section .card-description { font-family: 'Nunito'; font-style: normal; font-size: 14px; color: #6B7280; margin: 8px 0px 0px; max-width: 100%; line-height: 150%; } .swiper-slide-section .card-button { display: block; width: 100%; padding: 4px; text-decoration: none; color: #333; margin: 14px 0px 14px; text-align: center; border: 1px solid #000; border-radius: 5px; font-family: 'Nunito'; font-style: normal; font-size: 16px; } .swiper-slide-section .count_products { display: inline-block; text-align: center; line-height: 20px; justify-content: center; align-items: center; width: 28px; height: 20px; background: rgba(156, 165, 173, 0.15); border-radius: 10px; color: #7F8388; font-size: 12px; font-family: 'Nunito'; font-style: normal; font-weight: 600; font-size: 10px; transition: 300ms; } @media only screen and (max-width: 1400px) { .swiper-slide-section .card-description { font-family: 'Nunito'; font-style: normal; font-size: 12px; color: #6B7280; margin: 8px 0px 0px; max-width: 100%; } .swiper-slide-section .card-button { font-size: 14px; } } @media only screen and (max-width: 990px) { .swiper-slide-section .card-description { display: none; } .catalog-common .swiper-slide-section .mySwiper{ padding-bottom: 10px; } .swiper-slide-section a { line-height: 120%; } .swiper-slide-section .hit__head { min-height: 80px; } } @media only screen and (max-width: 768px) { .swiper-slide-section .card-description { display: block; } .swiper-slide-section .hit__head { min-height: 0px; } .swiper-slide-section { height: 95% !important; } } .swiper-card-section { border: 0px; padding: 0px 20px 0px 0px; margin-top: -3px; margin-bottom: 0px; background-color: transparent; } .swiper-slide-section { border: 1px solid #e8e9ec; border-radius: 12px; transform: rotate(4deg) translateX(12px) translateY(2px); border-left: none; z-index: 11; height: 97%; } .swiper-slide-section2 { border: 1px solid #e8e9ec; border-radius: 12px; transform: rotate(-2deg) translateX(-6px) translateY(-1px); border-left: none; z-index: 11; background-color: #fff; height: 100%; } .swiper-slide-section3 { margin-top: 1px; border: 1px solid #e8e9ec; border-radius: 12px; transform: rotate(-2deg) translateX(-6px) translateY(-1px); z-index: 11; background-color: #fff; height: 100%; padding: 0px 10px; } .catalog-common .swiper-card-section .mySwiper { padding-bottom: 10px; } /* Каталог товаров */ .catalog__title { font-size: 16px; margin-bottom: 10px; } .catalog__item-slider { padding: 4px 0px; } .catalog_menu_section { font-size: 16px; display: inline-flex; align-items: center; margin-bottom: 10px; margin-top: 10px; } .catalog_menu_section.active { color: #CF1F19; display: inline-flex; align-items: center; font-size: 16px; } .catalog_childs { display: none; } .catalog_childs.active { display: block; } @media only screen and (min-width: 990px) { .catalog_childs_first { display: none !important; } } .catalog_menu_section .arrow, .catalog__block .arrow{ font-size: 16px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 21px; padding-top: 4px; } .catalog_menu_section .arrow::before, .catalog__block .arrow::before { content: ""; display: block; width: 20px; height: 21px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.125L10 12.125L14 8.125' stroke='%233A3A3A' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .catalog_menu_section.active .arrow::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.125L10 8.125L14 12.125' stroke='%23CF1F19' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .catalog__block img { margin-right: 16px; width: 36px; height: 36px; min-width: 36px; } .catalog_menu_back { display: none; } @media only screen and (max-width: 990px) { .catalog_childs.active { display: flex; padding-top: 16px; } .catalog_childs .catalog__block img { max-width: 38px; width: 38px; margin-right: 0px; } .catalog_childs .catalog__block div span { display: none; } .catalog_menu_section, .catalog_menu_section.active { display: none; } .catalog_menu_back.active { display: flex; align-items: center; color: #3A3A3A; font-size: 16px; text-decoration: none; cursor: pointer; visibility: visible; } .catalog_menu_back { visibility: hidden; display: block; } .catalog_menu_back svg { margin-right: 8px; } .catalog__block { margin: 0px 36px 0px 0px; font-size: 14px; color: #9CA5AD; } .catalog__block { margin: 0px 36px 0px 0px; font-size: 14px; color: #9CA5AD; } .catalog__block:hover { color: #3A3A3A; text-decoration: underline; } .catalog__item { min-height: 120px; } } @media only screen and (max-width: 767px) { .catalog__block-title { /*margin-left: 10px;*/ } } /* Карточка товара */ .show_pc { display: block; } .show_mobile { display: none; } .card__slider { min-width: 32%; width: 32%; margin-right: 0px; } .card__center { min-width: 32%; width: 32%; margin-right: 0px; } .card__item { min-width: 30%; width: 30%; } .showSizeBtn { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; padding-bottom: 10px; } .showSizeBtn span { display: inline-block; line-height: 32px; text-align: center; height: 32px; min-width: 32px; font-size: 14px; border: 1px solid #7C7C7C; border-radius: 12px; cursor: pointer; transition: background-color 0.3s; background-color: #FBFBFB; padding: 0px 6px; } .showSizeBtn span.active, .showSizeBtn span.current { background-color: #FFD823; border-color: #FFD823; } .showSizeBtn span.disabled { background-color: #FBFBFB; border-color: #EFF0F3; cursor: pointer; color: #939CA4; } .showSizeBtn.oneline { overflow: hidden; height: 35px; } .showSizeMore{ color: #9CA5AD; font-size: 14px; cursor: pointer; padding-top: 5px; padding-bottom: 10px; } .showSizeAttr { font-size: 14px; color: #7F8388; line-height: 17px; } .showSizeAttr .value { color: #3A3A3A; } .card__about { font-size: 16px; color: #3A3A3A; padding: 15px 0px; font-weight: bold; } .card__about_details { font-size: 14px; color: #3A3A3A; padding: 5px 0px; text-decoration: underline; cursor: pointer; } .card__price_variants { display: flex; justify-content: space-between; } .card__price_variants .card__price_var { background-color: #F9F9F9; border: solid 1px #EFF0F3; border-radius: 12px; width: 30%; text-align: center; padding: 4px; min-height: 58px; line-height: 17px; padding-top: 6px; } .card__price_variants .card__price_var.active { background-color: #fff; border: solid 1px #FFD823; } .card__price_variants .card__price_var p{ font-size: 14px; line-height: 20px; color: #7F8388; } .card__price_variants .card__price_var span { font-size: 16px; line-height: 20px; color: #3A3A3A; } .card__btns.card__price_twice { margin-top: 10px; } .card__btns.card__price_twice>div { width: 48%; } .card__adventage { display: flex; padding-top: 20px; } .card__adventage div { width: 48%; font-size: 16px; color: #3A3A3A; padding: 5px; } .card__adventage div ul { list-style: disc; font-size: 15px; color: #525252; } .card__pod_zakaz { width: 100%; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border: solid 1px #3A3A3A; border-radius: 12px; margin-top: 20px; } .card__sell_block { border-radius: 12px; box-shadow: 4px 6px 10px #E5E7E8, -4px 6px 10px #E5E7E8; border-top: none; padding: 18px 14px 14px 14px; min-height: 342px; } .card__bottom_desc { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 50px; } .card__bottom_desc .card__chars { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } div.card__title { font-size: 24px; } .card { margin-bottom: 50px; } .table__title { font-size: 24px; } .brand-products__title { font-size: 24px; } .card__header { font-size: 24px; } .table { margin-bottom: 50px; } .brand-products { margin-bottom: 50px; } .hideOnStart { display: none; } .hide { display: none; } .p48 { width: 48%; min-width: 48%; } .card__sell_block .card__price { font-size: 24px; } .card__chars-item p { font-size: 14px; } .card__chars-item span{ font-size: 14px; } .card__chars-item { margin-bottom: 8px; padding-bottom: 8px; } .card__about { padding-bottom: 12px; } .card__about_details { padding-top: 4px; } @media only screen and (max-width: 1600px) { .card__price_variants .card__price_var p{ font-size: 12px; } .card__price_variants .card__price_var span { font-size: 14px; } } @media only screen and (max-width: 990px) { .show_mobile { display: block; } .show_pc { display: none; } .card__slider { min-width: 100%; width: 100%; } .card__center { min-width: 100%; width: 100%; } .card__item { min-width: 100%; width: 100%; margin-bottom: 74px; } } /* Выпадающее меню */ .header__catalog-contents.active { border: solid 1px #EFF0F3; border-radius: 12px; max-height: 100vh; overflow: auto; padding: 0px; } .header__catalog-contents::before, .header__catalog-contents::after { content: none; } .header__catalog-contents::after { content: ''; position: absolute; /*top: 300px;*/ top: var(--top-position, 300px); left: 0; width: 100%; height: 99px; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 16.42%, rgba(214, 211, 211, 0.69) 100%); } .header__catalog-contents.hidden-after::after { content: none; /* Убирает псевдоэлемент */ } .header__catalog-items { padding: 74px 0px 30px 20px; } .header__banner { padding-top: 74px; } .header__section_select { position: absolute; border-bottom: solid 1px #E0E4EA; width: 100%; height: 42px; } .header__menu_open { position: absolute; left: 50%; bottom: 10px; cursor: pointer; } .menu__select-section { color: #656E7B; font-size: 18px; font-weight: bold; line-height: 42px; padding: 0px 12px; } .menu__select-section.active { color: #CF1F19; border-bottom: 2px solid #CF1F19; } .header__catalog-items { /*visibility: hidden;*/ display: none; } .header__catalog-items.active { /* visibility: visible;*/ display: grid; } /* Стилизация для Webkit-браузеров (Chrome, Safari) */ .header__catalog-contents::-webkit-scrollbar { width: 6px; background-color: #f6f6f6; } .header__catalog-contents::-webkit-scrollbar-thumb { background-color: #dcdcdc; border-radius: 6px; } /* Стилизация для Firefox */ .header__catalog-contents { scrollbar-width: thin; scrollbar-color: #dcdcdc #f6f6f6; } /* Для остальных браузеров, поддерживающих стандартные свойства */ .header__catalog-contents::-webkit-scrollbar-track { background: #f6f6f6; /* Фон дорожки */ } .header__catalog-contents::-webkit-scrollbar-thumb { background-color: #dcdcdc; border-radius: 6px; border: 3px solid #f6f6f6; } .menu__select-section_mobile { font-size: 16px; color: #3A3A3A; display: inline-block; } .header__nav-mob li a.menu__select-section_mobile { font-size: 16px; color: #3A3A3A; display: inline-block; line-height: 40px; margin-right: 16px; white-space: nowrap; } .header__nav-mob li a.menu__select-section_mobile.active { color: #CF1F19; border-bottom: 2px solid #CF1F19; } .header__nav-mob ul li ul.header-menu__childs-drop_list { display: none; } .header__nav-mob ul li ul.header-menu__childs-drop_list.active { display: block; } .header__nav-mob ul li ul { padding-top: 0px; } .header__nav-mob ul li ul li { border-bottom: 1px solid #eff0f3; border-top: none; height: 45px; } .header__nav-mob ul li ul.header-menu__childs-drop-sections { border-bottom: 1px solid #eff0f3; border-top: none; height: 45px; overflow-y: hidden; display: flex; overflow-x: auto; box-sizing: border-box; } .left-submenu { color: #9CA5AD; font-size: 13px; margin: 0px 0px 10px 0px; display: none; } .left-submenu.active { display: block; } .left-submenu a { margin: 0px 0px 10px 0px; text-decoration: none; } .left-submenu a:hover { color: #CF1F19; text-decoration: none; } @media only screen and (max-width: 990px) { .left-submenu { display: none; } .catalog__block .arrow{ display: none; } .left-submenu.active { display: none; } /*.is_open a.catalog__block { display: none !important; }*/ } /* End */ /* /local/templates/duck/libs/fancybox/cdn.jsdelivr.net_npm_@fancyapps_ui@5.0_dist_fancybox_fancybox.css?171614163024789 */ /* /local/templates/duck/libs/swiper/cdn.jsdelivr.net_npm_swiper@10_swiper-bundle.min.css?171614163018451 */ /* /local/templates/duck/css/style.css?1750875748199323 */ /* /local/templates/duck/css/add.css?174185747815733 */