/* Start:/local/templates/inverted_city/assets/css/libs.min.css?178456048520251*/
abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}article,aside,details,figure,footer,header,nav,section,summary{display:block}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}html{overflow:auto}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}@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;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(0,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(0)}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(0,-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.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:0;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.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.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/inverted_city/assets/css/app.min.css?178456048536682*/
a:hover, a:focus{text-decoration: none;}.name.h3{margin: 0;}.col-1{padding-left:16px;padding-right:16px}.col-md-1{padding-left:16px;padding-right:16px}.col-sm-1{padding-left:16px;padding-right:16px}.col-lg-1{padding-left:16px;padding-right:16px}.col-sx-1{padding-left:16px;padding-right:16px}.col-2{padding-left:16px;padding-right:16px}.col-md-2{padding-left:16px;padding-right:16px}.col-sm-2{padding-left:16px;padding-right:16px}.col-lg-2{padding-left:16px;padding-right:16px}.col-sx-2{padding-left:16px;padding-right:16px}.col-3{padding-left:16px;padding-right:16px}.col-md-3{padding-left:16px;padding-right:16px}.col-sm-3{padding-left:16px;padding-right:16px}.col-lg-3{padding-left:16px;padding-right:16px}.col-sx-3{padding-left:16px;padding-right:16px}.col-4{padding-left:16px;padding-right:16px}.col-md-4{padding-left:16px;padding-right:16px}.col-sm-4{padding-left:16px;padding-right:16px}.col-lg-4{padding-left:16px;padding-right:16px}.col-sx-4{padding-left:16px;padding-right:16px}.col-5{padding-left:16px;padding-right:16px}.col-md-5{padding-left:16px;padding-right:16px}.col-sm-5{padding-left:16px;padding-right:16px}.col-lg-5{padding-left:16px;padding-right:16px}.col-sx-5{padding-left:16px;padding-right:16px}.col-6{padding-left:16px;padding-right:16px}.col-md-6{padding-left:16px;padding-right:16px}.col-sm-6{padding-left:16px;padding-right:16px}.col-lg-6{padding-left:16px;padding-right:16px}.col-sx-6{padding-left:16px;padding-right:16px}.col-7{padding-left:16px;padding-right:16px}.col-md-7{padding-left:16px;padding-right:16px}.col-sm-7{padding-left:16px;padding-right:16px}.col-lg-7{padding-left:16px;padding-right:16px}.col-sx-7{padding-left:16px;padding-right:16px}.col-8{padding-left:16px;padding-right:16px}.col-md-8{padding-left:16px;padding-right:16px}.col-sm-8{padding-left:16px;padding-right:16px}.col-lg-8{padding-left:16px;padding-right:16px}.col-sx-8{padding-left:16px;padding-right:16px}.col-9{padding-left:16px;padding-right:16px}.col-md-9{padding-left:16px;padding-right:16px}.col-sm-9{padding-left:16px;padding-right:16px}.col-lg-9{padding-left:16px;padding-right:16px}.col-sx-9{padding-left:16px;padding-right:16px}.col-10{padding-left:16px;padding-right:16px}.col-md-10{padding-left:16px;padding-right:16px}.col-sm-10{padding-left:16px;padding-right:16px}.col-lg-10{padding-left:16px;padding-right:16px}.col-sx-10{padding-left:16px;padding-right:16px}.col-11{padding-left:16px;padding-right:16px}.col-md-11{padding-left:16px;padding-right:16px}.col-sm-11{padding-left:16px;padding-right:16px}.col-lg-11{padding-left:16px;padding-right:16px}.col-sx-11{padding-left:16px;padding-right:16px}.col-12{padding-left:16px;padding-right:16px}.col-md-12{padding-left:16px;padding-right:16px}.col-sm-12{padding-left:16px;padding-right:16px}.col-lg-12{padding-left:16px;padding-right:16px}.col-sx-12{padding-left:16px;padding-right:16px}.col-1{width:8.3333333333%}.col-2{width:16.666666666%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.666666667%}.col-6{width:50%}.col-7{width:58.333333333%}.col-8{width:66.666666667%}.col-9{width:75%}.col-10{width:83.333333333%}.col-11{width:91.666666667%}.col-12{width:100%}.margincenter{margin:0 auto;padding:0; float:none}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.row{display:flex;align-items:flex-start;flex-wrap:wrap;margin-left:-16px;margin-right:-16px}.nopadding{padding:0}.nomargin{margin:0}.strong,strong{font-weight:700}.flex{display:flex;flex-wrap:wrap}.grid{display:grid}.container{width:100%;margin:0 auto;padding:0 16px;max-width:100%}@media screen and (max-width:767.9px){.hidden-m{display:none}}@media screen and (min-width:768px){.col-sx-1{width:8.3333333333%}.col-sx-2{width:16.666666666%}.col-sx-3{width:25%}.col-sx-4{width:33.33333333%}.col-sx-5{width:41.666666667%}.col-sx-6{width:50%}.col-sx-7{width:58.333333333%}.col-sx-8{width:66.666666667%}.col-sx-9{width:75%}.col-sx-10{width:83.333333333%}.col-sx-11{width:91.666666667%}.col-sx-12{width:100%}.hidden-sx{display:none}}@media screen and (min-width:1024px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.666666666%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333%}.col-sm-8{width:66.666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333333%}.col-sm-11{width:91.666666667%}.col-sm-12{width:100%}.hidden-sm{display:none}}@media screen and (min-width:1281px){.col-md-1{width:8.3333333333%}.col-md-2{width:16.666666666%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333%}.col-md-8{width:66.666666667%}.col-md-9{width:75%}.col-md-10{width:83.333333333%}.col-md-11{width:91.666666667%}.col-md-12{width:100%}.hidden-md{display:none}}@media screen and (min-width:1680px){.container{max-width:1600px}}@media screen and (min-width:1770px){.container{max-width:1780px}.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.666666666%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333%}.col-lg-8{width:66.666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.333333333%}.col-lg-11{width:91.666666667%}.col-lg-12{width:100%}}
@font-face{font-family:Equilibrist;font-style:normal;font-weight:300;src:url(/local/templates/inverted_city/assets/css/../fonts/Equilibrist_Light.ttf)}@font-face{font-family:Equilibrist;font-style:normal;font-weight:400;src:url(/local/templates/inverted_city/assets/css/../fonts/Equilibrist_Regular.ttf)}@font-face{font-family:Equilibrist;font-style:normal;font-weight:700;src:url(/local/templates/inverted_city/assets/css/../fonts/Equilibrist_Bold.ttf)}@font-face{font-family:Equilibrist;font-style:normal;font-weight:500;src:url(/local/templates/inverted_city/assets/css/../fonts/Equilibrist_Semibold.ttf)}@font-face{font-family:Ostrovsky;font-style:normal;font-weight:700;src:url(/local/templates/inverted_city/assets/css/../fonts/Ostrovsky-Bold.otf)}*{box-sizing:border-box;padding:0;margin:0;border:none}body,html{height:100%}:root{--black:#101314;--white:#ffffff;--dark-blue:#1F2628;--blue:#42838A;--beige:#F9E2AC;--orange:#C87C0C;--fiol:#701181}body{width:100%;max-width:100vw;font-family:Equilibrist;font-size:16px;line-height:140%;color:var(--black);background-color:var(--beige)}ul{list-style:none}img{max-width:100%;display:block}a{color:var(--black);text-decoration:none}.wrapper{max-width:100%;position:relative}.bold{font-weight:700}.h1,h1{font-family:Ostrovsky!important;font-size:80px;line-height:100%;font-weight:700}@media screen and (max-width:1100px){.h1,h1{font-size:38px;line-height:100%}}.h2,h2{font-family:Ostrovsky!important;font-size:80px;line-height:100%;font-weight:700}@media screen and (max-width:1100px){.h2,h2{font-size:38px;line-height:100%}}.h3,h3{font-family:Ostrovsky;font-size:70px;line-height:100%;font-weight:700}@media screen and (max-width:1430px){.h3,h3{font-size:52px}}@media screen and (max-width:900px){.h3,h3{font-size:30px;line-height:100%}}.h4,h4{font-family:Ostrovsky;font-size:60px;line-height:90%;font-weight:700;letter-spacing:-.06em}@media screen and (max-width:768px){.h4,h4{font-size:30px;line-height:100%}}.h5,h5{font-size:40px;line-height:130%}@media screen and (max-width:768px){.h5,h5{font-size:25px}}header{transition:all .3s;z-index:10;padding:0;width:100%;position:fixed;top:0;right:0;left:0;background-color:rgba(255,228,166,.8);padding:16px 0}@media screen and (max-width:1100px){header{padding:12px 0}}header .grid{grid-template-columns:284px 153px auto 643px;-moz-column-gap:16px;column-gap:16px;align-items:center}@media screen and (max-width:1440px){header .grid{grid-template-columns:250px 153px auto 600px}}@media screen and (max-width:1370px){header .grid{grid-template-columns:200px 153px auto 600px}}@media screen and (max-width:1100px){header .grid{grid-template-columns:150px auto}}header .logo{max-height:71px}@media screen and (max-width:1440px){header .logo{max-height:60px}}@media screen and (max-width:1100px){header .logo{max-height:40px}}header .logo svg{max-width:100%}@media screen and (max-width:1440px){header .logo svg{height:60px}}@media screen and (max-width:1100px){header .logo svg{height:40px}}@media screen and (max-width:1100px){header .catalog-btn{display:none}}header .menu-btn{display:none}@media screen and (max-width:1100px){header .menu-btn{display:flex;justify-content:flex-end}}header .menu-btn a{text-transform:uppercase}header .menu-btn a .close{display:none}header .menu-btn a.open{background-color:var(--orange);padding-left:20px;padding-right:16px}header .menu-btn a.open .icon{display:none}header .menu-btn a.open .close{display:block}@media screen and (max-width:1100px){header .search-line{display:none}}@media screen and (max-width:1100px){header .menu{display:none}}header nav ul{display:flex;align-items:center;-moz-column-gap:16px;column-gap:16px}header nav ul li a{display:flex;align-items:center;padding:16px;-moz-column-gap:12px;column-gap:12px;padding-right:15px;font-size:15px;line-height:11px;color:var(--dark-blue);border:1px solid var(--dark-blue);border-radius:10px;transition:all .3s}@media screen and (max-width:1440px){header nav ul li a{padding-right:16px}}header nav ul li a svg path,header nav ul li a svg rect{transition:all .3s}header nav ul li a:hover{background-color:var(--orange);border-color:var(--orange);color:var(--white)}header nav ul li a:hover svg path,header nav ul li a:hover svg rect{stroke:var(--white)}.catalog-btn a,.menu-btn a{display:flex;align-items:center;padding:16px;-moz-column-gap:12px;column-gap:12px;font-size:15px;line-height:11px;padding-right:20px;color:var(--white);background-color:var(--dark-blue);border-radius:10px;transition:all .3s}@media screen and (min-width:1100px){.catalog-btn a:hover,.menu-btn a:hover{background-color:var(--orange)}}.search-line input{box-sizing:border-box;width:100%;padding:22.5px;padding-left:52px;background-image:url('data:image/svg+xml,');background-repeat:no-repeat;background-position:left 16px center;border:1px solid #1f2628;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);border-radius:10px;background-color:transparent;height:58px;transition:all .3s}.search-line input:focus{outline:0;background-color:#fff}.btn{display:inline-block;color:var(--white);text-align:center;font-size:15px;line-height:11px;background:var(--black);border-radius:10px;padding:22.5px;text-decoration:none;transition:all .3s}.btn:hover{background-color:var(--orange)}.accordion-block .item .text,.tab{display:none}.accordion-block .item.active .text,.tab.active{display:block}
main{
position:relative;
z-index:2;
/* background-color:var(--beige) */
}
.bg-block,
.main-bg-block{position:absolute;z-index:1;background-size:cover;background-repeat:no-repeat;inset:0;width:100%;height:100%}
.main-bg-block{
background-image: url('/local/templates/inverted_city/images/bgpaper.webp');
/* background-image: url(/local/templates/inverted_city/assets/css/); */
}
.bx_sitemap {
margin: 0!important;
}
.main-product-slider .slider-block .swiper-slide .inner .slide-inner .img img {
height: 572px;
}
@media screen and (max-width:767px){
.main-product-slider .slider-block .swiper-slide .inner .slide-inner .img img {
height: 317px;
}
}
@media screen and (max-width:600px){
.popup-window.add_cart {
width: 344px;
height: 110px;
}
.popup-window-close-icon {
top: 54px !important;
}
}
.main-bg-block{position:fixed;mix-blend-mode:multiply}.news-bg,.top-bg{position:relative;background-color:var(--beige)}.news-bg .bg-block,.top-bg .bg-block{background-color:var(--beige);mix-blend-mode:multiply}@keyframes lighter{0%{opacity:.3}50%{opacity:.8}100%{opacity:.3}}.main-page .top-block{padding-top:150px;background:url(/local/templates/inverted_city/assets/css/../img/dest/main-top1.webp) top left no-repeat,url(/local/templates/inverted_city/assets/css/../img/dest/main-top2.webp) top right no-repeat;position:relative;z-index:2;padding-bottom:50px}@media screen and (max-width:1260px){.main-page .top-block{background-size:45%}}@media screen and (max-width:1100px){.main-page .top-block{padding-top:200px}}@media screen and (max-width:900px){.main-page .top-block{background:url(/local/templates/inverted_city/assets/css/../img/dest/main-top2.webp) top center no-repeat;background-size:auto 452px}}.main-page .top-block .top-inner .light-block{width:382px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}@media screen and (max-width:1100px){.main-page .top-block .top-inner .light-block{width:286px}}.main-page .top-block .top-inner .light-block .bg{position:absolute;z-index:2;background-color:#f9e2ac;border-radius:50%;width:378px;height:378px;top:3px;left:1px}@media screen and (max-width:1100px){.main-page .top-block .top-inner .light-block .bg{height:282px;width:282px}}.main-page .top-block .top-inner .light-block svg{max-width:100%;position:relative;z-index:3}@media screen and (max-width:1100px){.main-page .top-block .top-inner .light-block svg{height:286px}}.main-page .top-block .top-inner .light-block::before{content:'';position:absolute;z-index:5;width:130px;height:135px;background:#c88c0c;mix-blend-mode:plus-lighter;filter:blur(66.4936px);border-radius:50%;top:120px;left:118px}@media screen and (max-width:1100px){.main-page .top-block .top-inner .light-block::before{top:75px;left:77px}}.main-page .top-block .top-inner .light-block::after{content:'';position:absolute;z-index:4;width:258px;height:268px;border-radius:50%;background:#c87c0c;mix-blend-mode:plus-lighter;opacity:.3;filter:blur(66.4936px);top:53px;left:55px;animation-name:lighter;animation-duration:3s;animation-iteration-count:infinite}@media screen and (max-width:1100px){.main-page .top-block .top-inner .light-block::after{top:8px;left:21px}}.main-page .top-block .top-inner .title{text-align:center;max-width:678px;margin:40px auto 0}@media screen and (max-width:767px){.main-page .top-block .top-inner .title{margin-top:32px}}.main-page .top-block .top-inner .text{margin:16px auto 0;max-width:957px;display:flex;align-items:center;justify-content:center;-moz-column-gap:6px;column-gap:6px;text-align:center;font-size:18px;line-height:150%}@media screen and (max-width:767px){.main-page .top-block .top-inner .text{margin-top:67px;font-size:15px;line-height:150%}}.main-page .top-block .top-inner .text::before{content:'(';font-weight:300;font-size:80px;line-height:90%;letter-spacing:-.06em}@media screen and (max-width:767px){.main-page .top-block .top-inner .text::before{font-size:120px}}.main-page .top-block .top-inner .text:after{content:')';font-weight:300;font-size:80px;line-height:90%;letter-spacing:-.06em}@media screen and (max-width:767px){.main-page .top-block .top-inner .text:after{font-size:120px}}.arrow-next,.arrow-prev{cursor:pointer}.arrow-next svg path,.arrow-prev svg path{transition:all .3s}.arrow-next:hover svg path,.arrow-prev:hover svg path{stroke:var(--orange)}.main-product-slider{padding-top:130px;position:relative;z-index:2;padding-bottom:40px;overflow:hidden}@media screen and (max-width:768px){.main-product-slider{padding-top:108px}}.main-product-slider .container{position:relative}.main-product-slider .grid{grid-template-columns:80px auto 80px;-moz-column-gap:68px;column-gap:68px;align-items:center}@media screen and (max-width:1370px){.main-product-slider .grid{-moz-column-gap:32px;column-gap:32px}}@media screen and (max-width:1100px){.main-product-slider .grid{grid-template-columns:1fr;padding-bottom:40px}}@media screen and (max-width:1100px){.main-product-slider .arrow-next,.main-product-slider .arrow-prev{position:absolute;bottom:0;z-index:10}.main-product-slider .arrow-next svg,.main-product-slider .arrow-prev svg{width:48px;height:48px}}@media screen and (max-width:768px){.main-product-slider .arrow-next,.main-product-slider .arrow-prev{bottom:auto;top:136px}}@media screen and (max-width:1100px){.main-product-slider .arrow-next{right:17px}}@media screen and (max-width:1100px){.main-product-slider .arrow-prev{right:65px}}@media screen and (max-width:768px){.main-product-slider .arrow-prev{right:auto;left:16px}}.main-product-slider .slider-block{overflow-x:hidden;position:relative}.main-product-slider .slider-block .swiper-slide{width:100%}.main-product-slider .slider-block .swiper-slide .inner{position:relative;overflow:hidden;transition:all .3s;display:grid;grid-template-columns:56px auto 56px 56px;-moz-column-gap:8px;column-gap:8px}@media screen and (max-width:1300px){.main-product-slider .slider-block .swiper-slide .inner{grid-template-columns:56px auto}}@media screen and (max-width:767px){.main-product-slider .slider-block .swiper-slide .inner{padding-left:0;grid-template-columns:1fr}}.main-product-slider .slider-block .swiper-slide .inner .side-name{font-size:24px;line-height:90%;background-color:var(--blue);border-radius:10px;text-align:center;padding:17px;writing-mode:sideways-lr;height:572px;color:var(--beige);left:0}@media screen and (max-width:767px){.main-product-slider .slider-block .swiper-slide .inner .side-name{display:none}}@media screen and (max-width:1300px){.main-product-slider .slider-block .swiper-slide .inner .side-name.side2,.main-product-slider .slider-block .swiper-slide .inner .side-name.side3{display:none}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner{height:100%;padding:0 40px;display:grid;grid-template-columns:auto 380px;-moz-column-gap:16px;column-gap:16px}@media screen and (max-width:1430px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner{padding-left:20px}}@media screen and (max-width:1100px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner{padding-left:16px;padding-right:0}}@media screen and (max-width:767px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner{display:flex;flex-direction:column-reverse;padding:0}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block{max-width:548px;margin-top:32px}@media screen and (max-width:768px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block{margin-top:0}}@media screen and (max-width:1150px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .name{font-size:42px}}@media screen and (max-width:768px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .name{max-width:235px}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .text{font-size:18px;line-height:150%;margin-top:40px}@media screen and (max-width:1160px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .text{font-size:16px;margin-top:24px}}@media screen and (max-width:768px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .text{margin-top:16px;font-size:15px}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .text span{margin-right:4px}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block{margin-top:48px;display:flex;align-items:center;-moz-column-gap:62px;column-gap:62px}@media screen and (max-width:1550px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block{-moz-column-gap:32px;column-gap:32px;margin-top:32px}}@media screen and (max-width:1490px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block{flex-direction:column;align-items:flex-start;row-gap:16px}}@media screen and (max-width:1370px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block{-moz-column-gap:16px;column-gap:16px}}@media screen and (max-width:1200px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block{flex-direction:column-reverse;row-gap:24px}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block .author{font-size:18px;line-height:13px}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block .author .caption{opacity:.5}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block .author .val{margin-top:12px}@media screen and (max-width:768px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .text-block .btn-block .btn{text-transform:uppercase;padding:22.5px 26px}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .img{padding-bottom:40px}@media screen and (max-width:767px){.main-product-slider .slider-block .swiper-slide .inner .slide-inner .img{padding-bottom:68px;max-width:211px;margin:0 auto}}.main-product-slider .slider-block .swiper-slide .inner .slide-inner .img img{box-shadow:0 29px 25px -15px rgba(0,0,0,.25);border-radius:10px}.main-product-slider .slider-pagination-block{position:absolute;bottom:60px;left:0;right:0;z-index:2}@media screen and (max-width:1770px){.main-product-slider .slider-pagination-block{bottom:30px}}@media screen and (max-width:1430px){.main-product-slider .slider-pagination-block{bottom:50px}}@media screen and (max-width:1100px){.main-product-slider .slider-pagination-block{bottom:0}}@media screen and (max-width:768px){.main-product-slider .slider-pagination-block{bottom:auto;top:343px}}.main-product-slider .slider-pagination-block .slider-pagination-container{max-width:1464px;margin:0 auto}@media screen and (max-width:768px){.main-product-slider .slider-pagination-block .slider-pagination-container{padding:0 16px}}
.main-product-slider .slider-pagination{display:flex;align-items:center;margin-left:170px}@media screen and (max-width:1770px){.main-product-slider .slider-pagination{margin-left:200px}}@media screen and (max-width:1545px){.main-product-slider .slider-pagination{margin-left:240px}}@media screen and (max-width:1520px){.main-product-slider .slider-pagination{margin-left:260px}}@media screen and (max-width:1370px){.main-product-slider .slider-pagination{margin-left:210px}}@media screen and (max-width:1100px){.main-product-slider .slider-pagination{margin-left:16px}}@media screen and (max-width:768px){.main-product-slider .slider-pagination{margin-left:0;justify-content:center}}.main-product-slider .slider-pagination .swiper-pagination-bullet{width:23px;height:25px;background-image:url('data:image/svg+xml,');background-color:transparent;background-repeat:no-repeat}.main-product-slider .slider-pagination .swiper-pagination-bullet:nth-child(2n){transform:rotate(180deg);margin-top:-10px}.socials-news{padding-top:125px;padding-bottom:154px;position:relative;z-index:2;background:radial-gradient(175.67% 68.72% at 50% 0,transparent 30.98%,#101314 100%)}
.socials-news::after{content:'';position:absolute;inset:0;z-index:2;background-image:url(/local/templates/inverted_city/assets/css/../img/dest/news-bg.webp);background-repeat:no-repeat;background-size:contain;background-position:left bottom;width:100%;height:100%}
@media screen and (max-width:768px){.socials-news::after{background-size:cover;max-height:820px;top:auto}}@media screen and (max-width:768px){.socials-news{padding-top:80px;padding-bottom:214px}}.socials-news .container{position:relative;z-index:4}.socials-news .title{text-align:center}
.socials-news .text-block{margin:80px auto 0;max-width:776px;max-height:440px;width:100%;height:100%;padding:172px 70px 57px;background-image:url(/local/templates/inverted_city/assets/css/../img/dest/warn-img.jpg);background-repeat:no-repeat;background-size: contain; }@media screen and (max-width:768px){.socials-news .text-block{background-image:url(/local/templates/inverted_city/assets/css/../img/dest/warn-img-375.jpg);max-width:345px;max-height:479px;padding:114px 24px 48px;background-size:cover;border-radius:8px;box-shadow:0 29px 59.9px rgba(0,0,0,.52)}}.socials-news .text-block .text{font-size:20px;line-height:150%;text-align:center}@media screen and (max-width:768px){.socials-news .text-block .text{font-size:15px}}.socials-news .text-block .btn-block{margin-top:34px;display:flex;align-items:center;justify-content:center;-moz-column-gap:16px;column-gap:16px}@media screen and (max-width:768px){.socials-news .text-block .btn-block{flex-direction:column;row-gap:16px}}.socials-news .text-block .btn-block .btn{max-width:180px;width:100%;text-transform:uppercase;padding:22.5px}.to-readers{background-color:#101314;padding-top:80px;color:var(--beige);padding-bottom:120px}@media screen and (max-width:1440px){.to-readers{margin-top:-3px}}@media screen and (max-width:900px){.to-readers{margin-top:-1px}}@media screen and (max-width:768px){.to-readers{padding-top:74px;padding-bottom:80px}}.to-readers .container{position:relative;z-index:2}.to-readers .bg-block{background-color:#101314;background-image:url(/local/templates/inverted_city/assets/css/../img/dest/to-reader-bg.webp);mix-blend-mode:lighten}.to-readers .title-logo{text-align:center}.to-readers .title-logo svg{max-width:100%}.to-readers .title{text-align:center;margin-top:64px}@media screen and (max-width:768px){.to-readers .title{margin-top:48px}}.to-readers .text-block{position:relative;max-width:1349px;margin:80px auto 0}@media screen and (max-width:768px){.to-readers .text-block{margin-top:32px;display:flex;flex-direction:column;row-gap:40px}}.to-readers .text1,.to-readers .text2,.to-readers .text3{position:absolute;z-index:2;background-repeat:no-repeat;background-size:cover;font-size:20px;line-height:150%}@media screen and (max-width:768px){.to-readers .text1,.to-readers .text2,.to-readers .text3{position:static;font-size:15px}}.to-readers .text1 span,.to-readers .text2 span,.to-readers .text3 span{font-family:Ostrovsky;font-size:80px;line-height:100%;margin-right:4px;font-weight:700}@media screen and (max-width:768px){.to-readers .text1 span,.to-readers .text2 span,.to-readers .text3 span{font-size:30px}}.to-readers .text1{width:331px;height:341px;background-image:url(/local/templates/inverted_city/assets/css/../img/dest/text-bg1.webp);top:304px;left:-46px;padding-top:32px;padding-left:30px;padding-right:30px}@media screen and (max-width:1500px){.to-readers .text1{left:-25px}}@media screen and (max-width:1370px){.to-readers .text1{left:0}}@media screen and (max-width:768px){.to-readers .text1{background-image:none;width:100%;height:auto;padding:0}}.to-readers .text2{background-image:url(/local/templates/inverted_city/assets/css/../img/dest/text-bg2.webp);width:382px;height:286px;top:538px;right:-10px;padding-top:50px;padding-left:40px;padding-right:40px}@media screen and (max-width:1370px){.to-readers .text2{right:0}}@media screen and (max-width:1100px){.to-readers .text2{top:418px}}@media screen and (max-width:768px){.to-readers .text2{background-image:none;width:100%;height:auto;padding:0}}.to-readers .text3{background-image:url(/local/templates/inverted_city/assets/css/../img/dest/text-bg3.webp);background-size:100%;width:800px;height:232px;bottom:271px;left:223px;padding-top:20px;padding-left:50px;padding-right:40px}@media screen and (max-width:1100px){.to-readers .text3{bottom:131px;left:153px}}@media screen and (max-width:970px){.to-readers .text3{left:0}}@media screen and (max-width:900px){.to-readers .text3{max-width:100%;bottom:21px}}@media screen and (max-width:800px){.to-readers .text3{background-size:100%;width:768px}}@media screen and (max-width:768px){.to-readers .text3{background-image:none;width:100%;height:auto;padding:0}}.bottom-bg{background-color:var(--black);position:relative;z-index:4}@media screen and (max-width:1500px){.bottom-bg{margin-top:-1px}}.bottom-bg .bg-block{background-color:var(--black);background-image:url(/local/templates/inverted_city/assets/css/../img/dest/bottom-bg.webp);mix-blend-mode:lighten}.bottom-form{position:relative;z-index:2;padding-bottom:73px}@media screen and (max-width:768px){.bottom-form{padding-top:40px;padding-bottom:80px}}.bottom-form .grid{grid-template-columns:repeat(2,1fr);-moz-column-gap:16px;column-gap:16px;color:#fff}@media screen and (max-width:768px){.bottom-form .grid{grid-template-columns:1fr;row-gap:40px}}.bottom-form .text{max-width:576px;margin-left:5px}.form-block .form-inner .form-field{margin-bottom:16px}.form-block .form-inner .form-field:last-child{margin-bottom:0}.form-block .form-inner .form-field input,.form-block .form-inner .form-field textarea{background-color:transparent;box-sizing:border-box;width:100%;height:74px;padding:30px 20px;border:none;border-bottom:1px solid #fff;transition:all .3s;font-family:Equilibrist;font-size:20px;line-height:150%;color:#fff}@media screen and (max-width:768px){.form-block .form-inner .form-field input,.form-block .form-inner .form-field textarea{font-size:15px;height:51px;padding:20px 10px}}.form-block .form-inner .form-field input:focus,.form-block .form-inner .form-field textarea:focus{outline:0;border-bottom-color:var(--orange)}.form-block .form-inner .form-field textarea{height:138px}.form-block .form-inner .check-field{margin-top:21px}.form-block .form-inner .btn-block{margin-top:48px}@media screen and (max-width:768px){.form-block .form-inner .btn-block{margin-top:40px}}.form-block .form-inner .btn-block button{width:100%;box-sizing:border-box;height:59px;border:1px solid var(--beige);padding:24px;border-radius:8px;font-size:15px;line-height:11px;color:#fff;cursor:pointer;text-transform:uppercase;background-color:transparent;font-family:Equilibrist;transition:all .3s}@media screen and (max-width:768px){.form-block .form-inner .btn-block button{height:48px;padding:18.5px}}.form-block .form-inner .btn-block button:hover{background-color:var(--orange);border-color:var(--orange)}label.checkbox{position:relative;display:grid;grid-template-columns:20px auto;-moz-column-gap:16px;column-gap:16px}label.checkbox .check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid #fff}label.checkbox .check svg{transition:all .3s;opacity:0}label.checkbox .label{font-size:15px;line-height:150%;color:#fff}label.checkbox input[type=checkbox]{opacity:0;position:absolute}label.checkbox input[type=checkbox]:checked~.check{background-color:#fff}label.checkbox input[type=checkbox]:checked~.check svg{opacity:1}footer{color:#fff;position:relative;z-index:2}@media screen and (max-width:768px){footer{padding-bottom:40px}}footer a{color:#fff}footer .grid{grid-template-columns:repeat(2,1fr);row-gap:40px;align-items:center;-moz-column-gap:16px;column-gap:16px}@media screen and (max-width:768px){footer .grid{grid-template-columns:200px auto}}@media screen and (max-width:660px){footer .grid{display:flex;flex-direction:column;row-gap:0;align-items:flex-start}}footer .logo svg{max-width:100%}@media screen and (max-width:768px){footer .logo svg{height:28px}}footer .bot-footer{font-size:20px;line-height:150%;margin-top:40px}@media screen and (max-width:768px){footer .bot-footer{margin-top:32px;font-size:15px;line-height:11px}}@media screen and (max-width:660px){footer .contacts{order:1}}footer .contacts .flex{-moz-column-gap:56px;column-gap:56px;row-gap:24px}@media screen and (max-width:660px){footer .contacts .flex{flex-direction:column}}footer .contacts a{color:var(--beige);transition:all .3s}footer .contacts a:hover{color:var(--orange)}@media screen and (max-width:660px){footer .menu{margin-top:48px;order:2}}footer .menu .flex{justify-content:flex-end;-moz-column-gap:82px;column-gap:82px}@media screen and (max-width:1100px){footer .menu .flex{-moz-column-gap:16px;column-gap:16px}}@media screen and (max-width:660px){footer .menu .flex{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:100%;row-gap:24px}}footer .menu a{opacity:.5;transition:all .3s}footer .menu a:hover{opacity:1;color:var(--orange)}footer .flex-bot-footer{-moz-column-gap:48px;column-gap:48px;margin-top:40px}@media screen and (max-width:660px){footer .flex-bot-footer{flex-direction:column}}@media screen and (max-width:768px){footer .copy{order:3;margin-top:24px}}footer .copy a svg path{transition:all .3s}footer .copy a:hover svg path{opacity:1;fill:var(--orange)}footer .policies{font-size:14px;line-height:150%}@media screen and (max-width:1000px){footer .policies{order:1;font-size:12px;line-height:8px}}@media screen and (max-width:660px){footer .policies{order:2;margin-top:48px}}footer .policies .flex{-moz-column-gap:48px;column-gap:48px}@media screen and (max-width:768px){footer .policies .flex{row-gap:24px}}footer .policies a{text-decoration:underline;transition:all .3s}footer .policies a:hover{color:var(--orange);text-decoration:none}footer .socials{-moz-column-gap:10px;column-gap:10px;align-items:center;justify-content:flex-end;margin-left:auto}@media screen and (max-width:1000px){footer .socials{order:2}}@media screen and (max-width:660px){footer .socials{order:1;justify-content:flex-start;margin-left:0}}footer .socials a svg g{transition:all .3s}footer .socials a svg g path{transition:all .3s}footer .socials a:hover svg g{opacity:1}footer .socials a:hover svg g path{fill:var(--orange)}.popupblock{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999}.popupblock .close{width:24px;height:24px;position:absolute;top:32px;right:34px;cursor:pointer;transition:all .3s}.popupblock .close:hover{transform:translate(180deg)}.popupblock .inner{background:#fcfcfc;max-width:400px;width:100%;border-radius:0;padding:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popupmenu{position:fixed;inset:0;width:100%;height:100%;z-index:8;background-color:var(--beige);display:none}.popupmenu .inner{height:100%;display:flex;flex-direction:column;padding:96px 16px 48px}@media screen and (max-height:800px){.popupmenu .inner{padding:85px 16px 32px}}.popupmenu .catalog-btn{margin-top:40px}@media screen and (max-height:800px){.popupmenu .catalog-btn{margin-top:16px}}@media screen and (max-height:800px){.popupmenu .catalog-btn a{padding:10px 16px}}@media screen and (max-height:800px){.popupmenu .search-line input{padding:15px 22.5px;height:50px;padding-left:52px}}.popupmenu .menu{margin-top:16px}@media screen and (max-height:800px){.popupmenu .menu{margin-top:10px}}.popupmenu .menu nav ul{display:flex;flex-direction:column;row-gap:16px}@media screen and (max-height:800px){.popupmenu .menu nav ul{row-gap:10px}}.popupmenu .menu nav ul li a{display:flex;align-items:center;padding:16px;-moz-column-gap:12px;column-gap:12px;padding-right:20px;font-size:15px;line-height:11px;color:var(--dark-blue);border:1px solid var(--dark-blue);border-radius:10px;transition:all .3s}@media screen and (max-width:1440px){.popupmenu .menu nav ul li a{padding-right:16px}}@media screen and (max-height:800px){.popupmenu .menu nav ul li a{padding:10px 16px}}.popupmenu .menu nav ul li a svg path,.popupmenu .menu nav ul li a svg rect{transition:all .3s}.popupmenu .menu nav ul li a:hover{background-color:var(--orange);border-color:var(--orange);color:var(--white)}.popupmenu .menu nav ul li a:hover svg path,.popupmenu .menu nav ul li a:hover svg rect{stroke:var(--white)}.popupmenu .popupmenu-bottom{margin-top:auto}.popupmenu .popupmenu-bottom .mail,.popupmenu .popupmenu-bottom .phone{line-height:11px}.popupmenu .popupmenu-bottom .mail{margin-top:24px}.popupmenu .popupmenu-bottom .socials{display:flex;align-items:center;-moz-column-gap:16px;column-gap:16px;margin-top:24px}.popupmenu .popupmenu-bottom .policy{font-size:12px;line-height:8px;margin-top:24px}.popupmenu .popupmenu-bottom .policy .item{margin-top:16px}.popupmenu .popupmenu-bottom .policy .item:first-child{margin-top:0}.popupmenu .popupmenu-bottom .policy .item a{text-decoration:underline}
/* End */
/* Start:/local/templates/inverted_city/assets/css/custom.css?178456048546505*/
/*****************************************************
* Правки по верстке
*****************************************************/
#loading_screen {
display: none !important;
}
header {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
z-index: 1000;
}
.adm-warning-block {
display: none !important;
}
@media (min-width: 1600px) {
header .logo a {
padding-left: 10px;
}
}
.products__item .inner {
width: 100%;
}
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
position: relative;
z-index: 2;
flex: 1;
}
.main-bg-block {
position: fixed;
mix-blend-mode: unset;
}
section.to-readers {
overflow-x: clip;
}
section.to-readers:before {
background: -webkit-linear-gradient(
bottom,
rgba(16, 16, 17, 1) 0%,
rgba(255, 255, 255, 0) 40%
);
background: linear-gradient(
0deg,
rgba(16, 16, 17, 1) 0%,
rgba(255, 255, 255, 0) 40%
);
}
.socials-news::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
background-image: url(/local/templates/inverted_city/assets/img/dest/news-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
/*****************************************************
* Под новый лендинг
*****************************************************/
#bx-panel {
z-index: 9915 !important;
}
.bg_paper_main {
background: url(/local/templates/inverted_city/images/bgpaper.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.btn {
font-family: "Equilibrist";
}
.basket-items-list-item-notification-inner {
background: transparent !important;
background-color: transparent !important;
}
table#basket-item-table,
table#basket-item-table tbody,
table#basket-item-table tbody tr,
table#basket-item-table tbody tr .basket-items-list-item-descriptions,
table#basket-item-table
tbody
tr
.basket-items-list-item-descriptions
.basket-items-list-item-descriptions-inner,
.basket-items-list-item-notification-inner * {
background: transparent !important;
background-color: transparent !important;
}
.to-readers .bg-block {
background-color: #101314 !important;
background-image: url(/local/templates/inverted_city/assets/img/dest/to-reader-bg.webp);
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: unset !important;
}
.to-readers .container {
position: relative;
z-index: 100;
}
.to-readers {
position: relative;
}
section.to-readers::before {
content: "";
position: absolute;
width: 120%;
height: 200px;
left: -10%;
top: -97px;
z-index: 11;
background: linear-gradient(0deg, #101011 0%, #0e0e10 75%);
-webkit-filter: blur(20px);
filter: blur(20px);
}
header .grid {
display: flex;
justify-content: space-between;
}
header nav ul li div#bx_basketFKauiI {
width: unset !important;
}
header nav ul li a {
padding-right: 26px;
}
header .container {
padding: 0;
}
.bx-hdr-profile a {
text-transform: uppercase;
letter-spacing: -0.5px;
}
.menu__wrap {
display: flex;
align-items: center;
gap: 20px;
}
.main-page .top-block .top-inner .text {
margin: 13px auto 0;
max-width: 1075px;
}
.contact__block-header {
text-align: right;
}
.contact__block-header {
text-align: right;
display: flex;
flex-direction: column;
gap: 15px;
}
.contact__block-header a {
font-size: 20px;
line-height: 1;
}
.products__list .products__item .inner .book__wrap {
display: flex;
gap: 32px;
height: 100%;
}
.book__wrap .img {
width: 100%;
height: auto;
max-width: 296px;
display: flex;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
box-shadow: 0px 20px 20px -15px #00000040;
aspect-ratio: 9 / 14;
}
.book__wrap .text-block {
width: calc(100% - 328px);
display: flex;
flex-direction: column;
}
.products__list {
display: flex;
flex-wrap: wrap;
gap: 84px;
}
.products__list .products__item {
display: flex;
max-width: 804px;
width: calc(50% - 42px);
height: 446px !important;
}
.products__list
.products__item:first-child
.inner
.book__wrap
.text-block
.name {
max-width: 350px;
}
.main-page .top-block .top-inner .text::before {
line-height: 1;
}
.main-page .top-block .top-inner .text:after {
line-height: 1;
}
.book__wrap .text-block .name {
font-size: 40px;
margin-bottom: 8px;
letter-spacing: -0.5px;
}
.book__wrap .text-block .author {
font-size: 18px;
margin-bottom: 24px;
}
.book__wrap .text-block .text {
padding-left: 2px;
font-size: 16px;
margin-bottom: 28px;
margin-top: auto;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.book__wrap .text-block .text .h4 {
font-size: 56px;
margin-right: 4px;
}
.formats {
margin-top: auto;
margin-bottom: 18px;
}
.formats p b {
font-weight: 500;
}
.bx-sbb-empty-cart-text {
line-height: 1.2;
}
.formats__list {
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 16px;
}
.formats__list .formats__item {
padding: 21px 24px;
background: #42838a;
border-radius: 8px;
color: white;
line-height: 1;
}
.book__wrap .text-block .btn-block a {
padding: 21px 34px;
font-size: 20px;
line-height: 1;
white-space: nowrap;
}
.main-page .cart-top-block {
padding-top: 200px;
position: relative;
z-index: 2;
padding-bottom: 50px;
}
button.btn.btn-md.in-basket {
font-family: Equilibrist;
font-size: 20px;
padding: 21px 34px;
}
.main-page .cart-top-block h1 {
margin-bottom: 40px;
}
section.cart-top-block .container {
max-width: 1334px;
}
.author-mob {
display: none;
}
.socials-news .text-block {
border-radius: 10px;
max-width: 758px;
max-height: 430px;
overflow: hidden;
}
.products__list
.products__item:first-child
.inner
.book__wrap
.text-block
.name {
max-width: 350px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
form#paysystem-yandex-form
.d-flex.align-items-center.justify-content-start.mb-4 {
display: flex;
flex-direction: column;
gap: 13px;
justify-content: start;
align-items: start;
margin-top: 20px;
}
footer {
padding-top: 90px;
}
.bx-404-container.block_404 {
padding: 200px 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
}
.block_404 a {
text-decoration: underline;
}
.bx-404-block img {
filter: brightness(0.4);
}
.product-item-info-container[data-entity="buttons-block"] {
display: none;
}
@media screen and (max-width: 1700px) {
header .container {
padding: 0 15px;
}
header nav ul li {
width: 100%;
display: flex;
}
.book__wrap .text-block .text .h4 {
font-size: 30px;
}
}
@media (min-width: 1600px) {
.main-page .top-block .top-inner .light-block {
transform: translateX(-30px);
}
}
@media screen and (max-width: 1100px) {
header nav ul li a {
padding-right: 18px;
}
}
@media screen and (max-width: 1500px) {
.main-page .cart-top-block {
padding-top: 160px;
}
.products__list {
gap: 24px;
}
.products__list .products__item {
max-width: 804px;
width: calc(50% - 12px);
height: 446px !important;
}
}
@media screen and (max-width: 1400px) {
.book__wrap .text-block .text {
font-size: 14px;
}
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .book__wrap {
gap: 20px;
}
.book__wrap .text-block {
width: calc(100% - 270px);
}
.products__list .products__item {
height: 380px !important;
}
.book__wrap .img {
width: 250px;
max-height: 380px;
}
.book__wrap .text-block .name {
font-size: 30px;
}
.formats {
margin-bottom: 10px;
}
.book__wrap .text-block .text {
margin-bottom: 14px;
}
.formats__list .formats__item {
padding: 11px 14px;
font-size: 13px;
}
button.btn.btn-md.in-basket,
.book__wrap .text-block .btn-block a {
padding: 14px 25px;
font-size: 13px;
}
}
@media (min-width: 1120px) and (max-width: 1200px) {
.book__wrap .text-block .text {
font-size: 12px;
}
}
@media screen and (max-width: 1100px) {
.main-page .cart-top-block {
padding-top: 100px;
}
header .menu {
display: block;
}
.contact__block-header {
display: none;
}
.menu__wrap nav ul li a {
margin: 0;
gap: 4px;
line-height: 1;
}
.menu__wrap nav ul li a span {
padding-top: 3px;
}
}
@media screen and (max-width: 1120px) {
.products__list {
flex-direction: column;
}
.products__list .products__item {
width: 100%;
}
}
@media screen and (max-width: 1060px) {
.products__list .products__item {
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
header nav ul {
column-gap: 0;
}
section.to-readers::before {
width: 100%;
left: 0;
top: -176px;
}
footer {
padding-top: 40px;
}
.main-page .cart-top-block {
padding-top: 100px;
}
footer .flex-bot-footer {
margin-top: 16px;
}
header .logo a svg {
width: 150px;
height: auto;
}
.socials-news .text-block {
max-width: 345px;
max-height: 479px;
}
}
@media screen and (max-width: 660px) {
.menu__wrap nav ul li a[data-count="0"] {
font-size: 0;
}
.author-mob {
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.author-mob span {
opacity: 0.5;
}
.book__wrap .text-block .author {
display: none;
}
.products__list .products__item .inner .book__wrap {
flex-direction: column;
}
button.btn.btn-md.in-basket,
.book__wrap .text-block .btn-block a {
padding: 22px 4px;
font-size: 15px;
width: 100%;
}
.formats__list .formats__item {
font-size: 20px;
padding: 13px 0;
}
.book__wrap .img {
max-width: 343px;
margin: auto;
aspect-ratio: 9 / 16;
max-height: 520px;
height: 100%;
width: 100%;
}
.book__wrap .text-block {
width: 100%;
}
.formats__list {
gap: 8px;
}
.bottom__wrap {
display: flex;
flex-direction: row-reverse;
gap: 16px;
justify-content: space-between;
}
.formats__wrap .formats__list {
flex-direction: column;
margin: 0;
}
.formats__wrap .formats__list .formats__item {
width: 113px;
text-align: center;
padding: 13px 24px;
}
.formats__wrap .formats p b {
width: 100px;
display: flex;
text-align: right;
}
.btn-block {
margin-top: auto;
width: 100%;
}
button.btn.btn-md.in-basket {
width: 100%;
font-size: 15px;
}
.products__list .products__item {
height: unset !important;
}
}
@media (max-width: 500px) {
.bx-404-block img {
filter: brightness(0.4);
max-width: 230px;
}
}
@media screen and (max-width: 380px) {
.socials-news .text-block .btn-block {
margin-top: 10px;
}
.socials-news .text-block {
max-width: 340px;
max-height: 456px;
}
.socials-news .text-block .btn-block {
row-gap: 10px;
}
}
a.btn.btn-def.btn-border.btn-user-personal,
button.btn.btn-def.btn-border.btn-user-personal {
background-color: #f4daa1;
border: 1px solid black;
padding: 16px 22px;
color: black;
}
button.btn.btn-def {
padding: 16px;
}
a.btn.btn-def.btn-border.btn-user-personal:hover,
button.btn.btn-def.btn-border.btn-user-personal:hover {
background-color: var(--orange);
border-color: var(--orange);
color: var(--white);
}
button.btn.btn-def.btn-border.btn-user-personal:hover svg {
filter: invert(1);
}
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) {
display: grid;
grid-template: 1fr / 1fr 112px;
gap: 10px;
}
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) a {
width: 100%;
padding: 18px 10px;
}
.book__wrap .text-block .btn-block .btn__wrap .btn__ozon {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color: #005bff;
}
.book__wrap .text-block .btn-block .btn__wrap .btn__ozon img {
max-width: 92px;
max-height: 14px;
width: 100%;
height: auto;
}
.book__wrap .text-block .btn-block .btn__wrap .btn__ozon:hover {
background-color: #ffffff;
}
.book__wrap .text-block .btn-block .btn__wrap .btn__ozon:hover img {
filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1945%)
hue-rotate(202deg) brightness(97%) contrast(104%);
}
a.btn.btn-def.btn-border.btn-user-personal,
button.btn.btn-def.btn-border.btn-user-personal {
display: flex;
align-items: center;
}
@media screen and (max-width: 1330px) {
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) {
grid-template: 1fr / 1fr 112px;
}
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) a {
padding: 14px 25px;
font-size: 13px;
}
.book__wrap .text-block .btn-block .btn__wrap .btn__ozon {
background-size: 35%;
}
}
@media screen and (max-width: 660px) {
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) {
grid-template: 1fr / 1fr 112px;
}
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) a {
padding: 15px 25px;
}
}
@media screen and (max-width: 576px) {
a.btn.btn-def.btn-border.btn-user-personal,
button.btn.btn-def.btn-border.btn-user-personal {
padding: 10px;
}
}
@media screen and (max-width: 450px) {
.book__wrap .text-block .btn-block .btn__wrap:has(.btn__ozon) {
grid-template: 1fr 1fr / 1fr;
}
}
footer .policies {
display: flex;
align-items: center;
}
.copy {
display: flex;
align-items: center;
}
a#linkOpenPassChange {
font-size: 14px;
}
.popup form input {
padding: 15px 0;
}
/*****************************************************
* task_2: вёрстка каталога печатных (перенос конкретных правил из layout
* поверх прод app.min.css, которого этих классов не имеет)
*****************************************************/
.products__list {
display: flex;
flex-wrap: wrap;
gap: 84px;
}
@media screen and (max-width: 1500px) {
.products__list {
gap: 24px;
}
}
@media screen and (max-width: 1120px) {
.products__list {
flex-direction: column;
}
}
@media screen and (max-width: 660px) {
.products__list {
box-sizing: initial;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
transition-timing-function: var(
--swiper-wrapper-transition-timing-function,
initial
);
width: 100%;
z-index: 1;
transform: translateZ(0);
flex-direction: row;
flex-wrap: nowrap;
gap: 0;
}
}
.products__list .products__item {
display: flex;
max-width: 804px;
width: calc(50% - 42px);
height: 446px !important;
}
@media screen and (max-width: 1500px) {
.products__list .products__item {
width: calc(50% - 12px);
}
}
@media screen and (max-width: 1330px) {
.products__list .products__item {
height: 380px !important;
}
}
@media screen and (max-width: 1120px) {
.products__list .products__item {
width: 100%;
}
}
@media screen and (max-width: 660px) {
.products__list .products__item {
height: unset !important;
transform: translateZ(0);
flex-shrink: 0;
}
}
.products__list .products__item .inner .book__wrap {
display: flex;
gap: 32px;
height: 100%;
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .book__wrap {
gap: 20px;
}
}
@media screen and (max-width: 660px) {
.products__list .products__item .inner .book__wrap {
flex-direction: column;
}
}
@media screen and (max-width: 500px) {
.products__list .products__item .inner .book__wrap {
row-gap: 76px;
}
}
.products__list .products__item .inner .book__wrap .img {
width: 100%;
height: auto;
max-width: 296px;
display: flex;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 9/14;
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .book__wrap .img {
width: 250px;
max-height: 380px;
}
}
@media screen and (max-width: 660px) {
.products__list .products__item .inner .book__wrap .img {
max-width: 343px;
margin: auto;
aspect-ratio: 9/16;
max-height: 520px;
height: 100%;
width: 100%;
}
}
@media screen and (max-width: 500px) {
.products__list .products__item .inner .book__wrap .img {
height: 320px;
width: auto;
}
}
.products__list .products__item .inner .book__wrap .img img {
border-radius: 10px;
box-shadow: 0 20px 20px -15px #00000040;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 500px) {
.products__list .products__item .inner .book__wrap .img img {
border-radius: 5px;
}
}
.products__list .products__item .inner .text-block {
width: calc(100% - 328px);
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .text-block {
width: calc(100% - 270px);
}
}
@media screen and (max-width: 660px) {
.products__list .products__item .inner .text-block {
width: 100%;
}
}
.products__list .products__item .inner .text-block .name {
max-width: 350px;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 40px;
margin-bottom: 8px;
letter-spacing: -0.5px;
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .text-block .name {
font-size: 30px;
}
}
@media screen and (max-width: 500px) {
.products__list .products__item .inner .text-block .name {
margin-bottom: 11px;
}
}
.products__list .products__item .inner .text-block .text {
padding-left: 2px;
font-size: 16px;
margin-bottom: 28px;
margin-top: auto;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 1400px) {
.products__list .products__item .inner .text-block .text {
font-size: 14px;
}
}
@media screen and (max-width: 1330px) {
.products__list .products__item .inner .text-block .text {
margin-bottom: 14px;
}
}
@media (min-width: 1120px) and (max-width: 1200px) {
.products__list .products__item .inner .text-block .text {
font-size: 12px;
}
}
@media screen and (max-width: 500px) {
.products__list .products__item .inner .text-block .text {
margin-bottom: 33px;
margin-top: 37px;
font-size: 15px;
line-height: 150%;
}
}
.products__list .products__item .inner .text-block .text .h4 {
margin-right: 4px;
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap:has(.btn__ozon) {
display: grid;
grid-template-columns: auto 112px;
gap: 16px;
}
@media screen and (max-width: 500px) {
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap:has(.btn__ozon) {
grid-template-columns: 1fr;
row-gap: 16px;
}
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap:has(.btn__ozon)
a.btn {
max-width: 100%;
}
.products__list .products__item .inner .text-block .btn-block .btn__wrap a.btn {
width: 100%;
max-width: 289px;
padding: 21.5px 10px;
font-size: 15px;
line-height: 1;
white-space: nowrap;
}
@media screen and (max-width: 1330px) {
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
a.btn {
padding: 14px 25px;
font-size: 13px;
}
}
@media screen and (max-width: 500px) {
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
a.btn {
font-size: 15px;
padding: 21.5px 10px;
}
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color: #005bff;
padding: 20.5px 10px;
border: 1px solid #005bff;
transition: all 0.3s;
}
@media screen and (max-width: 1330px) {
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon {
padding: 14px 25px;
}
}
@media screen and (max-width: 500px) {
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon {
padding: 20.5px 10px;
}
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon
svg
path {
transition: all 0.3s;
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon:hover {
background-color: var(--white);
}
.products__list
.products__item
.inner
.text-block
.btn-block
.btn__wrap
.btn__ozon:hover
svg
path {
fill: #005bff;
}
.formats {
margin-top: auto;
margin-bottom: 18px;
}
@media screen and (max-width: 1330px) {
.formats {
margin-bottom: 10px;
}
}
.formats p b {
font-weight: 500;
}
.format__flaer {
margin-bottom: 16px;
}
.format__flaer .printed {
background-color: var(--fiol);
display: inline-block;
padding: 10.5px 16px;
color: var(--white);
border-radius: 8px;
font-family: var(--font-equilibrist);
font-size: 16px;
line-height: 11px;
}
.formats__list {
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 16px;
}
.formats__list .formats__item {
padding: 11px 15px;
background: #42838a;
border-radius: 8px;
color: #fff;
line-height: 1;
}
.btn-block {
display: block;
width: 100%;
}
.author-mob {
display: none;
}
@media screen and (max-width: 1550px) {
.main-product-slider
.slider-block
.swiper-slide
.inner
.slide-inner
.text-block
.btn-block {
-moz-column-gap: 32px;
column-gap: 32px;
margin-top: 32px;
}
}
@media screen and (max-width: 1490px) {
.main-product-slider
.slider-block
.swiper-slide
.inner
.slide-inner
.text-block
.btn-block {
flex-direction: column;
align-items: flex-start;
row-gap: 16px;
}
}
@media screen and (max-width: 1370px) {
.main-product-slider
.slider-block
.swiper-slide
.inner
.slide-inner
.text-block
.btn-block {
-moz-column-gap: 16px;
column-gap: 16px;
}
}
@media screen and (max-width: 1200px) {
.main-product-slider
.slider-block
.swiper-slide
.inner
.slide-inner
.text-block
.btn-block {
flex-direction: column-reverse;
row-gap: 24px;
}
}
@media screen and (max-width: 768px) {
.main-product-slider
.slider-block
.swiper-slide
.inner
.slide-inner
.text-block
.btn-block
.btn {
text-transform: uppercase;
padding: 22.5px 26px;
}
}
@media screen and (max-width: 768px) {
.socials-news .text-block .btn-block {
flex-direction: column;
row-gap: 16px;
}
}
@media screen and (max-width: 768px) {
.form-block .form-inner .btn-block {
margin-top: 40px;
}
}
@media screen and (max-width: 768px) {
.form-block .form-inner .btn-block button {
height: 48px;
padding: 18.5px;
}
}
.main-product-slider .title {
text-align: center;
}
/* Двухколоночная раскладка: печатные слева, электронные справа */
.books__columns {
display: flex;
gap: 84px;
align-items: flex-start;
}
.books__columns .products__col {
display: flex;
flex-direction: column;
gap: 84px;
width: calc(50% - 42px);
}
.books__columns .products__col .products__item {
width: 100%;
max-width: 100%;
}
@media (max-width: 1500px) {
.books__columns {
gap: 24px;
}
.books__columns .products__col {
gap: 24px;
width: calc(50% - 12px);
}
}
@media (max-width: 1120px) {
.books__columns {
flex-direction: column;
}
.books__columns .products__col {
width: 100%;
}
}
/* Печатное: обложка 3D-мокап с собственной тенью — доп. тень карточки убираем */
/* Печатное издание: обложка 3D-мокап с собственной тенью — у карточки тень убираем (уникальный класс на .img печатных) */
.printed-cover,
.printed-cover img {
box-shadow: none !important;
}
/* Заголовок «Каталог»: отступ до карточек (из layout .main-product-slider .books) */
.main-product-slider .books {
margin-top: 80px;
}
@media (max-width: 1120px) {
.main-product-slider .books {
margin-top: 48px;
}
}
/* Плашка «Товар добавлен в корзину» как на проде (класс add_cart добавляет
catalog.item/landing/script.js): тёмный фон, оранжевый заголовок, картинка и
кнопка «Перейти в корзину» скрыты, close-icon оформлен кнопкой «Хорошо».
Значения сняты с computed-стилей прод-попапа. */
/* Значения перенесены 1:1 из прод-правки ядрового бандла
bitrix/js/main/popup/dist/main.popup.bundle.min.css (которой нет в гите).
На проде правки глобальные (на все попапы) — здесь scoped к .add_cart, чтобы
не перекрашивать прочие попапы сайта. @media в прод-правке нет. */
.popup-window.add_cart {
width: 467px;
height: 68px;
background: #1f2628;
border: none;
border-radius: 16px;
position: fixed !important;
left: auto !important;
right: 16px !important;
top: 100px !important;
z-index: 1050 !important;
max-width: calc(100vw - 32px);
box-sizing: border-box;
}
.popup-window.add_cart .popup-window-titlebar {
background: transparent;
border: none;
padding: 0;
}
.popup-window.add_cart .popup-window-titlebar-text {
font-family: Equilibrist, sans-serif;
box-sizing: border-box;
color: #c87c0c;
display: inline-block;
font-size: 18px;
font-weight: 400;
max-width: 100%;
/* прод-паддинг 21px рассчитан на прод-овский titlebar height:49; на стенде
стандартное ядро попапа — выравниваем по центру кнопки (line 40 + pad 14) */
line-height: 40px;
padding: 14px 0 0 24px;
white-space: nowrap;
}
.popup-window.add_cart .popup-window-content,
.popup-window.add_cart .popup-window-buttons {
display: none;
}
.popup-window.add_cart .popup-window-close-icon {
font-family: Equilibrist, sans-serif;
cursor: pointer;
color: #fff;
font-size: 15px;
font-weight: 400;
border-radius: 8px;
border: 1px solid #fff;
width: 126px;
height: 40px;
position: absolute;
top: 14px !important;
right: 24px !important;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
background-image: none !important;
}
/* ядро уже кладёт текст «Хорошо» в сам спан close-icon — свой текст НЕ добавляем
(иначе дублируется). Гасим только возможную фоновую иконку-крестик. */
.popup-window.add_cart .popup-window-close-icon::before,
.popup-window.add_cart .popup-window-close-icon::after {
display: none !important;
background: none !important;
}
/* Мобильная версия: узкий экран — текст переносим в две строки и освобождаем справа
место под кнопку «Хорошо» (иначе заголовок наезжает на кнопку). */
@media screen and (max-width: 600px) {
.popup-window.add_cart {
height: auto;
min-height: 68px;
padding: 12px 0;
}
.popup-window.add_cart .popup-window-titlebar-text {
white-space: normal;
line-height: 1.25;
font-size: 16px;
padding: 0 150px 0 20px;
}
.popup-window.add_cart .popup-window-close-icon {
top: 50% !important;
transform: translateY(-50%);
}
}
/* ===== Корзина (вёрстка из layout/app/scss/main.scss .cart-page) ===== */
.cart-page {
padding-top: 126px;
}
/* перебиваем боевой .main-page .cart-top-block{padding-top:160px} (двойной отступ) */
.cart-page .cart-top-block {
position: relative;
z-index: 2;
padding-top: 0;
}
/* хлебные крошки (из layout .breadcrumbs) */
.cart-page .breadcrumbs ul {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 8px;
font-family: var(--font-equilibrist);
font-size: 18px;
line-height: 150%;
}
.cart-page .breadcrumbs ul li span {
color: rgba(31, 38, 40, 0.5);
}
.cart-page .breadcrumbs ul li a {
color: var(--dark-blue);
text-decoration: underline;
}
.cart-page .breadcrumbs ul li a:hover {
text-decoration: none;
}
.cart-page .cart-top-block .cart-container {
max-width: 1304px;
margin: 40px auto 0;
}
.cart-page .cart-top-block .cart-container .grid {
grid-template-columns: auto 380px;
column-gap: 16px;
margin-top: 40px;
padding-bottom: 80px;
}
.cart-page .cart-top-block .cart-container .products {
background-color: var(--beige);
border-radius: 16px;
padding: 24px;
box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.15);
}
.cart-page .products-block-head {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 15px;
line-height: 11px;
padding-bottom: 16px;
border-bottom: 1px solid var(--blue);
}
.cart-page .products-block-head .products-total-val span {
color: var(--orange);
margin-left: 8px;
font-weight: 700;
}
.cart-page .products-block-head .clear-btn a {
color: var(--orange);
}
.cart-page .products-block-head .clear-btn a:hover {
text-decoration: underline;
}
.cart-page .products-block-body {
margin-top: 24px;
}
.cart-page .products-block-body .t-item {
display: grid;
grid-template-columns: 36px 93px auto 150px;
column-gap: 16px;
align-items: flex-start;
margin-top: 16px;
}
.cart-page .products-block-body .t-item:first-child {
margin-top: 0;
}
.cart-page .products-block-body .checkbox .check {
width: 20px;
height: 20px;
border-color: var(--dark-blue);
}
.cart-page
.products-block-body
.checkbox
input[type="checkbox"]:checked
~ .check {
background-color: transparent;
}
.cart-page .products-block-body .img img {
border-radius: 2px;
}
.cart-page .products-block-body .text-block .name {
font-size: 20px;
line-height: 130%;
font-weight: 600;
}
.cart-page .products-block-body .text-block .author {
margin-top: 16px;
font-size: 15px;
line-height: 11px;
}
.cart-page .products-block-body .text-block .formats {
margin-top: 24px;
margin-bottom: 0;
}
.cart-page .products-block-body .text-block .formats .caption {
font-weight: 600;
font-size: 15px;
line-height: 11px;
}
.cart-page .products-block-body .text-block .flaer {
margin-top: 24px;
}
.cart-page .products-block-body .format-list {
margin-top: 8px;
display: flex;
align-items: center;
column-gap: 8px;
}
.cart-page .products-block-body .format-list .format-item {
font-size: 15px;
line-height: 11px;
color: var(--white);
padding: 10.5px 16px;
background-color: var(--blue);
border-radius: 8px;
}
.cart-page .products-block-body .flaer {
padding: 10.5px 12px;
display: inline-block;
background-color: var(--fiol);
border-radius: 8px;
font-size: 13px;
line-height: 9px;
color: var(--white);
}
.cart-page .products-block-body .price-block .formats {
display: none;
}
.cart-page .products-block-body .price-block .flaer {
display: none;
}
.cart-page .products-block-body .price {
font-size: 25px;
line-height: 130%;
font-weight: 600;
text-align: right;
}
.cart-page .products-block-body .products-printed {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--fiol);
}
.cart-page .printed-info {
border: 1px solid var(--fiol);
margin-top: 24px;
padding: 15px;
border-radius: 12px;
background-color: rgba(112, 17, 129, 0.2);
color: var(--fiol);
font-size: 14px;
line-height: 150%;
}
.cart-page .printed-info p {
margin-bottom: 16px;
}
.cart-page .printed-info p:last-child {
margin-bottom: 0;
}
.cart-page .total-block .total {
position: sticky;
top: 110px;
background-color: var(--beige);
padding: 24px;
box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.15);
border-radius: 16px;
}
.cart-page .total-block .total .total-price {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding-bottom: 16px;
border-bottom: 1px solid rgba(16, 19, 20, 0.16);
font-size: 15px;
line-height: 150%;
}
.cart-page .total-block .total .total-price .val {
font-size: 40px;
line-height: 130%;
}
.cart-page .total-block .total .btn-block {
margin-top: 24px;
}
.cart-page .total-block .total .btn-block .btn {
width: 100%;
padding: 20px;
font-family: var(--font-equilibrist);
font-size: 20px;
line-height: 14px;
}
.cart-page .total-block .total .info-block {
border: 1px solid var(--fiol);
margin-top: 24px;
padding: 15px;
border-radius: 12px;
background-color: rgba(112, 17, 129, 0.2);
color: var(--fiol);
font-size: 14px;
line-height: 150%;
display: flex;
align-items: flex-start;
column-gap: 8px;
}
.cart-page .total-block .total .info-block .icon {
flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
.cart-page {
padding-top: 96px;
}
.cart-page .cart-top-block .cart-container {
margin-top: 32px;
}
.cart-page .cart-top-block .cart-container .grid {
grid-template-columns: auto 300px;
}
.cart-page .total-block .total {
padding: 24px 16px;
}
.cart-page .total-block .total .total-price .val {
font-size: 25px;
}
}
@media screen and (max-width: 950px) {
.cart-page .cart-top-block .cart-container .grid {
grid-template-columns: 1fr;
row-gap: 48px;
}
}
@media screen and (max-width: 767px) {
.cart-page .breadcrumbs {
display: none;
}
.cart-page .cart-top-block .cart-container .grid {
padding-bottom: 0;
}
.cart-page .cart-top-block .cart-container .products {
padding: 24px 16px;
}
.cart-page .products-block-head {
font-size: 13px;
line-height: 9px;
gap: 8px;
}
.cart-page .products-block-body .t-item {
border: 1px solid var(--blue);
border-radius: 10px;
padding: 7px;
display: flex;
flex-wrap: wrap;
column-gap: 8px;
align-items: center;
}
.cart-page .products-block-body .checkbox {
padding: 4px;
width: 24px;
}
.cart-page .products-block-body .checkbox .check {
width: 16px;
height: 16px;
}
.cart-page .products-block-body .text-block {
margin-left: 8px;
}
.cart-page .products-block-body .text-block .name {
font-size: 15px;
}
.cart-page .products-block-body .text-block .author {
font-size: 13px;
}
.cart-page .products-block-body .text-block .formats {
display: none;
}
.cart-page .products-block-body .text-block .flaer {
display: none;
}
.cart-page .products-block-body .format-list {
margin-top: 0;
}
.cart-page .products-block-body .format-list .format-item {
padding: 10.5px 12px;
font-size: 13px;
}
.cart-page .products-block-body .price-block {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid rgba(16, 19, 20, 0.2);
}
.cart-page .products-block-body .price-block .formats {
display: block;
}
.cart-page .products-block-body .price-block .flaer {
display: block;
}
.cart-page .total-block .total {
position: static;
margin: 0 -16px;
border-radius: 16px 16px 0 0;
}
}
/* ===== Оформление заказа (layout/app/order.html) поверх штатной bx-soa вёрстки =====
Каркас (grid 2 колонки, beige .products, .total sticky, breadcrumbs, .products-block-head,
.info-block) наследуется от класса .cart-page. Ниже — специфика оформления: состав
bx-soa-item под .t-item, флаер «Печатное издание», поле адреса. Форму свойств (имя/почта/
телефон/адрес) рисует order_ajax.js внутри .bx-soa-section-content. */
/* убираем штатные bx-soa рамки/фоны секций внутри beige-карточки */
.order-page .products.bx-soa .bx-soa-section {
border: none;
background: none;
padding: 0;
margin: 0 0 24px;
}
.order-page .products.bx-soa .bx-soa-section:last-child {
margin-bottom: 0;
}
.order-page .bx-soa-section-title-container:not(.products-block-head) {
border: none;
padding: 0;
margin-bottom: 16px;
}
.order-page #bx-soa-auth,
.order-page #bx-soa-total-mobile,
.order-page .bx-soa-cart-total-ghost {
display: none;
}
/* состав заказа: строка bx-soa-item → .t-item (картинка | контент | флаер/цена) */
.order-page .bx-soa-item-tr.bx-soa-item-info-container {
display: none;
}
.order-page .bx-soa-item-tr.bx-soa-basket-info {
display: flex;
align-items: flex-start;
column-gap: 16px;
margin-top: 16px;
border: none;
background: none;
padding: 0;
}
.cart-page .total-block .total {
max-width: 100vw;
}
@media (max-width: 568px) {
.order-page .bx-soa-item-tr.bx-soa-basket-info {
flex-direction: column;
}
}
.order-page .bx-soa-item-tr.bx-soa-basket-info:first-child,
.order-page .bx-soa-item-tr-first {
margin-top: 0;
}
.order-page .bx-soa-item-tr > .bx-soa-item-td {
min-width: 0 !important;
padding: 0;
border: none;
flex: 1;
}
.order-page .bx-soa-item-block {
display: flex;
align-items: flex-start;
column-gap: 0;
}
/* обложка — это div.bx-soa-item-imgcontainer с background-image (не ![]()
) */
.order-page .bx-soa-item-img-block {
flex-shrink: 0;
float: none;
width: 110px;
padding-right: 0;
margin-right: 16px;
}
.order-page .bx-soa-item-imgcontainer {
width: 110px;
height: 150px;
padding-top: 0;
background-size: contain;
background-position: top center;
border-radius: 4px;
}
.order-page .bx-soa-item-name {
font-size: 20px;
line-height: 130%;
font-weight: 600;
}
.order-page .bx-soa-item-formats-caption {
margin-top: 24px;
font-weight: 600;
font-size: 15px;
line-height: 11px;
}
.order-page .bx-soa-item-formats {
margin-top: 8px;
display: flex;
flex-wrap: nowrap;
column-gap: 8px;
row-gap: 8px;
}
.order-page .bx-soa-item-formats span {
font-size: 15px;
line-height: 11px;
color: var(--white);
padding: 10.5px 16px;
background-color: var(--blue);
border-radius: 8px;
}
.order-page .bx-soa-item-flaer.printed-label {
display: inline-block;
margin-top: 24px;
padding: 10.5px 12px;
background-color: var(--fiol);
border-radius: 8px;
font-size: 13px;
line-height: 9px;
color: var(--white);
}
.order-page .bx-soa-item-tr > .bx-soa-item-td.bx-soa-item-properties {
flex: 0 0 auto;
text-align: right;
min-width: 90px;
}
.order-page .bx-soa-item-properties .bx-price {
font-size: 25px;
line-height: 130%;
font-weight: 600;
}
/* автор позиции (под названием, как в layout) */
.order-page .bx-soa-item-author {
margin-top: 8px;
font-size: 15px;
line-height: 11px;
color: var(--dark-blue);
}
/* разделитель между электронными и печатными позициями (группировку делает script.js) */
.order-page .products-printed-sep {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--fiol);
}
/* форма: базовые поля Имя/Email/Телефон в ряд, адрес — отдельной строкой на всю ширину */
.order-page .bx-soa-customer.form__user {
flex-wrap: wrap;
row-gap: 24px;
column-gap: 16px;
}
.order-page .bx-soa-customer.form__user .form-group {
width: auto;
flex: 1 1 0;
min-width: 0;
margin: 0;
}
/* адрес — отдельной строкой на всю ширину (специфичность выше .form-group, иначе перебивается) */
.order-page .bx-soa-customer.form__user .form-group.adress-field {
flex: 0 0 100%;
width: 100%;
order: 5;
margin-top: 0;
}
.order-page .adress-field .paper-address-caption {
font-weight: 600;
font-size: 15px;
line-height: 150%;
margin-bottom: 8px;
color: var(--dark-blue);
}
/* у поля адреса штатный лейбл «Адрес» скрыт — заголовок даёт .paper-address-caption */
.order-page .adress-field .bx-soa-custom-label {
display: none;
}
/* подписи полей: без звёздочки, серый placeholder-стиль (script.js прячет при вводе) */
.order-page .bx-soa-customer-field .bx-authform-starrequired {
display: none;
}
.order-page .bx-soa-custom-label {
color: rgba(31, 38, 40, 0.5);
font-size: 15px;
font-weight: 400;
margin-bottom: 8px;
}
/* итог: чёрная цена, layout-раскладка, без зачёркнутой «экономии» */
.order-page .total-block .bx-soa-cart-total-line {
display: flex;
align-items: center;
justify-content: space-between;
overflow: visible;
padding: 0 0 16px;
border-top: none;
border-bottom: 1px solid rgba(16, 19, 20, 0.16);
font-size: 15px;
line-height: 150%;
}
.order-page .total-block .bx-soa-cart-t {
float: none;
font-weight: 400;
}
.order-page .total-block .bx-soa-cart-d {
float: none;
color: #101314;
font-size: 40px;
line-height: 130%;
}
.order-page .total-block .bx-soa-cart-total .bx-price-old {
display: none;
}
/* лишние строки итога: «Экономия» (зелёная плашка) и дублирующее «Итого» — в layout только «Стоимость товаров» */
.order-page .total-block .bx-soa-cart-total-line-highlighted {
display: none;
}
.order-page .total-block .bx-soa-cart-total-line-total {
display: none;
}
/* заказ только из печатных: оплата не требуется — строку «Стоимость товаров»
скрываем полностью и в десктоп-итоге, и в мобильном блоке #bx-soa-total-mobile */
.order-page form[data-paper-only="1"] .bx-soa-cart-total-line {
display: none;
}
/* кнопка «Оформить заказ» — чёрная на всю ширину (layout .btn); активностью
(opacity/pointer-events) управляет Bitrix — не перебиваем */
.order-page .bx-soa-cart-total-button-container {
margin-top: 24px;
}
.order-page .btn-order-save {
display: block;
width: 100%;
background-color: #101314;
color: var(--white);
border: none;
border-radius: 8px;
padding: 20px;
font-family: var(--font-equilibrist);
font-size: 20px;
line-height: 14px;
text-align: center;
transition: all 0.3s;
}
.order-page .btn-order-save:hover {
background-color: var(--orange);
}
/* End */
/* Start:/local/templates/inverted_city/components/bitrix/sale.basket.basket.line/inverted_city_cart/style.css?17845604854804*/
.bx-basket { }
.bx-basket-block {
margin: auto;
position: relative;
padding-bottom: 5px;
padding-left: 20px;
white-space: nowrap;
font-size: 12px;
}
.bx-basket-block > .fa {
position: absolute;
top: 3px;
left: 0;
width: 12px;
color: #97a1ab;
}
.bx-basket-block a { margin-right: 10px; }
/*FIXED BASKET*/
@media (min-width: 768px) {
.bx-basket-fixed {
position: fixed;
z-index: 100;
overflow: hidden;
padding-top: 10px;
width: 200px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-fixed.top { top: 10px }
.bx-basket-fixed.right { right: 10px }
.bx-basket-fixed.bottom { bottom: 10px }
.bx-basket-fixed.left { left: 10px }
.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}
@media (min-width: 768px) and (width <= 992px) {
.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px }
}
@media (max-width: 767px) {
.bx-basket-fixed {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
overflow: hidden;
padding-top: 10px;
border: 1px solid #f0f0f0;
border-radius: 1px;
background: #fff;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
}
.bx-basket-item-list { display: none; }
.block-wrapper .bx-basket-fixed {
padding-top: 0;
}
.block-wrapper .bx-basket-fixed .bx-hdr-profile {
display: flex;
justify-content: space-between;
}
.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
padding-bottom: 0;
}
/*.bx-basket-fixed */
}
.bx-basket-item-list {
position: relative;
overflow: hidden;
padding-bottom: 20px;
border-top: 1px solid #f7f7f7;
}
.bx-opener .bx-basket-item-list { padding-bottom: 75px; }
.bx-max-height .bx-basket-item-list {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.bx-closed .bx-basket-item-list {
overflow: hidden;
height: 20px;
}
.bx-basket-item-list-action {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 120;
padding: 3px 0;
height: 20px;
background: #f7f7f7;
color: #4f4f4f;
vertical-align: middle;
text-align: center;
font-size: 12px;
line-height: 14px;
cursor: pointer;
}
.bx-basket-item-list-button-container {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
padding: 10px 0;
border-top: 1px solid #f7f7f7;
background: #fff;
text-align: center;
}
.bx-basket-item-list-container {
overflow-y: auto;
max-height: 100%
}
.bx-basket-item-list-item {
position: relative;
margin-bottom: 15px;
padding-top: 15px;
padding-right: 10px;
padding-left: 10px;
border-bottom: 1px solid #f7f7f7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
margin-bottom: 0;
border-bottom: none;
}
.bx-basket-item-list-item-status {
margin: 0 10px 20px;
padding: 3px;
border-radius: 3px;
background: #ebebeb;
text-align: center;
white-space: normal;
font-weight: bold;
font-size: 12px;
line-height: 16px;
}
.bx-basket-item-list-item-img {
position: relative;
padding-bottom: 5px;
text-align: center;
}
.bx-basket-item-list-item-img img {
max-width: 90px;
height: auto;
border: 1px solid #e6e6e6;
}
.bx-basket-item-list-item-name { padding-bottom: 5px; }
.bx-basket-item-list-item-name a {
font-size: 13px;
line-height: 16px;
}
.bx-basket-item-list-item-remove {
position: absolute;
top: -7px;
right: 10px;
width: 20px;
height: 20px;
opacity: .5;
cursor: pointer;
transition: 250ms linear all;
}
.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 2px;
border-radius: 1px;
background-color: #333;
content: '';
transform: translate(-50%, -50%);
}
.bx-basket-item-list-item-remove:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.bx-basket-item-list-item-remove:before {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-moz-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
-o-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.bx-basket-item-list-item-remove:hover { opacity: .7; }
.bx-basket-item-list-item-price-block {
padding-bottom: 5px;
font-size: 12px;
}
.bx-basket-item-list-item-price {
display: inline-block;
margin-right: 5px;
}
.bx-basket-item-list-item-price-old {
display: inline-block;
margin-right: 5px;
color: #b0b0b0;
text-decoration: line-through
}
.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }
/* End */
/* Start:/local/components/easy/user.auth/templates/.default/style.css?1784560485639*/
.popup form .alert-danger {
background-color: transparent;
border-color: #79282c33;
border-style: dashed;
}
.btn.btn-def.btn-border.btn-user-personal,
.btn.btn-def.btn-logout,
.bx-basket.bx-opener .bx-hdr-profile a {
border-radius: 10px;
padding: 16px 20px;
width: max-content;
}
.btn.btn-def.btn-logout {
background-color: rgba(66, 131, 138, 1);
}
@media screen and (max-width: 576px)
{
.btn.btn-def.btn-border.btn-user-personal,
.btn.btn-def.btn-logout,
.bx-basket.bx-opener .bx-hdr-profile a {
border-radius: 8px;
padding: 10px;
gap: 0;
}
}
/* End */
/* Start:/local/assets/fancybox/jquery.fancybox.min.css?178456048512795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/inverted_city/template_styles.css?178456048516739*/
/* Временный костыль-бокс для верхнего отступа */
.box-indent {
height: 180px;
}
.bottom-bg {
/*z-index: 0 !important; !* фикс верстки в libs.min.css *!*/
}
.main-bg-block {
position: fixed;
/*mix-blend-mode: multiply !important; !* фикс верстки с дублями в libs.min.css *!*/
}
.container {
min-width: 350px;
}
.btn:hover {
color: #fff;
}
a:hover {
color: #C87C0C;
}
.btn.btn-def {
display: inline-block;
color: #fff;
text-align: center;
font-size: 15px;
line-height: 1;
background-color: #101314FF;
border-radius: 8px;
padding: 20px 40px;
width: fit-content;
text-decoration: none;
transition: all .3s;
}
.btn.btn-def:hover,
.btn.btn-def:focus {
background-color: #C87C0C !important;
color: #fff;
box-shadow: none !important;
text-decoration: none;
}
.btn.btn-def.btn-border {
background-color: transparent !important;
color: #101314FF;
border: 1px solid #101314FF;
}
.btn.btn-def.btn-border:hover,
.btn.btn-def.btn-border:focus {
background-color: #C87C0C !important;
border-color: #C87C0C;
color: #fff;
box-shadow: none !important;
}
.btn.btn-def svg path,
.btn.btn-def svg rect
{
transition: all .3s;
}
.btn.btn-def.btn-border:hover svg path,
.btn.btn-def.btn-border:focus svg path,
.btn.btn-def.btn-border:hover svg rect,
.btn.btn-def.btn-border:focus svg rect {
stroke: #fff;
}
/* bs-fix */
.btn.btn-primary {
color: #fff;
border-color: transparent;
}
btn-check:focus+.btn-primary, .btn-primary:focus {
background-color: #C87C0C;
}
.btn-check:checked+.btn-primary:focus, .btn-check:active+.btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-check:focus+.btn, .btn:focus {
outline: 0;
box-shadow: none;
}
input.form-control {
outline: none;
border-color: transparent;
border-bottom: 1px solid #101314FF;
border-radius: 0;
box-shadow: none;
color: #101314FF;
text-indent: 5px;
}
input.form-control:focus {
border-color: transparent;
border-bottom: 1px solid #101314FF;
outline: 0;
box-shadow: none;
color: #101314FF;
}
.small {
font-size: 15px;
}
.strong {
font-weight: 500;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Страница - Спасибо за заказ */
/* ------------------------------------------------------------------------------------------------------------------ */
.order-books-section a {
color: #C87C0C;
}
.wrapper-box {
border-radius: 20px;
padding: 30px;
background: #f9e2ac;
box-shadow: 0px 18px 20px 0px #00000026;
}
.order-books-section .table.table-books {
}
.order-books-section .table.table-books tbody tr {
border-bottom: 1px solid rgba(16, 19, 20, 0.2);
}
.order-books-section .table.table-books thead {
border-bottom: 1px solid rgba(16, 19, 20, 1)
}
.order-books-section .table.table-books thead tr th {
font-weight: 400;
}
.order-books-section .table.table-books tbody tr td {
padding-top: 25px;
}
.order-books-section .table.table-books tbody tr td.date-order-td {
color: rgba(16, 19, 20, .5);
}
.order-books-section .table.table-books tbody tr td .book-name-img {
position: relative;
width: 420px;
transition: .2s;
}
.order-books-section .table.table-books tbody tr td .book-name-img img {
position: absolute;
top: -100px;
right: -70px;
width: 200px;
box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.2);
opacity: 0;
z-index: -1;
transition: .2s;
}
.order-books-section .table.table-books tbody tr td .book-name-img:hover {
color: #C87C0C;
}
.order-books-section .table.table-books tbody tr td .book-name-img:hover img {
opacity: 1;
z-index: 11;
}
.order-books-section .table.table-books td.link-files-td a {
text-decoration: underline;
}
.order-books-section .img-char img {
margin: auto;
margin-top: 50px;
filter: sepia(0.5);
max-width: 319px;
width: 100%;
}
.order-books-section .download-btn {
padding: 10px 25px;
font-size: 14px;
line-height: 18px;
font-width: 300;
color: #fff;
}
.order-books-section .on-main-btn {
margin-top: 40px;
padding: 15px 50px;
font-size: 20px;
line-height: 24px;
color: #fff;
}
/* Страница - Спасибо за заказ, ДЛЯ МОБИЛЬНЫХ */
.order-books-section .mob-content .order-items .item-card {
border: 1px solid rgba(16, 19, 20, 0.2);
border-radius: 12px;
padding: 10px;
}
.order-books-section .mob-content .order-items {
border-top: 1px solid rgba(16, 19, 20, 0.5);
}
.order-books-section .mob-content .order-items .item-card {
position: relative;
}
.order-books-section .mob-content .order-items .item-card .tag-plate {
position: absolute;
top: -1px;
right: -1px;
padding: 8px 15px;
border-radius: 0 12px 0 12px;
background-color: rgba(16, 19, 20, 1);
color: #fff;
font-size: 10px;
line-height: 1;
}
.order-books-section .mob-content .order-items .item-card .img-block {
width: 37%;
}
.order-books-section .mob-content .order-items .item-card .img-block img {
border-radius: 8px;
}
.order-books-section .mob-content .order-items .item-card .info-block {
width: 63%;
padding-top: 10px;
padding-left: 15px;
}
.order-books-section .mob-content .order-items .item-card .info-block .date-order,
.order-books-section .mob-content .order-items .item-card .info-block .book-author {
color: rgba(16, 19, 20, .5);
font-size: 14px;
line-height: 18px;
}
.order-books-section .mob-content .order-items .item-card .info-block .book-name {
font-weight: 500;
}
.order-books-section .mob-content .order-items .item-card .link-files-block {
border-top: 1px solid rgba(16, 19, 20, 0.2);
}
.order-books-section .mob-content .order-items .item-card .link-files-block a {
display: inline-block;
padding: 8px 12px;
background-color: #C87C0C;
border-radius: 8px;
color: white;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
.order-books-section .mob-content .btn.download-btn,
.order-books-section .mob-content .btn.on-main-btn {
width: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Страница - Что-то пошло не так */
/* ------------------------------------------------------------------------------------------------------------------ */
.order-error-section .head-title {
text-align: center;
}
.order-error-section .btn-block .btn-box {
margin: 10px;
}
.order-error-section .btn-block .btn-box .btn {
padding: 20px 50px;
border: 1px solid #101314;
border-radius: 10px;
font-size: 20px;
line-height: 1;
background: transparent;
color: #101314;
width: 100%;
min-width: 330px;
}
.order-error-section .btn-block .btn-box .btn:hover {
/*background-color: var(--orange);*/
background-color: #C87C0C !important;
border: 1px solid #C87C0C;
color: #fff;
}
.order-error-section .btn-block .btn.rep-order-btn {
background: #101314;
color: white;
}
.order-error-section .img-char img {
margin: auto;
margin-top: 40px;
filter: sepia(0.5);
max-width: 269px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Страница - 404 */
/* ------------------------------------------------------------------------------------------------------------------ */
.main-page.bg-404 {
background: url(/local/templates/inverted_city/images/bg_404.webp) no-repeat top center;
background-size: cover;
}
.section-404 {
margin-top: 100px;
}
.section-404 .head-title h1 {
color: rgba(249, 226, 172, 1);
font-size: 60px;
text-align: center;
padding: 0 50px;
}
.section-404 .img-404 {
width: 100%;
max-width: 829px;
}
.section-404 .btn-box .btn {
padding: 15px 25px;
border-radius: 10px;
font-size: 20px;
line-height: 1;
background-color: #C87C0C !important;
width: 100%;
min-width: 330px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Кукисы */
/* ------------------------------------------------------------------------------------------------------------------ */
.cookies-block {
position: fixed;
right: 40px;
bottom: 40px;
max-width: 477px;
background: rgba(31, 38, 40, .93) url("/local/templates/inverted_city/images/cookie.webp") no-repeat;
background-position: -5% 110%;
box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.15);
padding: 20px 30px;
border-radius: 15px;
box-sizing: border-box;
z-index: 100;
}
.cookies-block p {
font-family: system-ui, sans-serif;
font-size: 14px;
}
.cookies-block p a {
color: rgba(249, 226, 172, 1);
}
.cookies-block .btn-box{
padding-top: 20px;
text-align: right;
width: 100%;
}
.cookies-block button {
background: transparent;
color: #fff;
border-radius: 8px;
border: 1px solid #fff;
padding: 10px 30px;
text-transform: uppercase;
transition: .2s;
}
.cookies-block button:hover,
.cookies-block button:focus {
color: #C87C0C;
border: 1px solid #C87C0C;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Формы popup */
/* ------------------------------------------------------------------------------------------------------------------ */
.popup {
width: 100%;
max-width: 777px;
background: #f9e2ac url(/local/templates/inverted_city/images/bgpaper.webp) no-repeat center;
background-size: cover;
border-radius: 15px;
padding: 40px;
/*cursor: auto!important;*/
}
.popup .fancybox-close-small {
padding: 5px;
top: 5px;
right: 5px;
}
.popup p {
font-size: 18px;
line-height: 1.5;
max-width: 90%;
}
.popup .head-title p {
font-size: 40px;
line-height: 1.2;
max-width: 100%;
}
.popup form input, .popup form input:focus
.popup form select, .popup form select:focus
.popup form textarea, .popup form textarea:focus,
.personal-info form input, .personal-info form input:focus
.personal-info form select, .personal-info form select:focus
.personal-info form textarea, .personal-info form textarea:focus {
width: 100%;
padding: 15px 10px;
background-color: transparent !important;
border: none;
border-bottom: 1px solid rgba(16, 19, 20, 1) !important;
border-radius: 0;
font-family: Equilibrist;
font-size: 18px;
outline: none !important;
box-shadow: none !important;
}
.popup form input::placeholder, .popup form input:focus,
.popup form select::placeholder, .popup form select:focus,
.popup form textarea::placeholder, .popup form textarea:focus,
.personal-info form input::placeholder, .personal-info form input:focus,
.personal-info form select::placeholder, .personal-info form select:focus,
.personal-info form textarea::placeholder, .personal-info form textarea:focus{
font-family: Equilibrist;
color: rgba(16, 19, 20, 1);
transition: .2s;
}
.personal-info form input.input-pass::placeholder {
color: #00000025;
}
.popup form input:focus::placeholder,
.popup form select:focus::placeholder,
.popup form textarea:focus::placeholder,
.personal-info form input:focus::placeholder,
.personal-info form select:focus::placeholder,
.personal-info form textarea:focus::placeholder {
color: #00000025;
}
.popup .btn.btn-def {
text-transform: uppercase;
background-color: rgba(31, 38, 40, 1);
}
.popup a:hover {
color: inherit;
text-decoration: underline;
}
/* Инпуты с паролем */
form .pass-control {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
transition: .2s;
background: url(/local/templates/inverted_city/images/personal/ico_pass_hand_fist.svg) no-repeat center;
}
form .pass-control.open {
background: url(/local/templates/inverted_city/images/personal/ico_pass_hand_eye.svg) no-repeat center;
}
/* Стили чекбокса */
.popup .checkbox a {
text-decoration: underline;
}
.popup .checkbox label.main-user-consent-request input {
display: none;
}
.popup .checkbox .main-user-consent-request-announce-link {
font-size: 14px;
}
.popup .checkbox .cst_checkbox {
position: relative;
width: 14px;
height: 14px;
border: 1px solid black;
display: block;
aspect-ratio: 1 / 1;
margin-top: 3px;
}
.popup label.main-user-consent-request input:checked ~ .cst_checkbox:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDFMMy40IDdMMSA0LjYiIHN0cm9rZT0iIzEwMTMxNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
width: 10px;
height: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Личный кабинет */
/* ------------------------------------------------------------------------------------------------------------------ */
.personal-section {
margin-bottom: 100px;
}
.personal-section .personal-tabs {
border-bottom: 1px solid rgba(16, 19, 20, 1);
}
.personal-section .tab-content.personal-info .form-wrapper {
max-width: 700px;
}
.personal-section .tabs .btn.tab-header {
border: 1px solid rgba(200, 124, 12, 1);
background: transparent !important;
color: inherit;
}
.personal-section .tabs .btn.tab-header.active {
background-color: #C87C0C !important;
color: var(--white);
}
.personal-section .tab-content {
z-index: -1;
opacity: 0;
transition: .5s opacity;
}
.personal-section .tab-content.active {
z-index: 1;
opacity: 1;
}
.personal-section .personal-info .head-title {
font-size: 24px;
}
.personal-section .order-books-section .mob-content .order-items {
border-top: none;
}
.personal-section .btn.btn-logout {
background-color: rgba(66, 131, 138, 1);
padding: 15px 40px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Адаптив */
/* ------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1200px)
{
.box-indent {
height: 150px;
}
.order-books-section .table.table-books tbody tr td .book-name-img {
width: auto;
}
}
@media screen and (max-width: 992px)
{
.section-404 .img-404 {
padding: 0 50px;
}
}
@media screen and (max-width: 576px)
{
.box-indent {
height: 100px;
}
.wrapper-box {
padding: 25px;
}
input.form-control {
font-size: 15px !important;
padding: 14px 10px !important;
}
.cookies-block {
left: 16px;
right: 16px;
bottom: 16px;
max-width: unset;
}
.order-error-section .btn-block .btn-box {
width: 100%;
}
.main-page.bg-404 {
background-size: auto;
}
.section-404 .head-title h1 {
font-size: 30px;
}
.popup .head-title p {
font-size: 24px;
font-weight: 500;
}
.personal-section .tabs .btn.tab-header {
padding: 15px 10px;
width: 48.8%;
}
.personal-section .personal-info .head-title {
font-size: 20px;
}
.personal-section .btn.btn-save-change {
width: 100%;
padding: 20px;
}
}
/* End */
/* /local/templates/inverted_city/assets/css/libs.min.css?178456048520251 */
/* /local/templates/inverted_city/assets/css/app.min.css?178456048536682 */
/* /local/templates/inverted_city/assets/css/custom.css?178456048546505 */
/* /local/templates/inverted_city/components/bitrix/sale.basket.basket.line/inverted_city_cart/style.css?17845604854804 */
/* /local/components/easy/user.auth/templates/.default/style.css?1784560485639 */
/* /local/assets/fancybox/jquery.fancybox.min.css?178456048512795 */
/* /local/templates/inverted_city/template_styles.css?178456048516739 */