/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/
@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(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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}
:root{
--font-head:'Roboto Slab',serif;
--font-body:'Montserrat',sans-serif;
--h1-size:56px;
--h2-size:56px;
--h3-size:32px;
--h4-size:26px;
--h5-size:22px;
--h6-size:18px;
--h-lh:1;
--h-track:-0.025em;
--txt-size:18px;
--txt-lh:1.5;
--btn-size:20px;
--btn-lh:1.2;
--ink:#000;
--text:#000;
--accent:#000;
}
html{
-webkit-font-smoothing:antialiased;
font-feature-settings:"liga" 1,"kern" 1;
}
body{
font-family:var(--font-body)!important;
font-weight:500!important;
font-size:var(--txt-size)!important;
line-height:var(--txt-lh)!important;
letter-spacing:0!important;
font-style:normal!important;
color:#000!important;
font-variant-numeric:lining-nums proportional-nums;
font-feature-settings:"lnum" 1,"pnum" 1,"liga" 1,"kern" 1;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
[class*="title"],
[class*="Title"]{
font-family:var(--font-head)!important;
font-weight:700!important;
font-style:normal!important;
letter-spacing:var(--h-track)!important;
line-height:var(--h-lh)!important;
color:#000!important;
font-variant-numeric:lining-nums proportional-nums;
font-feature-settings:"lnum" 1,"pnum" 1,"liga" 1,"kern" 1;
}
h1,.h1,[class*="title-1"]{font-size:var(--h1-size)!important;}
h2,.h2,[class*="title-2"]{font-size:var(--h2-size)!important;}
h3,.h3,[class*="title-3"]{font-size:var(--h3-size)!important;}
h4,.h4,[class*="title-4"]{font-size:var(--h4-size)!important;}
h5,.h5,[class*="title-5"]{font-size:var(--h5-size)!important;}
h6,.h6,[class*="title-6"]{font-size:var(--h6-size)!important;}
h1 b,h1 strong,
h2 b,h2 strong,
h3 b,h3 strong,
h4 b,h4 strong,
h5 b,h5 strong,
h6 b,h6 strong{
font-weight:700!important;
}
@media(max-width:767.98px){
h1,.h1,[class*="title-1"]{font-size:36px!important;}
h2,.h2,[class*="title-2"]{font-size:36px!important;}
h3,.h3,[class*="title-3"]{font-size:26px!important;}
h4,.h4,[class*="title-4"]{font-size:22px!important;}
h5,.h5,[class*="title-5"]{font-size:20px!important;}
h6,.h6,[class*="title-6"]{font-size:18px!important;}
h1,h2,h3,h4,h5,h6{
letter-spacing:-0.02em!important;
line-height:1.05!important;
}
}
p,li,blockquote,figcaption,label,legend,caption,dt,dd,th,td,small,time,code,pre{
font-family:var(--font-body)!important;
font-weight:500!important;
font-size:var(--txt-size)!important;
line-height:var(--txt-lh)!important;
letter-spacing:0!important;
font-style:normal!important;
}
:root h1[class]:not(.ws-product__title){font-size:var(--h1-size)!important;}
:root h2[class]{font-size:var(--h2-size)!important;}
:root h3[class]{font-size:var(--h3-size)!important;}
:root h4[class]{font-size:var(--h4-size)!important;}
:root h5[class]{font-size:var(--h5-size)!important;}
:root h6[class]{font-size:var(--h6-size)!important;}
@media(max-width:767.98px){
:root h1[class]:not(.ws-product__title){font-size:36px!important;}
:root h2[class]{font-size:36px!important;}
:root h3[class]{font-size:26px!important;}
:root h4[class]{font-size:22px!important;}
:root h5[class]{font-size:20px!important;}
:root h6[class]{font-size:18px!important;}
}
@media(max-width:680px){
:root{--gutter20:0px;}
[class$="__sub"],
[class*="__sub "],
[class$="__head"],
[class*="__head "]{
padding-inline:var(--gutter20)!important;
box-sizing:border-box;
}
[class$="__head"]>[class$="__sub"],
[class$="__head"] [class*="__sub "],
[class*="__head "]>[class$="__sub"],
[class*="__head "] [class*="__sub "]{
padding-inline:0!important;
}
}
[class$="__sub"],
[class*="__sub "]{
color:#000!important;
}
:root{
--ws-pag-w:46px;
--ws-pag-h:4px;
--ws-pag-radius:999px;
--ws-pag-inactive:#0000001c;
--ws-pag-active:#000000;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
width:var(--ws-pag-w)!important;
height:var(--ws-pag-h)!important;
border-radius:var(--ws-pag-radius)!important;
margin:0 4px!important;
opacity:1!important;
background:var(--border,var(--ws-pag-inactive))!important;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active{
background:var(--txt,var(--ws-pag-active))!important;
}
.ws-addwhat__pag,
.ws-add__pag{
color:var(--txt,#000)!important;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active{
background:#000!important;
}
.wuniq-hero,
.wuniq-hero .wuniq-hero__container{
color:#fff;
}
.wuniq-hero h1.wuniq-hero__title,
.wuniq-hero .wuniq-hero__title,
.wuniq-hero h1,
.wuniq-hero [class*="title"]{
color:#fff!important;
}
.wuniq-hero .wuniq-hero__desc,
.wuniq-hero p{
color:#fff!important;
}
.wuniq-hero .wuniq-hero__title{
text-shadow:0 2px 18px rgba(0,0,0,.35);
}
:root h2[class]:not(.ws-addwhat__title):not(.drevos-vhero__title):not(.ws-sw__title){
font-size:var(--h2-size)!important;
margin-top:34px;
}
#techblog-list .ws-card__body{
text-align:left!important;
align-items:flex-start!important;
}
#techblog-list .ws-card__title,
#techblog-list .ws-card__title a{
color:#000!important;
text-decoration:none!important;
}
#techblog-list .ws-card__excerpt{
text-align:left!important;
}
.ws-bgrid .ws-bcard__title,
.ws-bgrid .ws-bcard__title a,
.ws-bgrid .ws-bcard__title a:link,
.ws-bgrid .ws-bcard__title a:visited{
color:#000!important;
text-decoration:none!important;
}
.ws-bgrid .ws-bcard__title a:hover{
text-decoration:none!important;
opacity:.9;
}
.ws-bgrid .ws-bcard__thumb .ws-badge,
.ws-blog__grid .ws-card__thumb .ws-badge,
.ws-cases .ws-card__imgwrap .ws-badge{
position:absolute;
left:10px;
top:10px;
padding:6px 10px;
border-radius:10px;
color:#fff!important;
font-weight:700;
font-size:12px;
line-height:1.2;
background:rgba(0,0,0,.55);
border:1px solid rgba(255,255,255,.18);
-webkit-backdrop-filter:blur(8px) saturate(120%);
backdrop-filter:blur(8px) saturate(120%);
z-index:6;
pointer-events:none;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
.ws-bgrid .ws-bcard__thumb .ws-badge,
.ws-blog__grid .ws-card__thumb .ws-badge,
.ws-cases .ws-card__imgwrap .ws-badge{
background:rgba(0,0,0,.80);
border-color:rgba(255,255,255,.10);
}
}
.ws-blog__grid .ws-card__thumb .ws-card__tag,
.ws-cases .ws-card__imgwrap .ws-card__tag,
.ws-bgrid .ws-bcard__thumb .ws-badge,
.ws-blog__grid .ws-card__thumb .ws-бadge{
position:absolute;
left:10px;
top:10px;
padding:6px 10px;
border-radius:10px;
font-weight:700;
font-size:12px;
line-height:1.2;
color:#fff!important;
background:rgba(0,0,0,.55)!important;
border:1px solid rgba(255,255,255,.18)!important;
-webkit-backdrop-filter:blur(8px) saturate(120%);
backdrop-filter:blur(8px) saturate(120%);
z-index:6;
pointer-events:none;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
.ws-blog__grid .ws-card__thumb .ws-card__tag,
.ws-cases .ws-card__imgwrap .ws-card__tag,
.ws-bgrid .ws-bcard__thumb .ws-badge,
.ws-blog__grid .ws-card__thumb .ws-бadge{
background:rgba(0,0,0,.80)!important;
border-color:rgba(255,255,255,.10)!important;
}
}
.ws-videos .ws-vcard,
.ws-videos .ws-vcard__thumb,
.ws-videos .ws-vcard__thumb img,
.ws-videos .ws-vcard .ws-sw__video,
.ws-videos .ws-vcard .ws-sw__video video{
border:0!important;
outline:none!important;
box-shadow:none!important;
}
.ws-vcard__thumb::after,
.ws-vcard:hover .ws-vcard__thumb::after,
.ws-vcard .ws-sw__video::after,
.ws-vcard:hover .ws-sw__video::after{
background:none!important;
opacity:0!important;
display:none!important;
transition:none!important;
}
.ws-vcard__thumb{
border:0!important;
outline:none!important;
box-shadow:none!important;
}
body.single-blogger .ws-vcard h3.ws-vcard__title{
margin:8px 8px 8px!important;
line-height:1.25!important;
}
body.single-blogger .ws-vcard h3.ws-vcard__title+.ws-vcard__btn{
margin-top:4px!important;
}
@media(max-width:640px){
body.single-blogger .ws-vcard h3.ws-vcard__title{
margin:14px 12px 10px!important;
}
body.single-blogger .ws-vcard h3.ws-vcard__title+.ws-vcard__btn{
margin-top:12px!important;
}
}
body.single-blogger .ws-title{
text-align:center!important;
margin:0 auto 12px!important;
display:block;
}
body.single-blogger .ws-desc,
body.single-blogger .ws-desc--top{
text-align:center!important;
margin:8px auto 22px!important;
max-width:1100px;
}
body.single-blogger .ws-desc p,
body.single-blogger .ws-desc--top p{
margin:0 auto!important;
text-align:inherit!important;
}
.ws-story-socials{
--size:48px;
--icon:22px;
--gap:16px;
--bg:#fff;
--ring:#e9e9e9;
--shadow:0 6px 20px rgba(0,0,0,.06);
text-align:center;
}
.ws-story-socials__title{
text-align:center!important;
margin:0 auto 14px!important;
}
.ws-story-socials__list{
list-style:none!important;
padding:0!important;
margin:0 auto!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:var(--gap);
flex-wrap:wrap;
max-width:100%;
}
.ws-story-socials__list a{
display:grid;
place-items:center;
width:var(--size);
height:var(--size);
border-radius:12px;
background:var(--bg);
border:1px солид var(--ring);
box-shadow:var(--shadow);
text-decoration:none;
color:#ff0000;
transition:transform .15s ease,box-shadow .2s ease,background .15s ease;
}
.ws-story-socials__list a:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.ws-story-socials__list a svg{
width:var(--icon);
height:var(--icon);
display:block;
fill:currentColor;
}
.ws-story-socials__list a[href*="facebook.com"]{color:#1877F2;}
.ws-story-socials__list a[href*="instagram.com"]{color:#E4405F;}
.ws-story-socials__list a[href*="tiktok.com"]{color:#000;}
.ws-story-socials__list a[href*="t.me"],
.ws-story-socials__list a[href*="telegram"]{color:#0088cc;}
.ws-story-socials__list a[href*="wa.me"],
.ws-story-socials__list a[href*="whatsapp"]{color:#25D366;}
@media(max-width:640px){
.ws-story-socials{
--size:44px;
--icon:20px;
--gap:12px;
}
}
.ws-article .ws-article__lead{
max-width:900px;
margin:0 auto 16px!important;
text-align:center!important;
}
.ws-article .ws-article__lead p{
margin:0 auto!important;
text-align:inherit!important;
}
:root{
--ws-nav-size:42px;
--ws-nav-icon:22px;
--ws-nav-bg:rgba(255,255,255,.16);
--ws-nav-brd:rgba(255,255,255,.38);
--ws-nav-blur:12px;
--ws-nav-shadow:0 8px 24px rgba(0,0,0,.16);
--ws-nav-hover:rgba(255,255,255,.22);
--ws-nav-z:999;
}
.ws-nav,
.ws-add__nav,
.swiper .swiper-button-prev,
.swiper .swiper-button-next{
position:absolute;
топ:50%;
transform:translateY(-50%);
width:var(--ws-nav-size);
height:var(--ws-nav-size);
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
user-select:none;
z-index:var(--ws-nav-z);
background:var(--ws-nav-bg);
border:1px solid var(--ws-nav-brd);
box-shadow:var(--ws-nav-shadow);
-webkit-backdrop-filter:blur(var(--ws-nav-blur)) saturate(1.2);
backdrop-filter:blur(var(--ws-nav-blur)) saturate(1.2);
transition:transform .15s ease,box-shadow .2s ease,background .15s.ease;
}
.ws-nav--prev,
.ws-add__prev,
.swiper .swiper-button-prev{
left:6px;
}
.ws-nav--next,
.ws-add__next,
.swiper .swiper-button-next{
right:6px;
}
.ws-nav:hover,
.ws-add__nav:hover,
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover{
transform:translateY(-50%) scale(1.04);
background:var(--ws-nav-hover);
box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.ws-nav:focus-visible,
.ws-add__nav:focus-visible,
.swiper .swiper-button-prev:focus-visible,
.swiper .swiper-button-next:focus-visible{
outline:2px solid rgba(0,0,0,.2);
outline-offset:2px;
}
.ws-nav__icon,
.ws-add__nav svg,
.swiper .swiper-button-prev svg,
.swiper .swiper-button-next svg{
width:var(--ws-nav-icon);
height:var(--ws-nav-icon);
display:block;
opacity:.95;
fill:currentColor;
color:#fff;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after{
content:none!important;
}
.ws-nav--dark{
--ws-nav-bg:rgba(0,0,0,.42);
--ws-nav-brd:rgba(255,255,255,.28);
--ws-nav-hover:rgba(0,0,0,.50);
color:#fff;
}
.ws-nav--light{
--ws-nav-bg:#fff;
--ws-nav-brd:#e9e9e9;
--ws-nav-hover:#fff;
--ws-nav-shadow:0 8px 24px rgba(0,0,0,.15);
color:#291711;
}
@media(max-width:640px){
:root{
--ws-nav-size:38px;
--ws-nav-icon:20px;
}
}
.ws-smartsize__pill{
left:50%;
transform:translateX(-50%);
min-width:320px;
max-width:min(560px,calc(100% - 24px));
padding:10px 18px;
gap:12px;
justify-content:center;
white-space:nowrap;
border-radius:16px;
background:#000!important;
color:#fff!important;
}
.ws-smartsize__pill *{
color:inherit!important;
}
.ws-smartsize__pill-month{
background:#fff8f8!important;
color:#000!important;
box-shadow:none!important;
}
.ws-smartsize__pill-tag{
background:#fff8f8!important;
color:#000!important;
border-radius:10px;
padding:4px 8px;
line-height:1;
font-weight:400;
}
@media(min-width:1200px){
.ws-smartsize__pill{
min-width:360px;
}
}
@media(max-width:780px){
.ws-smartsize__pill{
min-width:280px;
padding:9px 14px;
gap:10px;
}
}
@media(max-width:480px){
.ws-smartsize__pill{
min-width:240px;
padding:8px 12px;
gap:8px;
}
}
@media(max-width:767.98px){
:root{
--h1-size:36px;
--h2-size:34px;
--h3-size:26px;
--h4-size:22px;
--h5-size:20px;
--h6-size:18px;
--h-lh:1.05;
--h-track:-0.02em;
}
h1,.h1,[class*="title-1"],:root h1[class]:not(.ws-product__title){font-size:var(--h1-size)!important;}
h2,.h2,[class*="title-2"],:root h2[class]{font-size:var(--h2-size)!important;}
h3,.h3,[class*="title-3"],:root h3[class]{font-size:var(--h3-size)!important;}
h4,.h4,[class*="title-4"],:root h4[class]{font-size:var(--h4-size)!important;}
h5,.h5,[class*="title-5"],:root h5[class]{font-size:var(--h5-size)!important;}
h6,.h6,[class*="title-6"],:root h6[class]{font-size:var(--h6-size)!important;}
}
.ws-footer__title{
color:#fff!important;
text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.ws-footer__btn,
.ws-footer__cta a.btn{
color:#000!important;
}
.ws-footer__title,
.ws-footer__title a,
.wuniq-hero-m__title,
.wuniq-hero-m__title a{
color:#fff!important;
text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.ws-smartsize__pill-tag{
background:#fff8f8!important;
color:#000!important;
border-radius:10px;
padding:4px 8px;
line-height:1;
font-weight:500;
}
html, body{
height: auto !important;
min-height: 0 !important;
}
body{
overflow-x: hidden;
}
html:root body .ws-sw__head > h2.ws-sw__title{
margin: 0 !important;
font-family: var(--font-head) !important;
font-size: var(--h2-size) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: var(--h-track) !important;
}
@media (max-width: 767.98px){
html:root body .ws-sw__head > h2.ws-sw__title{
font-size: 36px !important;
}
}
html {
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
html {
scroll-behavior: auto;
}
}
:root {
--page-overflow-x: hidden;
--hero-drevos-max-width: 1440px;
--hero-drevos-main-padding-left: 40px;
--hero-drevos-main-padding-bottom: 60px;
--hero-drevos-main-padding-left-900: 18px;
--hero-drevos-container-pad-x-900: 2vw;
--hero-drevos-title-margin-top: 294px;
--hero-drevos-title-margin-bottom: 44px;
--hero-drevos-title-font-weight: 700;
--hero-drevos-title-font-size: 86px;
--hero-drevos-title-line-height: 1.05;
--hero-drevos-title-letter-spacing: -1px;
--hero-drevos-title-text-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
--hero-drevos-title-font-size-900: 52px;
--hero-drevos-title-margin-top-900: 100px;
--hero-drevos-title-font-size-600: 32px;
--hero-drevos-title-margin-top-600: 54px;
--hero-drevos-title-margin-bottom-600: 24px;
--hero-drevos-main-padding-left-600: 8px;
--hero-drevos-main-padding-bottom-600: 30px;
--hero-drevos-feature-gap: 10px;
--hero-drevos-feature-padding-x: 28px;
--hero-drevos-feature-min-width: 190px;
--hero-drevos-feature-font-weight: 500;
--hero-drevos-feature-font-size: 18px;
--hero-drevos-feature-line-height: 1.2;
--hero-drevos-feature-divider-height: 46px;
--hero-drevos-feature-divider-translate-y: -45%;
--hero-drevos-feature-padding-x-600: 8px;
--hero-drevos-feature-min-width-600: 120px;
--hero-drevos-feature-font-size-600: 13px;
--hero-drevos-feature-icon-size: 28px;
--hero-drevos-feature-icon-size-mobile: 22px;
--hero-drevos-scroll-bottom: 54px;
--hero-drevos-scroll-gap: 10px;
--hero-drevos-scroll-padding-y: 8px;
--hero-drevos-scroll-padding-x: 18px;
--hero-drevos-scroll-font-weight: 600;
--hero-drevos-scroll-font-size: 15px;
--hero-drevos-scroll-img-size: 18px;
--hero-drevos-scroll-img-opacity: 0.93;
--hero-drevos-scroll-hover-shadow: 0 0 18px 5px #fff8;
--hero-drevos-arrow-bounce-y: 11px;
--hero-drevos-arrow-bounce-duration: 1.3s;
--hero-drevos-arrow-bounce-ease: cubic-bezier(0.45, 0.15, 0.42, 1.22);
--hero-drevos-m-min-height: 650px;
--hero-drevos-m-main-margin-top: 395px;
--hero-drevos-m-title-font-weight: 400;
--hero-drevos-m-title-font-size: 42px;
--hero-drevos-m-title-line-height: 1.09;
--hero-drevos-m-title-margin-bottom: 18px;
--hero-drevos-m-btn-width-pct: 94%;
--hero-drevos-m-btn-max-width: 340px;
--hero-drevos-m-btn-margin-bottom: 22px;
--hero-drevos-m-btn-padding-y: 12px;
--hero-drevos-m-btn-radius: 8px;
--hero-drevos-m-btn-font-weight: 700;
--hero-drevos-m-btn-font-size: 19px;
--hero-drevos-m-btn-bg: #fff;
--hero-drevos-m-btn-color: #000;
--hero-drevos-m-btn-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
--hero-drevos-m-features-bg-padding-y: 10px;
--hero-drevos-m-features-bg-padding-bottom: 6px;
--hero-drevos-m-features-max-width: 440px;
--hero-drevos-m-features-padding-x: 8px;
--hero-drevos-m-feature-li-padding-y: 8px;
--hero-drevos-m-feature-li-padding-x: 12px;
--hero-drevos-m-feature-divider-height: 32px;
--hero-drevos-m-feature-span-font-weight: 400;
--hero-drevos-m-feature-span-font-size: 13px;
--hero-drevos-m-feature-span-line-height: 1.2;
--hero-wuniq-mobile-max-width: 480px;
--hero-wuniq-badges-gap-x: 22px;
--hero-wuniq-badges-gap-y: 16px;
--hero-wuniq-badges-margin-top: 14px;
--hero-wuniq-badges-font-size: 16px;
--hero-wuniq-badges-line-height: 1.25;
--hero-wuniq-badges-font-weight: 500;
--hero-wuniq-badges-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
--hero-wuniq-badge-gap: 10px;
--hero-wuniq-badge-img-size: 20px;
--hero-wuniq-sep-width: 1px;
--hero-wuniq-sep-height: 20px;
--hero-wuniq-sep-bg: rgba(255, 255, 255, 0.36);
--hero-wuniq-badges-margin-top-sm: 12px;
--hero-wuniq-badges-row-gap-sm: 10px;
--hero-wuniq-scroll-ico: 18px;
--hero-wuniq-scroll-left: 12px;
--hero-wuniq-scroll-gap: 10px;
--hero-wuniq-scroll-pad: 10%;
--hero-wuniq-arrow-duration: 1.3s;
--hero-wuniq-m-container-padding-x: 16px;
--hero-wuniq-m-main-gap: 12px;
--hero-wuniq-m-badges-column-gap: 12px;
--hero-wuniq-m-badges-row-gap: 8px;
--hero-wuniq-m-badges-max-width: 360px;
--hero-wuniq-m-badge-padding-y: 4px;
--hero-wuniq-m-scroll-margin-y: 4px;
--hero-wuniq-m-scroll-margin-bottom: 8px;
--hero-wuniq-video-object-x: 65%;
--hero-video-bg: #111;
--hero-overlay-drevos: linear-gradient(
90deg,
rgba(0, 0, 0, 0.57) 0%,
rgba(0, 0, 0, 0.19) 58%,
rgba(0, 0, 0, 0) 100%
);
--hero-overlay-drevos-m: linear-gradient(
180deg,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0.22) 35%,
rgba(0, 0, 0, 0.12) 100%
);
--hero-overlay-wuniq: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
--hero-wuniq-video-bg: #000;
--hero-divider: rgba(255, 255, 255, 0.35);
--hero-scrolldown-bg: rgba(0, 0, 0, 0.46);
--hero-scrolldown-bg-hover: rgba(0, 0, 0, 0.72);
--hero-scrolldown-br: #ffffff40;
--hero-img-drop-shadow: drop-shadow(0 2px 6px #fff6);
--hero-rating-gap: 12px;
--hero-rating-padding-y: 10px;
--hero-rating-padding-x: 14px;
--hero-rating-radius: 14px;
--hero-rating-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.1));
--hero-rating-before-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
--hero-rating-border: rgba(255, 255, 255, 0.35);
--hero-rating-blur: 12px;
--hero-rating-sat: 140%;
--hero-rating-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35),
inset 0 -1px 0 rgba(255, 255, 255, 0.12);
--hero-rating-before-opacity: 0.6;
--hero-rating-hover-translate: -1px;
--hero-rating-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.14));
--hero-rating-hover-shadow: 0 12px 30px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(255, 255, 255, 0.16);
--hero-rating-logo-size: 24px;
--hero-rating-body-gap: 4px;
--hero-rating-body-min-width: 170px;
--hero-rating-top-gap: 8px;
--hero-rating-brand-font-size: 14px;
--hero-rating-score-font-size: 15px;
--hero-rating-reviews-font-size: 12px;
--hero-rating-stars-gap: 3px;
--hero-rating-stars-svg-size: 16px;
--hero-rating-trustpilot-color: #00b67a;
--hero-rating-google-color: #fabb05;
--hero-rating-drevos-blur: 6px;
--hero-rating-transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.2s ease;
--hero-ratings-gap-x: 16px;
--hero-ratings-gap-y: 12px;
--hero-ratings-margin-top: -16px;
--hero-ratings-margin-bottom: 18px;
--hero-ratings-grid-max: 340px;
--hero-ratings-grid-pad: 32px;
--hero-ratings-grid-margin-y: 8px;
--hero-ratings-grid-margin-bottom: 12px;
--hero-ratings-grid-cell-gap-x: 10px;
--hero-ratings-grid-cell-gap-y: 8px;
--hero-rating-card-max-w: 160px;
--hero-rating-card-min-w: 136px;
--hero-rating-card-padding-y: 7px;
--hero-rating-card-padding-x: 10px;
--hero-rating-card-radius: 12px;
--hero-rating-card-gap: 8px;
--hero-rating-logo-sm: 18px;
--hero-rating-star-sm: 12px;
--hero-rating-brand-sm: 12px;
--hero-rating-score-sm: 13px;
--hero-rating-reviews-sm: 10px;
--hero-rating-brand-line-sm: 1.1;
--hero-ratings-grid-max-xs: 320px;
--hero-ratings-grid-pad-xs: 24px;
--hero-ratings-grid-gap-xs-x: 8px;
--hero-ratings-grid-gap-xs-y: 6px;
--hero-rating-card-max-xs: 150px;
--hero-rating-card-min-xs: 128px;
--hero-rating-card-padding-y-xs: 6px;
--hero-rating-card-padding-x-xs: 9px;
--hero-rating-star-xs: 11px;
--hero-rating-brand-xs: 11px;
--hero-rating-score-xs: 12px;
--hero-rating-reviews-xs: 9.5px;
--ws-listing-shell-max: 1480px;
--ws-listing-shell-pad-x: 20px;
--ws-listing-wrap-max: 1440px;
--ws-listing-wrap-pad-y: 18px;
--ws-listing-wrap-pad-x: 16px;
--ws-listing-wrap-pad-bottom: 40px;
--ws-listing-wrap-pad-tight: 16px;
--ws-listing-head-gap: 12px;
--ws-listing-head-margin-top: 6px;
--ws-listing-head-margin-bottom: 18px;
--ws-listing-heading-line-height: 1.15;
--ws-listing-page-title-margin-bottom: 10px;
--ws-listing-page-title-fs-min: 22px;
--ws-listing-page-title-fs-pref: 6vw;
--ws-listing-page-title-fs-max: 28px;
--ws-listing-meta-font-size: 12px;
--ws-listing-meta-line-height: 1.1;
--ws-listing-count-margin-left: 8px;
--ws-listing-count-pad-y: 2px;
--ws-listing-count-pad-x: 6px;
--ws-listing-count-radius: 999px;
--ws-listing-count-offset-y: -2px;
--ws-listing-filter-btn-radius: 8px;
--ws-listing-filter-btn-pad-y: 8px;
--ws-listing-filter-btn-pad-x: 14px;
--ws-listing-filter-bar-btn-min-width: 110px;
--ws-listing-filter-bar-btn-height: 36px;
--ws-listing-filter-bar-btn-pad-x: 14px;
--ws-listing-filter-bar-btn-radius: 10px;
--ws-listing-pill-gap: 8px;
--ws-listing-pill-pad-y: 6px;
--ws-listing-pill-pad-x: 10px;
--ws-listing-grid-gap: 24px;
--ws-listing-grid-margin-top: 12px;
--ws-listing-grid-gap-sm: 16px;
--ws-listing-grid-col-min: 440px;
--ws-listing-card-cut: 24px;
--ws-listing-cut-mask-bg: #fff;
--ws-listing-card-media-h: 220px;
--ws-listing-card-media-h-lg: 320px;
--ws-listing-card-radius-fallback: 32px;
--ws-listing-card-thumb-bg: #000;
--ws-listing-card-body-pad: 12px;
--ws-listing-badge-offset: 12px;
--ws-listing-badge-pad-y: 6px;
--ws-listing-badge-pad-x: 10px;
--ws-listing-badge-radius: 10px;
--ws-listing-badge-font-size: 12px;
--ws-listing-badge-font-weight: 700;
--ws-listing-card-title-margin-t: 12px;
--ws-listing-card-title-margin-x: 14px;
--ws-listing-card-title-margin-b: 4px;
--ws-listing-grid-title-margin-t: 14px;
--ws-listing-grid-title-margin-b: 6px;
--ws-listing-archive-title-margin-t: 0px;
--ws-listing-card-text-pad-x: 12px;
--ws-listing-card-subtitle-margin-b: 12px;
--ws-listing-card-text-pad-x-tight: 14px;
--ws-listing-excerpt-line-height: 1.45;
--ws-listing-excerpt-min-height: 40px;
--ws-listing-card-cta-margin-x: 14px;
--ws-listing-card-cta-margin-b: 16px;
--ws-listing-card-cta-margin-top: 12px;
--ws-listing-cta-width: 260px;
--ws-listing-cta-height: 46px;
--ws-listing-cta-line-height: 46px;
--ws-listing-cta-pad-x: 18px;
--ws-listing-card-stack-margin-b: 18px;
--ws-listing-title-mb-clamp-min: 6px;
--ws-listing-title-mb-clamp-pref: 2.5vw;
--ws-listing-title-mb-clamp-max: 12px;
--ws-listing-pager-margin-top: 24px;
--ws-listing-pager-margin-bottom: 40px;
--ws-listing-pager-margin-top-sm: 18px;
--ws-listing-pager-margin-bottom-sm: 32px;
--ws-listing-pager-gap-x: 4px;
--ws-listing-pager-pad-x: 10px;
--ws-listing-pager-pad-x-sm: 8px;
--ws-listing-pager-radius: 8px;
--ws-listing-pager-font-size: 15px;
--ws-listing-pager-font-size-sm: 14px;
--ws-listing-pager-hover-fg: #fff;
--ws-listing-pager-transition: 0.15s;
--ws-listing-pager-border: #111;
--ws-listing-pager-bg: #fff;
--ws-listing-pager-fg: #111;
--ws-listing-pager-active-bg: #000;
--ws-listing-pager-min-size: 36px;
--ws-listing-pager-min-size-sm: 32px;
--ws-listing-single-head-margin: 8px 0 18px;
--ws-listing-single-title-margin: 0 0 12px;
--ws-listing-single-desc-top-margin-bottom: 18px;
--ws-listing-single-desc-bottom-margin: 20px 0 60px;
--ws-listing-single-banner-wrap-margin-bottom: 18px;
--ws-listing-single-banner-mobile-img-h: 408px;
--ws-listing-video-grid-col-min: 280px;
--ws-listing-videos-block-pad-y: 8px;
--ws-listing-videos-block-pad-bottom: 60px;
--ws-listing-vcard-thumb-h: 200px;
--ws-listing-vcard-thumb-h-sm: 180px;
--ws-listing-vcard-title-margin-inline: 12px;
--ws-listing-vcard-title-margin-bottom: 8px;
--ws-listing-vcard-play-size: 56px;
--ws-listing-vmodal-dialog-max: 1100px;
--ws-listing-vmodal-dialog-pad-vw: 96vw;
--ws-listing-htb-max: 1380px;
--ws-listing-htb-container-pad-top: 40px;
--ws-listing-htb-container-pad-x: 20px;
--ws-listing-htb-radius: 18px;
--ws-listing-htb-gap: 22px;
--ws-listing-htb-gap-1024: 18px;
--ws-listing-htb-gap-640: 14px;
--ws-listing-htb-tail: 40px;
--ws-listing-htb-tail-1024: 32px;
--ws-listing-htb-tail-640: 24px;
--ws-listing-htb-cut-sm: 22px;
--ws-listing-htb-title-fs: 52px;
--ws-listing-htb-title-fs-sm: 32px;
--ws-listing-htb-title-margin-bottom: 6px;
--ws-listing-htb-subtitle-fs: 18px;
--ws-listing-htb-subtitle-margin-bottom: 16px;
--ws-listing-htb-track-margin-bottom: 8px;
--ws-listing-htb-excerpt-fs: 16px;
--ws-listing-htb-excerpt-lh: 1.6;
--ws-listing-htb-excerpt-margin: 10px 6px 0;
--ws-listing-htb-bars-gap: 14px;
--ws-listing-htb-bars-margin-y: 12px;
--ws-listing-htb-bars-margin-bottom: 18px;
--ws-listing-htb-bar-width: 46px;
--ws-listing-htb-bar-height: 4px;
--ws-listing-htb-cta-margin-top: 18px;
--ws-listing-htb-cta-radius: 8px;
--ws-listing-htb-cta-transition: box-shadow 0.2s ease, transform 0.15s ease;
--ws-listing-htb-cta-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.08);
--ws-listing-htb-cta-shadow-active: 0 2px 10px rgba(0, 0, 0, 0.06);
--ws-listing-htb-cta-lift-hover: -1px;
--ws-listing-htb-media-h-mobile: 335px;
--ws-listing-htb-techblog-head-gap: 16px;
--ws-listing-htb-techblog-head-margin-bottom: 34px;
--ws-listing-htb-techblog-count-font-size: 16px;
--ws-listing-htb-toggle-offset: 10px;
--ws-listing-htb-toggle-size: 36px;
--ws-listing-htb-toggle-font-size: 14px;
--ws-listing-htb-toggle-font-weight: 700;
--ws-listing-htb-arrow-size: 40px;
--ws-listing-htb-arrow-font-size: 24px;
--ws-listing-htb-arrow-inset: 10px;
--ws-listing-htb-arrow-disabled-opacity: 0.25;
--ws-listing-htb-edge-width: 64px;
--ws-listing-htb-edge-blur: 6px;
--ws-listing-vbar-gap: 10px;
--ws-listing-vbar-translate-y-hidden: 8px;
--ws-listing-vbar-transition-duration: 0.18s;
--ws-listing-vbar-bg: rgba(15, 23, 42, 0.7);
--ws-listing-vbar-backdrop-blur: 6px;
--ws-listing-vbar-track-height: 6px;
--ws-listing-vbar-btn-size: 34px;
--ws-listing-vbar-ico-size: 18px;
--ws-listing-vbar-audio-gap: 6px;
--ws-listing-vbar-aselect-pad-x: 8px;
--ws-listing-vbar-border-on-glass: rgba(255, 255, 255, 0.25);
--ws-listing-vbar-btn-bg: rgba(255, 255, 255, 0.12);
--ws-listing-vbar-track-bg: rgba(255, 255, 255, 0.28);
--ws-listing-vbar-gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
--ws-listing-vcard-play-icon-mt: 19px;
--ws-listing-vcard-play-icon-ml: 22px;
--ws-listing-vcard-play-tri-w: 14px;
--ws-listing-vcard-play-tri-h: 9px;
--ws-listing-vcard-play-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
--ws-listing-vcard-overlay-transition: 0.25s ease;
--ws-listing-vmodal-backdrop: rgba(0, 0, 0, 0.75);
--ws-listing-vmodal-figure-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
--ws-listing-vmodal-z: 9999;
--ws-listing-vmodal-panel-pad-y-sm: 6px;
--ws-listing-vmodal-panel-pad-x-sm: 10px;
--ws-listing-vmodal-audio-select-min-sm: 120px;
--ws-listing-vmodal-audio-select-h: 32px;
--ws-listing-vmodal-audio-select-min-w: 40px;
--ws-listing-vmodal-audio-label-fs: 13px;
--ws-listing-vmodal-audio-select-border: rgba(148, 163, 184, 0.8);
--ws-listing-vmodal-audio-select-bg: rgba(15, 23, 42, 0.95);
--ws-listing-vmodal-panel-left-gap: 10px;
--ws-listing-vmodal-audio-select-pad-right: 26px;
--ws-listing-vmodal-audio-select-pad-left: 10px;
--ws-listing-bc-narrow-margin-top: 68px;
--ws-cases-page-max: var(--ws-listing-wrap-max);
--ws-cases-page-pad-y-top: 32px;
--ws-cases-page-pad-x: 16px;
--ws-cases-page-pad-y-bottom: 64px;
--ws-cases-page-pad-y-top-sm: 24px;
--ws-cases-page-pad-x-sm: 14px;
--ws-cases-page-pad-y-bottom-sm: 48px;
--ws-cases-legacy-top-margin-bottom: 34px;
--ws-cases-legacy-title-fs: 42px;
--ws-cases-legacy-title-weight: 800;
--ws-cases-legacy-title-margin-bottom: 8px;
--ws-cases-legacy-title-track: 0.01em;
--ws-cases-legacy-desc-fs: 18px;
--ws-cases-legacy-desc-margin-bottom: 28px;
--ws-cases-legacy-tabs-gap: 24px;
--ws-cases-legacy-tabs-margin-bottom: 36px;
--ws-cases-legacy-tab-radius: 24px;
--ws-cases-legacy-tab-pad-y: 12px;
--ws-cases-legacy-tab-pad-x: 36px;
--ws-cases-legacy-tab-fs: 21px;
--ws-cases-legacy-tab-weight: 700;
--ws-cases-legacy-tab-transform-duration: 0.17s;
--ws-cases-legacy-grid-row-gap: 34px;
--ws-cases-legacy-grid-col-gap: 28px;
--ws-cases-legacy-card-radius: 22px;
--ws-cases-legacy-card-info-pad-t: 22px;
--ws-cases-legacy-card-info-pad-x: 22px;
--ws-cases-legacy-card-info-pad-b: 24px;
--ws-cases-legacy-card-title-fs: 24px;
--ws-cases-legacy-card-title-weight: 800;
--ws-cases-legacy-card-title-margin-bottom: 4px;
--ws-cases-legacy-card-desc-fs: 17px;
--ws-cases-legacy-card-desc-margin-bottom: 18px;
--ws-cases-legacy-card-desc-min-height: 36px;
--ws-cases-legacy-card-btn-height: 48px;
--ws-cases-legacy-card-btn-radius: 12px;
--ws-cases-legacy-card-btn-fs: 18px;
--ws-cases-legacy-card-btn-weight: 600;
--ws-cases-legacy-card-btn-border-w: 1.7px;
--ws-cases-legacy-card-shadow-duration: 0.18s;
--ws-cases-legacy-loadmore-width: 340px;
--ws-cases-legacy-loadmore-height: 54px;
--ws-cases-legacy-loadmore-radius: 13px;
--ws-cases-legacy-loadmore-fs: 21px;
--ws-cases-legacy-loadmore-weight: 700;
--ws-cases-legacy-loadmore-margin-top: 36px;
--ws-cases-legacy-loadmore-border-w: 2px;
--ws-cases-legacy-loadmore-transform-duration: 0.15s;
--ws-cases-legacy-mobile-top-margin-bottom: 18px;
--ws-cases-legacy-mobile-tabs-margin-bottom: 20px;
--ws-cases-main-top-margin-bottom: 32px;
--ws-cases-tabs-wrap-gap: 8px;
--ws-cases-tabs-wrap-pad: 6px;
--ws-cases-tabs-wrap-radius: 28px;
--ws-cases-tab-pad-y: 10px;
--ws-cases-tab-pad-x: 22px;
--ws-cases-tab-radius: 22px;
--ws-cases-tabs-state-duration: 0.2s;
--ws-cases-tab-border: #111;
--ws-cases-tab-fg: #111;
--ws-cases-tab-active-bg: #000;
--ws-cases-tab-active-fg: #fff;
--ws-cases-tab-active-border: #000;
--ws-cases-grid-gap: 28px;
--ws-cases-card-cut: 26px;
--ws-cases-card-body-pad-t: var(--ws-listing-grid-title-margin-t);
--ws-cases-card-body-pad-x: var(--ws-listing-card-body-pad);
--ws-cases-card-body-pad-b: var(--ws-listing-card-body-pad);
--ws-cases-card-body-gap: 0;
--ws-cases-surface: #fff;
--ws-cases-load-margin-top: 14px;
--ws-cases-load-radius: 12px;
--ws-cases-load-fs: 18px;
--ws-cases-load-weight: 800;
--ws-cases-mobile-pad-x-important: 16px;
--ws-cases-end-margin-top: 18px;
--ws-footer-fg: #fff;
--ws-footer-bg: #000;
--ws-footer-min-height: 35rem;
--ws-footer-margin-top: clamp(2.5rem, 6vw, 5rem);
--ws-footer-font: "Roboto Slab Medium", system-ui, Arial, sans-serif;
--ws-footer-shade: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0.65) 100%);
--ws-footer-cta-pad: 2.5rem 1rem 8.75rem;
--ws-footer-title-margin-bottom: 0.875rem;
--ws-footer-title-fs: clamp(1.25rem, 4vw, 2.25rem);
--ws-footer-title-lh: 1.1;
--ws-footer-title-weight: 800;
--ws-footer-title-track: 0.6px;
--ws-footer-title-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.35);
--ws-footer-cta-btn-height: 3rem;
--ws-footer-cta-btn-min-width: 260px;
--ws-footer-cta-btn-pad-x: 1.5rem;
--ws-footer-cta-btn-bg: #769897;
--ws-footer-cta-btn-color: #fff;
--ws-footer-cta-btn-radius: var(--ws-btn-radius);
--ws-footer-cta-btn-border: 0.0625rem solid rgba(255, 255, 255, 0.333);
--ws-footer-cta-btn-shadow: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.22);
--ws-footer-cta-btn-lift: -0.0625rem;
--ws-footer-cta-btn-transition: transform 0.15s ease, box-shadow 0.15s ease;
--ws-footer-container-max: 90rem;
--ws-footer-container-pad: 0 1rem 1.625rem;
--ws-footer-columns-gap-y: 1.125rem;
--ws-footer-columns-gap-x: 1.75rem;
--ws-footer-columns-pad-top: 22.5rem;
--ws-footer-col-li-my: 0.375rem;
--ws-footer-link-fs: 0.875rem;
--ws-footer-link-weight: 600;
--ws-footer-link-opacity: 0.92;
--ws-footer-brand-gap: 0.625rem;
--ws-footer-pay-img-height: 1.75rem;
--ws-footer-addr-fs: 0.8125rem;
--ws-footer-addr-lh: 1.5;
--ws-footer-copy-fs: 0.75rem;
--ws-footer-copy-opacity: 0.8;
--ws-footer-ratings-top: clamp(1.375rem, 5vw, 4.375rem);
--ws-footer-ratings-gap: 0.875rem 1rem;
--ws-footer-rating-card-inner-gap: 0.75rem;
--ws-footer-ratings-z: 5;
--ws-footer-columns-z: 5;
--ws-footer-cta-z: 6;
--ws-footer-link-z: 6;
--ws-header-z: 20;
--ws-header-menu-z: 9999;
--ws-header-container-pad-top: 1.25rem;
--ws-header-logo-h: 3.375rem;
--ws-header-logo-img-h: 2.625rem;
--ws-header-logo-ml: 2.5rem;
--ws-header-bar-h: 3.375rem;
--ws-header-bar-gap: 0.75rem;
--ws-header-bar-pad-x: 1.125rem;
--ws-header-bar-mr: 2.5rem;
--ws-header-bar-radius-bl: 1rem;
--ws-header-bar-radius-tr: 1rem;
--ws-header-bar-item-gap: 0.5625rem;
--ws-header-bar-item-pad-x: 0.625rem;
--ws-header-bar-item-h: 2.25rem;
--ws-header-bar-item-radius: 0.5rem;
--ws-header-bar-ico-size: 1.125rem;
--ws-header-bar-text-fs: 0.9375rem;
--ws-header-bar-sub-fs: 0.75rem;
--ws-header-bar-sub-ml: 0.125rem;
--ws-header-bar-icononly-min-w: 2.75rem;
--ws-header-bar-icononly-gap: 0.4375rem;
--ws-header-bar-icononly-text-fs: 1rem;
--ws-header-bar-menu-fw: 700;
--ws-header-bar-menu-min-w: 4.875rem;
--ws-header-bar-menu-pad-x: 0.875rem;
--ws-header-bar-item-hover-bg: #f5f5f5;
--ws-header-bar-menu-hover-bg: #d6eaff;
--ws-header-bar-menu-hover-border: #7bc6f9;
--ws-header-menu-backdrop: rgba(0, 0, 0, 0.32);
--ws-header-menu-sheet-top: 1rem;
--ws-header-menu-sheet-width: min(78.75rem, calc(100% - 1.25rem));
--ws-header-dm-top-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.08);
--ws-header-dm-nav-shadow: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.08);
--ws-header-dm-content-bg: #f3f3f3;
--ws-header-dm-content-shadow: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.06);
--ws-header-dm-card-shadow: 0 0.375rem 1.125rem rgba(0, 0, 0, 0.06);
--ws-header-dm-card-hover-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
--ws-header-bar-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.1));
--ws-header-bar-glass-border: rgba(255, 255, 255, 0.35);
--ws-header-bar-glass-blur: 0.75rem;
--ws-header-bar-glass-sat: 140%;
--ws-header-bar-glass-shadow: 0 0.625rem 1.5rem rgba(0, 0, 0, 0.22),
inset 0 0.0625rem 0 rgba(255, 255, 255, 0.35), inset 0 -0.0625rem 0 rgba(255, 255, 255, 0.12);
--ws-header-bar-glass-before: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
--ws-header-bar-glass-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.14));
--ws-header-bar-glass-hover-shadow: 0 0.75rem 1.875rem rgba(0, 0, 0, 0.26),
inset 0 0.0625rem 0 rgba(255, 255, 255, 0.4), inset 0 -0.0625rem 0 rgba(255, 255, 255, 0.16);
--ws-header-bar-menu-glass-bg: rgba(255, 255, 255, 0.28);
--ws-header-bar-menu-glass-border: rgba(255, 255, 255, 0.38);
--ws-header-bar-menu-hover-bg: rgba(255, 255, 255, 0.4);
--ws-header-bar-menu-hover-border: rgba(255, 255, 255, 0.5);
--ws-header-bar-item-glass-hover: rgba(255, 255, 255, 0.22);
--ws-header-text-on-light: #000;
--ws-header-bc-wrap-mt: calc(3.375rem + 1.25rem + 14px);
--ws-header-bc-wrap-pad-x: 2.5rem;
--ws-header-bc-wrap-max: 87.5rem;
--ws-header-bc-wrap-mt-sm: calc(2.5rem + 0.75rem + 12px);
--ws-header-reduced-bar-bg: #fff;
--ws-header-reduced-bar-border: #eee;
--ws-header-reduced-bar-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.06);
--ws-delivery-container-max: var(--ws-listing-wrap-max);
--ws-delivery-pad-x: 20px;
--ws-delivery-pad-x-sm: 10px;
--ws-sw-container-max: var(--ws-listing-wrap-max);
--ws-sw-pad-x: 20px;
--ws-sw-pad-x-sm: 10px;
--ws-sw-container-pt-mobile: 20px;
--ws-sw-header-mt: 6px;
--ws-sw-header-mb: 18px;
--ws-sw-header-pt: 32px;
--ws-sw-title-mt: 8px;
--ws-sw-title-mb: 12px;
--ws-sw-title-lh: 1.15;
--ws-sw-title-lh-sm: 1.1;
--ws-sw-title-mt-sm: 6px;
--ws-sw-title-mb-sm: 10px;
--ws-sw-lead-lh: 1.45;
--ws-sw-lead-mb: 10px;
--ws-sw-lead-mb-sm: 8px;
--ws-sw-desc-lh: 1.6;
--ws-sw-block-mt: 36px;
--ws-sw-stitle-mb: 4px;
--ws-sw-ssub-mb: 16px;
--ws-sw-ssub-lh: 1.45;
--ws-sw-copy-mt: 14px;
--ws-sw-copy-lh: 1.6;
--ws-sw-copy-max: 1400px;
--ws-sw-copy-pad-inline: 16px;
--ws-sw-copy-p-mb: 12px;
--ws-sw-header-inner-max: 720px;
--ws-sw-header-desc-lh: 1.6;
--ws-sw-figure-radius-lg: 12px;
--ws-sw-figure-h-desktop: 680px;
--ws-sw-mobile-copy-max: 360px;
--ws-about-container-max: var(--ws-listing-wrap-max);
--ws-about-container-pad-x: 20px;
--ws-about-head-mb: 24px;
--ws-about-title-fs: 52px;
--ws-about-title-fs-sm: 32px;
--ws-about-title-lh: 1.1;
--ws-about-title-mb: 8px;
--ws-about-subtitle-max: 900px;
--ws-about-subtitle-fs: 18px;
--ws-about-subtitle-lh: 1.45;
--ws-about-media-mt: 24px;
--ws-about-media-mb: 28px;
--ws-about-media-radius: 20px;
--ws-about-media-radius-sm: 14px;
--ws-about-media-aspect: 1440 / 680;
--ws-about-media-aspect-sm: 16 / 9;
--ws-about-media-mt-sm: 16px;
--ws-about-media-mb-sm: 20px;
--ws-about-mute-offset: 14px;
--ws-about-mute-size: 42px;
--ws-about-mute-ico-size: 18px;
--ws-about-text-mt: 12px;
--ws-about-text-mb: 36px;
--ws-about-text-fs: 16px;
--ws-about-text-lh: 1.65;
--ws-about-text-p-mb: 16px;
--ws-about-list-columns-gap: 24px;
--ws-about-list-rows-gap: 12px;
--ws-about-list-pad-y: 12px;
--ws-about-list-pad-b: 4px;
--ws-about-list-mb: 8px;
--ws-about-list-li-gap: 10px;
--ws-about-list-li-pad-y: 10px;
--ws-about-list-li-pad-x: 12px;
--ws-about-list-li-radius: 12px;
--ws-about-list-icon: 20px;
--ws-about-warehouses-mt: 24px;
--ws-about-h2-fs: 52px;
--ws-about-h2-fs-sm: 32px;
--ws-about-h2-lh: 1.12;
--ws-about-h2-mb: 6px;
--ws-about-lead-mb: 18px;
--ws-about-lead-fs: 18px;
--ws-about-lead-lh: 1.45;
--ws-about-main-grid-gap: 24px;
--ws-about-bullets-pl: 18px;
--ws-about-bullets-mt: 10px;
--ws-about-col-fs: 16px;
--ws-about-col-lh: 1.6;
--ws-about-note-radius: 14px;
--ws-about-note-pad: 18px;
--ws-about-note-gap: 6px;
--ws-about-story-mt: 10px;
--ws-about-story-mb: 14px;
--ws-about-section-title-mb: 6px;
--ws-about-section-sub-mb: 8px;
--ws-about-section-sub-max: 880px;
--ws-about-mobile-content-pad-x: 16px;
--ws-about-mobile-bullets-pl: 26px;
--ws-about-section-sub-pad-x-sm: 8px;
--ws-contacts-container-max: 960px;
--ws-contacts-container-pad-y: 40px;
--ws-contacts-container-pad-x: 20px;
--ws-contacts-title-fs: 52px;
--ws-contacts-title-fs-sm: 32px;
--ws-contacts-title-lh: 1.1;
--ws-contacts-sub-mt: 10px;
--ws-contacts-sub-mb: 28px;
--ws-contacts-sub-fs: 18px;
--ws-contacts-sub-max: 760px;
--ws-contacts-cards-gap: 22px;
--ws-contacts-cards-gap-sm: 18px;
--ws-contacts-cards-column-gap-wide: 80px;
--ws-contacts-cards-column-gap-xl: 120px;
--ws-contacts-cards-row-gap: 24px;
--ws-contacts-cards-mt: 48px;
--ws-contacts-card-radius: 18px;
--ws-contacts-card-pad: 18px;
--ws-contacts-card-max: 520px;
--ws-contacts-card-max-sm: 420px;
--ws-contacts-card-gap: 8px;
--ws-contacts-head-mb: 10px;
--ws-contacts-head-fs: 18px;
--ws-contacts-line-gap: 14px;
--ws-contacts-line-pad-y: 10px;
--ws-contacts-line-pad-x: 8px;
--ws-contacts-line-radius: 12px;
--ws-contacts-line-lift: -1px;
--ws-contacts-badge-size: 44px;
--ws-contacts-badge-img: 24px;
--ws-contacts-text-fs: 16px;
--ws-contacts-socials-gap: 12px;
--ws-contacts-socials-pad-y: 10px;
--ws-contacts-socials-pad-x: 8px;
--ws-contacts-socials-pad-680: 6px 2px 2px;
--ws-contacts-socials-pl-680: 10px;
--ws-contacts-soc-size: 44px;
--ws-contacts-soc-img: 24px;
--ws-contacts-soc-lift: -1px;
--ws-contacts-fg: #000;
--ws-contacts-head-generic-mb: 12px;
--ws-consult-page-pad: 0 0 80px;
--ws-consult-page-pad-sm: 40px 16px 60px;
--ws-consult-container-max: var(--ws-listing-wrap-max);
--ws-consult-container-pad: 40px 20px 0;
--ws-consult-head-max: 620px;
--ws-consult-head-max-sm: 100%;
--ws-consult-head-mb: 34px;
--ws-consult-head-mb-sm: 32px;
--ws-consult-title-mb: 12px;
--ws-consult-title-lh: 1.15;
--ws-consult-success-max: 540px;
--ws-consult-success-mb: 20px;
--ws-consult-success-pad-y: 12px;
--ws-consult-success-pad-x: 16px;
--ws-consult-success-radius: 12px;
--ws-consult-success-bg: #315c2b;
--ws-consult-success-fg: #fff;
--ws-consult-form-max: 540px;
--ws-consult-form-gap: 18px;
--ws-consult-field-gap: 6px;
--ws-consult-input-border: #000;
--ws-consult-input-radius: 12px;
--ws-consult-input-bg: #fff;
--ws-consult-input-pad-y: 10px;
--ws-consult-input-pad-x: 14px;
--ws-consult-input-min-h: 42px;
--ws-consult-consent-gap: 8px;
--ws-consult-consent-fs: 11px;
--ws-consult-consent-fs-span: 12px;
--ws-consult-consent-lh: 1.35;
--ws-consult-consent-lh-span: 1.4;
--ws-consult-consent-mt: 4px;
--ws-consult-consent-input-mt: 3px;
--ws-consult-btn-mt: 10px;
--ws-consult-btn-pad-y: 15px;
--ws-consult-btn-pad-x: 20px;
--ws-consult-btn-radius: 12px;
--ws-consult-btn-bg: #315c2b;
--ws-consult-btn-bg-hover: #274821;
--ws-consult-btn-fg: #fff;
--ws-consult-btn-active-lift: 1px;
--ws-consult-btn-tracking: 0.08em;
--wsco-grid-max: 1400px;
--wsco-grid-my: 28px;
--wsco-grid-mb: 60px;
--wsco-grid-pad-x: 12px;
--wsco-grid-col-main: 800px;
--wsco-grid-col-side: minmax(0, 560px);
--wsco-grid-gap: 24px;
--wsco-left-pr: 80px;
--wsco-radius: 14px;
--wsco-h1-fs: 42px;
--wsco-h1-fs-sm: 28px;
--wsco-h1-fs-tweak: 34px;
--wsco-h1-lh: 1.2;
--wsco-h1-mt: 8px;
--wsco-h1-mb: 6px;
--wsco-h1-mt-sm: 6px;
--wsco-h1-mb-sm: 4px;
--wsco-lead-fs: 14px;
--wsco-lead-fs-lg: 18px;
--wsco-lead-fs-sm: 13px;
--wsco-lead-lh: 1.5;
--wsco-lead-lh-tight: 1.45;
--wsco-lead-max: 560px;
--wsco-lead-mb: 18px;
--wsco-lead-mb-sm: 12px;
--wsco-card-pad: 18px;
--wsco-card-pad-sm: 14px;
--wsco-card-mt: 14px;
--wsco-card-mt-sm: 12px;
--wsco-card-title-fs: 28px;
--wsco-card-title-lh: 1.2;
--wsco-card-title-mb: 12px;
--wsco-card-radius-sm: 12px;
--wsco-form-row-mb: 12px;
--wsco-input-h: 42px;
--wsco-input-h-sm: 44px;
--wsco-input-px: 14px;
--wsco-input-px-sm: 12px;
--wsco-input-fs-touch: 16px;
--wsco-input-radius: 10px;
--wsco-input-radius-lg: 12px;
--wsco-grid-2-gap: 12px;
--wsco-grid-2-gap-sm: 10px;
--wsco-consent-gap: 8px;
--wsco-consent-my: 10px;
--wsco-consent-mx: 2px;
--wsco-consent-mb: 16px;
--wsco-consent-fs: 11px;
--wsco-consent-fs-label: 12px;
--wsco-consent-lh: 1.4;
--wsco-consent-lh-label: 1.45;
--wsco-consent-mt-sm: 8px;
--wsco-consent-mb-sm: 12px;
--wsco-consent-input-mt: 3px;
--wsco-submit-h: 44px;
--wsco-submit-h-sm: 46px;
--wsco-submit-px: 28px;
--wsco-submit-radius: 12px;
--wsco-submit-mt: 6px;
--wsco-submit-mt-page: 20px;
--wsco-submit-mt-page-sm: 14px;
--wsco-thumb-w: 84px;
--wsco-thumb-h: 120px;
--wsco-thumb-radius: 10px;
--wsco-order-img-w: 95px;
--wsco-order-img-h: 158px;
--wsco-order-img-w-sm: 80px;
--wsco-order-img-h-sm: 130px;
--wsco-order-top-gap: 12px;
--wsco-order-info-gap: 8px;
--wsco-order-name-fs: 14px;
--wsco-order-name-fs-lg: 18px;
--wsco-order-name-fs-sm: 13px;
--wsco-order-list-pad-y: 6px;
--wsco-order-list-pad-y-sm: 5px;
--wsco-order-list-gap: 12px;
--wsco-mini-pad-y: 6px;
--wsco-mini-pad-y-sm: 5px;
--wsco-mini-gap: 8px;
--wsco-mini-fs: 13px;
--wsco-mini-fs-sm: 12.5px;
--wsco-mini-mt: 10px;
--wsco-badge-minw: 42px;
--wsco-badge-h: 24px;
--wsco-badge-px: 8px;
--wsco-badge-fs: 12px;
--wsco-badge-minw-sm: 36px;
--wsco-badge-h-sm: 20px;
--wsco-badge-fs-sm: 11px;
--wsco-delivery-p-my: 6px;
--wsco-delivery-p-mb: 12px;
--wsco-delivery-fs: 13px;
--wsco-delivery-grid-gap: 12px;
--wsco-page-pt: 96px;
--wsco-page-pt-md: 72px;
--wsco-page-pt-admin: 128px;
--wsco-page-pt-admin-tweak: 54px;
--wsco-page-pt-sm: 68px;
--wsco-page-pt-xs: 20px;
--wsco-scroll-margin: 96px;
--wsco-msg-mt: 12px;
--wsco-focus-ring: 3px;
--wsco-checkout-border: #000;
--wsco-checkout-input-bg: #fff;
--wsco-submit-bg: #315c2b;
--wsco-submit-bg-hover: #2b5125;
--wsco-submit-fg: #fff;
--wsco-submit-disabled-opacity: 0.6;
--wsco-badge-sale-bg: #f00;
--wsco-grid-pad-x-sm: 16px;
--wsco-grid-gap-sm: 14px;
--wsco-grid-my-sm: 18px;
--wsco-grid-mb-sm: 36px;
--wsco-gap-m: 14px;
--wsco-gap-d: 16px;
--wsco-right-mt-lg: 163px;
--wsco-select2-h: 42px;
--wsco-select2-h-sm: 44px;
--ws-avv-cut: 28px;
--ws-avv-ratio: 16 / 9;
--ws-avv-slot-lg: 670px;
--ws-avv-slot-md: 530px;
--ws-avv-slide-md: 265px;
--ws-avv-swiper-pl-sm: 5vw;
--ws-avv-title-mt: 32px;
--ws-avv-title-fs: 52px;
--ws-avv-title-lh: 1.15;
--ws-avv-title-fw: 800;
--ws-avv-sub-mt: 4px;
--ws-avv-sub-mb: 18px;
--ws-avv-sub-fs: 18px;
--ws-avv-sub-fw: 500;
--ws-avv-figure-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
--ws-avv-cap-mt: 8px;
--ws-avv-cap-fs: 16px;
--ws-avv-cap-lh: 1.6;
--ws-avv-nav-size: 42px;
--ws-avv-nav-inset: 6px;
--ws-avv-nav-ico: 22px;
--ws-avv-pag-mt: 8px;
--ws-avv-bullet-w: 46px;
--ws-avv-bullet-h: 4px;
--ws-avv-bullet-mx: 4px;
--ws-avv-play-disc: 76px;
--ws-avv-play-triangle-ml: 4px;
--ws-avv-play-triangle-y: 12px;
--ws-avv-play-triangle-x: 20px;
--ws-avv-panel-gap: 12px;
--ws-avv-panel-pad-y: 10px;
--ws-avv-panel-pad-x: 14px;
--ws-avv-panel-stack-gap: 10px;
--ws-avv-modal-btn-size: 32px;
--ws-avv-modal-btn-ico: 16px;
--ws-avv-modal-btn-stroke: 2px;
--ws-avv-time-gap: 8px;
--ws-avv-time-fs: 13px;
--ws-avv-time-cell: 40px;
--ws-avv-progress-h: 4px;
--ws-avv-lang-minw: 20px;
--ws-avv-lang-h: 32px;
--ws-avv-lang-radius: 8px;
--ws-avv-lang-px: 10px;
--ws-avv-lang-fw: 500;
--ws-avv-lang-lh: 1.2;
--ws-avv-dialog-max: 960px;
--ws-avv-dialog-pad: 32px;
--ws-avv-dialog-my: 40px;
--ws-avv-dialog-my-sm: 20px;
--ws-avv-dialog-top-sm: 25%;
--ws-avv-dialog-mh-sm: 90vh;
--ws-avv-close-offset: 14px;
--ws-avv-close-size: 32px;
--ws-avv-close-ico: 18px;
--ws-avv-icon-wave-stroke: 1.7;
--ws-avv-icon-cross-stroke: 2;
--ws-avv-sound-dur: 1.1s;
--ws-avv-sound-delay: 0.25s;
--ws-avv-glass-blur: 12px;
--ws-avv-glass-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
--ws-docs-container-max: 1400px;
--ws-docs-container-pad-y: 24px;
--ws-docs-container-pad-x: 16px;
--ws-docs-container-pad-y-sm: 20px;
--ws-docs-container-pad-x-sm: 12px;
--ws-docs-inner-gap: 32px;
--ws-docs-title-mb: 4px;
--ws-docs-title-fs: clamp(22px, 2.6vw, 34px);
--ws-docs-title-fs-sm: 24px;
--ws-docs-title-lh: 1.1;
--ws-docs-title-fw: 800;
--ws-docs-subtitle-mb: 18px;
--ws-docs-subtitle-fs: 14px;
--ws-docs-card-col-thumb: 304px;
--ws-docs-card-gap: 24px;
--ws-docs-card-gap-sm: 14px;
--ws-docs-card-radius: 18px;
--ws-docs-card-pad: 18px;
--ws-docs-card-pad-sm: 14px;
--ws-docs-thumb-w: 304px;
--ws-docs-thumb-h: 215px;
--ws-docs-thumb-radius: 14px;
--ws-docs-thumb-max-sm: 325px;
--ws-docs-thumb-ar-sm: 325 / 382;
--ws-docs-thumb-lift: -2px;
--ws-docs-lead-mb: 8px;
--ws-docs-lead-fs: 16px;
--ws-docs-text-mb: 14px;
--ws-docs-text-lh: 1.6;
--ws-docs-cols-gap: 24px;
--ws-docs-dl-mb: 14px;
--ws-docs-dl-dt-fs: 12px;
--ws-docs-dl-dt-track: 0.06em;
--ws-docs-dl-dt-mb: 6px;
--ws-docs-dl-dd-lh: 1.55;
--ws-docs-track-gap: 2px;
--ws-docs-item-basis: 305px;
--ws-docs-item-radius: 8px;
--ws-docs-item-max-sm: 340px;
--ws-docs-item-flex-sm: 80%;
--ws-docs-nav-size: 32px;
--ws-docs-nav-size-sm: 30px;
--ws-docs-nav-svg: 16px;
--ws-docs-nav-inset: -6px;
--ws-docs-dots-mt: 12px;
--ws-docs-slider-max: calc(305px * 4 + 16px * 3);
--ws-docs-slider-gap-calc: 16px;
--ws-docs-bullet-w: 46px;
--ws-docs-bullet-h: 4px;
--ws-docs-bullet-mx: 4px;
--ws-docs-lb-z: 999;
--ws-docs-lb-pad: 16px;
--ws-docs-lb-pad-sm: 8px;
--ws-docs-lb-bg: rgba(0, 0, 0, 0.7);
--ws-docs-lb-opacity-dur: 0.2s;
--ws-docs-lb-close-top: 12px;
--ws-docs-lb-close-top-sm: 8px;
--ws-docs-lb-close-size: 36px;
--ws-docs-lb-close-svg: 18px;
--ws-docs-lb-zone-pad: 16px;
--ws-docs-lb-arrow: 44px;
--ws-docs-lb-arrow-sm: 36px;
--ws-docs-lb-arrow-inset: 24px;
--ws-docs-lb-arrow-inset-sm: 12px;
--ws-docs-lb-arrow-svg: 18px;
--ws-docs-lb-arrow-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
--ws-docs-lb-arrow-shadow-sm: 0 6px 16px rgba(0, 0, 0, 0.35);
--ws-docs-lb-arrow-hover: #f5f5f5;
--ws-docs-lb-counter-bottom: 16px;
--ws-docs-lb-counter-pad-y: 4px;
--ws-docs-lb-counter-pad-x: 10px;
--ws-docs-lb-counter-fs: 13px;
--ws-docs-lb-counter-lh: 1.2;
--ws-vhero-max: 90rem;
--ws-vhero-pad-x: var(--ws-listing-shell-pad-x);
--ws-vhero-cut: 1.75rem;
--ws-vhero-head-pad-x: 0.875rem;
--ws-vhero-head-mt: 2.125rem;
--ws-vhero-title-fs: 3.25rem;
--ws-vhero-title-lh: 1.15;
--ws-vhero-title-track: 0.2px;
--ws-vhero-title-fw: 800;
--ws-vhero-sub-mt: 0.5rem;
--ws-vhero-sub-mb: 1.25rem;
--ws-vhero-head-gap: 0.5rem;
--ws-vhero-sub-fs: 1.125rem;
--ws-vhero-sub-lh: 1.45;
--ws-vhero-sub-fw: 500;
--ws-vhero-desc-mt: 0.625rem;
--ws-vhero-desc-fs: 1rem;
--ws-vhero-desc-lh: 1.6;
--ws-vhero-desc-max-ch: 70ch;
--ws-vhero-stage-h: clamp(30.625rem, 48vw, 42.5rem);
--ws-vhero-stage-radius: 0 1.5rem 0 1.5rem;
--ws-vhero-btn-w: 13.75rem;
--ws-vhero-btn-h: 2.75rem;
--ws-vhero-btn-radius: 0.625rem;
--ws-vhero-btn-fs: var(--btn-font-size-cta);
--ws-vhero-btn-fw: var(--ws-btn-fw);
--ws-vhero-btn-bottom: 1.5rem;
--ws-vhero-btn-lift: -0.0625rem;
--ws-vhero-pp-size: 2.75rem;
--ws-vhero-pp-inset: 0.875rem;
--ws-vhero-pp-border: 0.0625rem;
--ws-vhero-pp-blur: 0.75rem;
--ws-vhero-ico: 1.125rem;
--ws-vhero-mute-size: 2.75rem;
--ws-vhero-mute-left: 1.5rem;
--ws-vhero-mute-bottom: 1rem;
--ws-vhero-mute-blur: 0.625rem;
--ws-vhero-mute-sm-size: 2.5rem;
--ws-vhero-mute-sm-left: 1rem;
--ws-vhero-mute-sm-bottom: 1rem;
--ws-vhero-mute-vhero-left: 0.75rem;
--ws-vhero-mute-vhero-bottom: 0.75rem;
--ws-vhero-badge-gap: 0.5rem;
--ws-vhero-badge-pad-y: 0.5rem;
--ws-vhero-badge-pad-x: 0.75rem;
--ws-vhero-badge-fs: 0.875rem;
--ws-vhero-badge-fw: 800;
--ws-vhero-badge-radius: 999px;
--ws-vhero-badge-pulse-dur: 1.6s;
--ws-vhero-badge-pulse-scale: 1.04;
--ws-vhero-ctrl-inset: 1rem;
--ws-vhero-ctrl-badge-radius: 1.75rem;
--ws-vhero-ctrl-bg: rgba(0, 0, 0, 0.35);
--ws-vhero-ctrl-blur: 0.375rem;
--ws-vhero-badge-line-w: 1.25rem;
--ws-vhero-badge-line-h: 0.125rem;
--ws-vhero-badge-line-left: 1rem;
--ws-vhero-safe-btn-bottom: 1.125rem;
--ws-vhero-safe-mute-bottom: 0.75rem;
--ws-reels-container-max: 90rem;
--ws-reels-header-max: 56.25rem;
--ws-reels-cut: 1.75rem;
--ws-reels-title-mt: 2rem;
--ws-reels-sub-mt: 0.25rem;
--ws-reels-sub-mb: 1.125rem;
--ws-reels-slide-w: 56.25rem;
--ws-reels-aspect-pad: 56.25%;
--ws-reels-tag-offset: 0.75rem;
--ws-reels-tag-pad-y: 0.375rem;
--ws-reels-tag-pad-x: 0.625rem;
--ws-reels-tag-fs: 0.875rem;
--ws-reels-tag-z: 998;
--ws-reels-pp-size: 2.5rem;
--ws-reels-pp-ico: 1.125rem;
--ws-reels-pp-inset: 0.75rem;
--ws-reels-dur-bottom: 0.625rem;
--ws-reels-dur-pad-y: 0.25rem;
--ws-reels-dur-pad-x: 0.5rem;
--ws-reels-dur-radius: 0.5rem;
--ws-reels-cap-pad-y: 0.5rem;
--ws-reels-cap-pad-x: 0.125rem;
--ws-reels-cap-mt: 0.5rem;
--ws-reels-cap-mt-px: 12px;
--ws-reels-cap-fs: 14px;
--ws-reels-cap-lh: 1.4;
--ws-reels-cap-title-fs: 15px;
--ws-reels-cap-title-lh: 1.3;
--ws-reels-cap-title-mb: 4px;
--ws-reels-cap-title-fs-sm: 20px;
--ws-reels-btn-w: 20rem;
--ws-reels-btn-h: 2.875rem;
--ws-reels-btn-radius: 0.625rem;
--ws-reels-btn-mt: 1rem;
--ws-reels-pag-mt: 0.5rem;
--ws-reels-bullet-w: 2.875rem;
--ws-reels-bullet-h: 0.25rem;
--ws-reels-bullet-mx: 0.25rem;
--ws-reels-nav-size: 2.625rem;
--ws-reels-nav-inset: 0.375rem;
--ws-reels-nav-ico: 1.375rem;
--ws-reels-price-bottom: 0.875rem;
--ws-reels-price-pad-y: 0.625rem;
--ws-reels-price-pad-x: 0.875rem;
--ws-reels-price-gap: 0.5rem;
--ws-reels-pp-border: 0.0625rem;
--ws-reels-pp-blur: 0.5rem;
--ws-reels-pp-shadow: 0 0.5rem 1.125rem rgba(0, 0, 0, 0.18);
--ws-reels-pp-lift: -0.0625rem;
--ws-reels-focus-ring: 0.125rem;
--ws-reels-focus-offset: 0.125rem;
--ws-reels-media-bleed: 1px;
--ws-reels-subs-left: 12px;
--ws-reels-subs-top: 12px;
--ws-reels-subs-z: 6;
--ws-reels-subs-pad-y: 6px;
--ws-reels-subs-pad-x: 10px;
--ws-reels-subs-fs: 14px;
--ws-reels-subs-left-sm: 10px;
--ws-reels-subs-top-sm: 10px;
--ws-reels-subs-pad-y-sm: 5px;
--ws-reels-subs-pad-x-sm: 9px;
--ws-reels-subs-fs-sm: 13px;
--ws-reels-subs-blur: 8px;
--ws-smart-container-max: 90rem;
--ws-smart-header-max: 86.25rem;
--ws-smart-cut: 1.75rem;
--ws-smart-title-mt: 2rem;
--ws-smart-head-gap: 0.5rem;
--ws-smart-sub-mt: 0.25rem;
--ws-smart-sub-mb: 1.125rem;
--ws-smart-sub-lh: 1.45;
--ws-smart-slide-w: 56.25rem;
--ws-smart-tag-offset: 0.75rem;
--ws-smart-tag-pad-y: 0.375rem;
--ws-smart-tag-pad-x: 0.625rem;
--ws-smart-tag-fs: 0.875rem;
--ws-smart-pp-size: 2.5rem;
--ws-smart-dur-bottom: 0.625rem;
--ws-smart-dur-pad-y: 0.25rem;
--ws-smart-dur-pad-x: 0.5rem;
--ws-smart-dur-radius: 0.5rem;
--ws-smart-btn-w: 20rem;
--ws-smart-btn-h: 2.875rem;
--ws-smart-btn-radius: 0.625rem;
--ws-smart-btn-fs: var(--btn-font-size-cta);
--ws-smart-btn-track: 0.02em;
--ws-smart-btn-fw: 600;
--ws-smart-pag-mt: 0.5rem;
--ws-smart-bullet-w: 2.875rem;
--ws-smart-bullet-h: 0.25rem;
--ws-smart-bullet-mx: 0.25rem;
--ws-smart-nav-size: 2.625rem;
--ws-smart-nav-inset: 0.375rem;
--ws-smart-nav-ico: 1.375rem;
--ws-smart-price-bottom: 0.75rem;
--ws-smart-price-bottom-center: 0.875rem;
--ws-smart-price-pad: 0.5rem 0.75rem;
--ws-smart-price-pad-lg: 0.625rem 1rem;
--ws-smart-price-gap: 0.5rem;
--ws-smart-price-gap-sm: 0.375rem;
--ws-smart-price-fs: 0.875rem;
--ws-smart-tag-figure-offset: 0.875rem;
--ws-smart-tag-figure-pad-y: 0.5625rem;
--ws-smart-tag-figure-pad-x: 0.875rem;
--ws-smart-tag-figure-radius: 1.125rem;
--ws-smart-cap-mt: 12px;
--ws-smart-cap-fs: 14px;
--ws-smart-cap-lh: 1.4;
--ws-smart-cap-title-mb: 4px;
--ws-smart-cap-title-lh: 1.25;
--ws-smart-cap-title-fs-sm: 20px;
--ws-smart-header-pad-x: 16px;
--ws-smart-series-btn-h: 46px;
--ws-smart-series-btn-px: 18px;
--ws-smart-series-btn-radius: 10px;
--ws-smart-series-btn-fw: 700;
--ws-smart-series-more-btn-min-w: 260px;
--ws-smart-series-more-pt: 16px;
--ws-smart-series-more-pt-tight: 0;
--font-heading: "Roboto Slab", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--btn-font-family: var(--font-body, "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
--btn-font-size: 20px;
--btn-font-size-cta: 20px;
--btn-line-height: 1.2;
--btn-font-weight: 500;
--btn-radius: 12px;
--btn-height: 46px;
--btn-pad-x: 22px;
--btn-min-width: 240px;
--btn-gap: 10px;
--btn-primary-bg: #fff;
--btn-primary-fg: #000;
--btn-primary-br: #000;
--btn-primary-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
--btn-secondary-bg: rgba(255, 255, 255, 0.22);
--btn-secondary-fg: #111;
--btn-secondary-br: rgba(255, 255, 255, 0.38);
--btn-secondary-blur: 14px;
--btn-secondary-sat: 120%;
--btn-secondary-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
--btn-outline-bg: transparent;
--btn-outline-fg: #111;
--btn-outline-br: #111;
--btn-danger-bg: #c62828;
--btn-danger-fg: #fff;
--btn-danger-br: #8e0000;
--btn-danger-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
--ws-btn-font: var(--btn-font-family);
--ws-btn-radius: var(--btn-radius);
--ws-btn-height: var(--btn-height);
--ws-btn-pad-x: var(--btn-pad-x);
--ws-btn-min-w: var(--btn-min-width);
--ws-btn-gap: var(--btn-gap);
--ws-btn-fs: var(--btn-font-size-cta);
--ws-btn-lh: var(--btn-line-height);
--ws-btn-fw: var(--btn-font-weight);
--ws-btn-primary-bg: var(--btn-primary-bg);
--ws-btn-primary-fg: var(--btn-primary-fg);
--ws-btn-primary-br: var(--btn-primary-br);
--ws-btn-primary-shadow: var(--btn-primary-shadow);
--ws-btn-secondary-bg: var(--btn-secondary-bg);
--ws-btn-secondary-fg: var(--btn-secondary-fg);
--ws-btn-secondary-br: var(--btn-secondary-br);
--ws-btn-secondary-blur: var(--btn-secondary-blur);
--ws-btn-secondary-sat: var(--btn-secondary-sat);
--ws-btn-secondary-shadow: var(--btn-secondary-shadow);
--ws-btn-outline-bg: var(--btn-outline-bg);
--ws-btn-outline-fg: var(--btn-outline-fg);
--ws-btn-outline-br: var(--btn-outline-br);
--btn-h: var(--ws-btn-height);
--btn-minw: var(--ws-btn-min-w);
--btn-size: var(--ws-btn-fs);
--btn-lh: var(--ws-btn-lh);
--btn-font: var(--ws-btn-font);
--btn-fw: var(--ws-btn-fw);
--btn-bg: var(--ws-btn-secondary-bg);
--btn-br: var(--ws-btn-secondary-br);
--btn-fg: var(--ws-btn-secondary-fg);
--btn-blur: var(--ws-btn-secondary-blur);
--btn-saturate: var(--ws-btn-secondary-sat);
--btn-shadow: var(--ws-btn-secondary-shadow);
--btn-solid-bg: var(--ws-btn-primary-bg);
--btn-solid-br: var(--ws-btn-primary-br);
--btn-solid-fg: var(--ws-btn-primary-fg);
--btn-solid-shadow: var(--ws-btn-primary-shadow);
--btnW: var(--ws-btn-min-w);
--btnH: var(--ws-btn-height);
--btnRadius: var(--ws-btn-radius);
--btnPadX: var(--ws-btn-pad-x);
--ws-glow-brand: #00a0e3;
--ws-glow-shadow: 0 14px 30px rgba(0, 160, 227, 0.28);
--ws-glow-aura: rgba(0, 160, 227, 0.3);
--ws-glow-dur: 2.2s;
--ws-glow-inset: -22px;
--ws-glow-blur: 20px;
--ws-glow-aura-opacity-start: 0.7;
--ws-glow-pulse-scale: 1.02;
--ws-glow-aura-scale-mid: 1.08;
--ws-glow-aura-opacity-mid: 0.85;
--ws-glow-aura-opacity-start-sm: 0.5;
}
:root {
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1, "onum" 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1, "onum" 0;
}
button:not([class]),
input[type="button"]:not([class]),
input[type="submit"]:not([class]),
input[type="reset"]:not([class]),
a[role="button"]:not([class]),
.button,
.ws-btn,
.ws-button,
.wp-block-button__link,
.ws-bcard_btn,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn) {
font-family: var(--ws-btn-font);
font-weight: var(--ws-btn-fw);
font-size: var(--ws-btn-fs);
line-height: var(--ws-btn-lh);
text-transform: uppercase;
letter-spacing: 0;
font-style: normal;
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1, "pnum" 1;
}
button:not([class]),
input[type="button"]:not([class]),
input[type="submit"]:not([class]),
input[type="reset"]:not([class]),
a[role="button"]:not([class]),
.button,
.ws-btn,
.ws-button {
font-feature-settings: "lnum" 1, "onum" 0;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: var(--ws-btn-height);
min-width: var(--ws-btn-min-w);
padding: 0 var(--ws-btn-pad-x);
gap: var(--ws-btn-gap);
border-radius: var(--ws-btn-radius);
border: 1px solid transparent;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
font-family: var(--ws-btn-font);
font-weight: var(--ws-btn-fw);
font-size: var(--btn-font-size);
line-height: var(--btn-line-height);
text-transform: uppercase;
letter-spacing: 0;
font-style: normal;
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1, "onum" 0;
font-synthesis: none;
transition: box-shadow 0.2s ease, transform 0.15s ease, background 0.2s ease, border-color 0.2s ease;
-webkit-appearance: none;
}
.btn.btn--fixed {
font-size: var(--btn-font-size-cta);
}
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn:visited,
a.btn.btn-primary:visited {
text-decoration: none;
}
.btn:hover {
transform: translateY(-1px);
}
.btn:active {
transform: none;
}
.btn:focus-visible {
outline: 2px dashed currentColor;
outline-offset: 3px;
}
.btn[disabled],
.is-disabled {
opacity: 0.45;
pointer-events: none;
filter: saturate(0.2);
}
.btn-primary {
border: 1px solid var(--btn-primary-br);
background: var(--btn-primary-bg);
color: var(--btn-primary-fg);
box-shadow: var(--btn-primary-shadow);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.btn-secondary {
border: 1px solid var(--btn-secondary-br);
background: var(--btn-secondary-bg);
color: var(--btn-secondary-fg);
backdrop-filter: blur(var(--btn-secondary-blur)) saturate(var(--btn-secondary-sat));
-webkit-backdrop-filter: blur(var(--btn-secondary-blur)) saturate(var(--btn-secondary-sat));
box-shadow: var(--btn-secondary-shadow);
}
.btn-danger {
border: 1px solid var(--btn-danger-br);
background: var(--btn-danger-bg);
color: var(--btn-danger-fg);
box-shadow: var(--btn-danger-shadow);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
:where(
.ws-btn,
.ws-button,
.button,
.wp-block-button__link,
.ws-bcard_btn,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn)
) {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: var(--ws-btn-height);
min-width: var(--ws-btn-min-w);
padding: 0 var(--ws-btn-pad-x);
gap: var(--ws-btn-gap);
border-radius: var(--ws-btn-radius);
border: 1px solid var(--ws-btn-secondary-br);
background: var(--ws-btn-secondary-bg);
color: var(--ws-btn-secondary-fg);
backdrop-filter: blur(var(--ws-btn-secondary-blur)) saturate(var(--ws-btn-secondary-sat));
-webkit-backdrop-filter: blur(var(--ws-btn-secondary-blur)) saturate(var(--ws-btn-secondary-sat));
box-shadow: var(--ws-btn-secondary-shadow);
text-decoration: none;
cursor: pointer;
white-space: nowrap;
transition: box-shadow 0.2s ease, transform 0.15s ease;
-webkit-appearance: none;
}
:where(
.ws-btn,
.ws-button,
.button,
.wp-block-button__link,
.ws-bcard_btn,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn)
):hover {
transform: translateY(-1px);
}
:where(
.ws-btn,
.ws-button,
.button,
.wp-block-button__link,
.ws-bcard_btn,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn)
):active {
transform: none;
}
:where(
.ws-btn,
.ws-button,
.button,
.wp-block-button__link,
.ws-bcard_btn,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn)
):focus-visible {
outline: 2px dashed currentColor;
outline-offset: 3px;
}
:where(.button[disabled], .wp-block-button__link[aria-disabled="true"]) {
opacity: 0.45;
pointer-events: none;
filter: saturate(0.2);
}
.ws-btn--primary,
.btn--solid,
.btn.btn-primary,
.ws-te .btn.btn-primary {
background: var(--ws-btn-primary-bg) !important;
border: 1px solid var(--ws-btn-primary-br) !important;
color: var(--ws-btn-primary-fg) !important;
box-shadow: var(--ws-btn-primary-shadow);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.ws-card .btn.btn-primary,
#wsCases .ws-card .btn.btn-primary,
.ws-cases .ws-card .btn.btn-primary,
.ws-bcard .btn.btn-primary,
.ws-tef .btn.btn-primary {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.ws-btn--secondary {
background: var(--ws-btn-secondary-bg) !important;
border-color: var(--ws-btn-secondary-br) !important;
color: var(--ws-btn-secondary-fg) !important;
box-shadow: var(--ws-btn-secondary-shadow);
backdrop-filter: blur(var(--ws-btn-secondary-blur)) saturate(var(--ws-btn-secondary-sat));
-webkit-backdrop-filter: blur(var(--ws-btn-secondary-blur)) saturate(var(--ws-btn-secondary-sat));
}
.btn--filled {
background: var(--ws-btn-primary-br) !important;
border-color: var(--ws-btn-primary-br) !important;
color: #fff !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: var(--ws-btn-primary-shadow);
}
.ws-btn--outline {
background: var(--ws-btn-outline-bg) !important;
border-color: var(--ws-btn-outline-br) !important;
color: var(--ws-btn-outline-fg) !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
}
.btn--sm,
.ws-btn--sm {
--ws-btn-height: 38px;
--ws-btn-pad-x: 16px;
font-size: 14px !important;
}
.btn--lg,
.ws-btn--lg {
--ws-btn-height: 54px;
--ws-btn-pad-x: 26px;
font-size: 22px !important;
}
.btn--block,
.ws-btn--block {
width: 100% !important;
min-width: 0 !important;
}
.btn--fixed,
.ws-btn--fixed {
width: var(--ws-btn-min-w) !important;
min-width: var(--ws-btn-min-w) !important;
}
.ws-btn--narrow,
.btn--narrow {
min-width: 0 !important;
}
:where(.btn, .button, .wp-block-button__link, [class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn)) > :is(svg, img) {
width: 1.2em;
height: 1.2em;
flex: 0 0 auto;
}
@supports not (backdrop-filter: blur(1px)) {
:where(
.ws-btn,
.ws-button,
.button,
.wp-block-button__link,
[class$="__btn"]:not(.ws-vmodal__btn):not(.ws-avv-modal__btn):not(.btn)
) {
background: rgba(255, 255, 255, 0.55);
}
}
:where(a.ws-btn, button.ws-btn, .btn.btn--fixed) {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
inline-size: var(--ws-btn-min-w) !important;
block-size: var(--ws-btn-height) !important;
padding: 0 var(--ws-btn-pad-x) !important;
border-radius: var(--ws-btn-radius) !important;
margin-inline: auto !important;
line-height: 1 !important;
text-align: center !important;
align-self: center !important;
}
@media (max-width: 360px) {
:where(a.ws-btn, button.ws-btn, .btn.btn--fixed) {
inline-size: 100% !important;
max-inline-size: var(--ws-btn-min-w) !important;
}
}
a.ws-btn,
button.ws-btn,
.ws-btn--primary,
.btn--solid,
.btn.btn-primary,
.wp-block-button__link {
box-shadow: var(--ws-btn-primary-shadow) !important;
-webkit-box-shadow: var(--ws-btn-primary-shadow) !important;
text-shadow: none !important;
border-radius: var(--ws-btn-radius) !important;
}
.ws-sw .ws-sw__btn {
box-shadow: none !important;
-webkit-box-shadow: none !important;
text-shadow: none !important;
border-radius: var(--ws-btn-radius) !important;
}
.ws-sw__vmeta a,
a.ws-sw__btn,
.ws-btn.ws-sw__btn {
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
line-height: 1 !important;
font-variant-numeric: lining-nums tabular-nums !important;
font-feature-settings: "lnum" 1, "tnum" 1, "onum" 0, "pnum" 0 !important;
}
.ws-sw__vmeta a .num,
a.ws-sw__btn .num {
display: inline-block;
position: relative;
top: -0.06em;
}
#main.ws-blogger-archive article.ws-bcard {
display: flex;
flex-direction: column;
align-items: center;
}
#main.ws-blogger-archive article.ws-bcard .ws-bcard_btn,
#main.ws-blogger-archive article.ws-bcard .ws-bcard__btn,
#main.ws-blogger-archive article.ws-bcard .btn {
display: inline-flex !important;
width: auto !important;
margin: 12px 0 0 !important;
margin-left: auto !important;
margin-right: auto !important;
transform: none !important;
left: auto !important;
right: auto !important;
}
#main.ws-blogger-archive article.ws-bcard .btn {
font-family: var(--ws-btn-font) !important;
font-weight: var(--ws-btn-fw) !important;
font-size: var(--btn-font-size-cta) !important;
line-height: var(--btn-line-height) !important;
letter-spacing: 0 !important;
font-feature-settings: "lnum" 1, "onum" 0, "pnum" 1 !important;
font-synthesis: none;
-webkit-font-smoothing: antialiased;
}
.ws-blog__grid .ws-card .btn,
#techblog-list .ws-card .btn,
#techblog-list .ws-blog__more > a.btn,
#wsCases .ws-card .btn,
.ws-cases .ws-card .btn,
.ws-related .ws-card .btn {
font-family: var(--ws-btn-font) !important;
font-weight: var(--ws-btn-fw) !important;
font-size: var(--btn-font-size-cta) !important;
line-height: var(--btn-line-height) !important;
letter-spacing: 0 !important;
font-feature-settings: "lnum" 1, "onum" 0, "pnum" 1 !important;
font-synthesis: none;
-webkit-font-smoothing: antialiased;
}
.wp-block-button__link {
background: var(--ws-btn-primary-bg) !important;
border: 1px solid var(--ws-btn-primary-br) !important;
color: var(--ws-btn-primary-fg) !important;
border-radius: var(--ws-btn-radius) !important;
box-shadow: var(--ws-btn-primary-shadow) !important;
}
.ws-series__more,
.ws-add__more,
.ws-smartsize__cta,
.ws-card__actions {
margin-top: 16px !important;
}
:where(.ws-*) :is(figure, img, video, .swiper, .ws-addwhat__swiper, .ws-series__swiper, .ws-smartsize__media) + :is(.ws-series__more, .ws-add__more, .ws-smartsize__cta, .ws-card__actions) {
margin-top: 16px !important;
}
:where(.ws-card .btn, a.ws-btn, button.ws-btn) {
margin-top: var(--ws-listing-card-cta-margin-top);
}
.wsqz button.wsqz-card {
text-transform: none !important;
}
.wsqz .wsqz-card__body,
.wsqz .wsqz-card__body *,
.wsqz .wsqz__subtitle,
.wsqz .wsqz__subtitle * {
font-family: var(--font-body) !important;
font-weight: 500 !important;
font-size: var(--txt-size) !important;
line-height: var(--txt-lh) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.wsqz .wsqz-choices .wsqz-choice,
.wsqz .wsqz-choices .wsqz-choice * {
font-family: var(--font-body) !important;
font-weight: 500 !important;
font-size: var(--txt-size, 18px) !important;
line-height: var(--txt-lh, 1.5) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.wsqz p.wsqz-policy {
font-size: 12px !important;
line-height: 1.5 !important;
}
@media (min-width: 1024px) {
.ws-blog__head {
display: flex;
align-items: flex-end;
gap: 16px;
}
.ws-blog__head .ws-blog__title {
margin: 0;
margin-right: auto;
}
.ws-blog__head .ws-filter__btn {
display: flex !important;
margin-left: auto !important;
margin-right: 100px !important;
align-self: flex-end !important;
}
}
.ws-sw__vmeta .ws-sw__btn {
font-family: var(--font-heading);
font-weight: 500;
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1, "onum" 0;
}
.drevos-header__logo img{
height:2.625rem;
height:var(--ws-header-logo-img-h,2.625rem);
width:auto;
max-width:8.5rem;
display:block;
object-fit:contain;
}
.drevos-header .bar-ico,
.drevos-header__bar .bar-ico,
.drevos-header__bar img.bar-ico{
width:1.125rem;
height:1.125rem;
width:var(--ws-header-bar-ico-size,1.125rem);
height:var(--ws-header-bar-ico-size,1.125rem);
max-width:1.125rem;
max-height:1.125rem;
object-fit:contain;
flex-shrink:0;
display:block;
}
.drevos-header{
width:100vw;
position:absolute;
top:0;
left:0;
z-index:var(--ws-header-z);
background:transparent;
pointer-events:none;
}
.drevos-header__container{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
pointer-events:auto;
padding-top:var(--ws-header-container-pad-top);
}
.drevos-header__logo{
display:flex;
align-items:center;
height:var(--ws-header-logo-h);
margin-left:var(--ws-header-logo-ml);
transition:opacity .25s ease;
}
.drevos-header__bar{
display:flex;
align-items:center;
gap:var(--ws-header-bar-gap);
padding:0 var(--ws-header-bar-pad-x);
height:var(--ws-header-bar-h);
border-bottom-left-radius:var(--ws-header-bar-radius-bl);
border-top-right-radius:var(--ws-header-bar-radius-tr);
margin-right:var(--ws-header-bar-mr);
margin-top:0;
}
.bar-item{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--ws-header-bar-item-gap);
padding:0 var(--ws-header-bar-item-pad-x);
height:var(--ws-header-bar-item-h);
border-radius:var(--ws-header-bar-item-radius);
text-decoration:none;
background:none;
border:none;
cursor:pointer;
transition:background .14s;
margin:0;
line-height:1;
font-family:inherit;
-webkit-appearance:none;
appearance:none;
box-sizing:border-box;
}
button.bar-item,
button.bar-menu{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
}
.bar-item:hover{background:var(--ws-header-bar-item-hover-bg);}
.bar-ico{
width:1.125rem;
height:1.125rem;
width:var(--ws-header-bar-ico-size,1.125rem);
height:var(--ws-header-bar-ico-size,1.125rem);
max-width:1.125rem;
max-height:1.125rem;
object-fit:contain;
flex-shrink:0;
display:block;
}
.bar-text{
font-weight:400;
font-size:var(--ws-header-bar-text-fs);
line-height:1;
}
.bar-sub{
display:block;
font-weight:400;
font-size:var(--ws-header-bar-sub-fs);
margin-left:var(--ws-header-bar-sub-ml);
}
.bar-item--icononly .bar-text{
font-weight:600;
font-size:var(--ws-header-bar-icononly-text-fs);
}
.bar-item--icononly{
min-width:var(--ws-header-bar-icononly-min-w);
justify-content:center;
gap:var(--ws-header-bar-icononly-gap);
}
.bar-menu{
font-weight:var(--ws-header-bar-menu-fw);
min-width:var(--ws-header-bar-menu-min-w);
padding:0 var(--ws-header-bar-menu-pad-x);
border:0;
transition:background .13s,border .13s;
}
.bar-menu:hover{
background:var(--ws-header-bar-menu-hover-bg);
border-color:var(--ws-header-bar-menu-hover-border);
}
.drevos-menu{
position:fixed;
inset:0;
z-index:var(--ws-header-menu-z);
display:none;
}
.drevos-menu[aria-hidden="false"]{display:block;}
.drevos-menu__backdrop{
position:absolute;
inset:0;
background:var(--ws-header-menu-backdrop);
backdrop-filter:saturate(1.2) blur(0.375rem);
}
.drevos-menu__sheet{
position:absolute;
left:50%;
top:var(--ws-header-menu-sheet-top);
transform:translateX(-50%);
width:var(--ws-header-menu-sheet-width);
background:transparent;
}
.dm-top{
display:none;
align-items:center;
justify-content:space-between;
gap:0.5rem;
background:#fff;
border-radius:1.125rem;
padding:0.625rem 0.75rem;
margin:0 0.625rem 0.625rem;
box-shadow:var(--ws-header-dm-top-shadow);
}
.dm-top__title{
font-weight:600;
font-size:1rem;
line-height:1.2;
}
.dm-top__back,
.dm-top__close{
width:2rem;
height:2rem;
border:0;
background:#F3F3F3;
border-radius:0.625rem;
display:flex;
align-items:center;
justify-content:center;
}
.dm-top__back img,
.dm-top__close img{
width:1.125rem;
height:1.125rem;
}
.dm-wrap{
display:grid;
grid-template-columns:17.5rem 1fr;
gap:1rem;
}
.dm-nav{
background:#fff;
border-radius:1.125rem;
padding:0.75rem;
box-shadow:var(--ws-header-dm-nav-shadow);
overflow:hidden;
}
.dm-nav ul{
list-style:none;
margin:0;
padding:0;
}
.dm-link{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:0.75rem;
padding:0.75rem 0.875rem;
border-radius:0.75rem;
border:0;
background:transparent;
text-decoration:none;
cursor:pointer;
font-weight:500;
font-size:0.9375rem;
line-height:1.2;
}
.dm-link:hover{background:#F4F5F7;}
.dm-link.is-active{background:#EFEFEF;}
.dm-link__chev{
width:1.25rem;
height:1.25rem;
flex:0 0 1.25rem;
position:relative;
}
.dm-link__chev::before{
content:"›";
display:block;
font-size:1.25rem;
line-height:1;
opacity:.55;
}
.dm-content{
background:#F3F3F3;
border-radius:1.125rem;
padding:1rem;
box-shadow:0 0.75rem 2.25rem rgba(0,0,0,.06);
}
.dm-panel{display:none;}
.dm-panel.is-active{display:block;}
.dm-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1rem;
}
.dm-card{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
background:#fff;
border-radius:1rem;
padding:0.875rem;
box-shadow:var(--ws-header-dm-card-shadow);
text-decoration:none;
transition:transform .15s ease,box-shadow .15s ease;
}
.dm-card:hover{
transform:translateY(-0.125rem);
box-shadow:var(--ws-header-dm-card-hover-shadow);
}
.dm-card__pic{
width:100%;
aspect-ratio:3/4;
background:#F0EEEB;
border-radius:0.75rem;
margin-bottom:0.5rem;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.dm-card__pic img{
max-width:100%;
height:100%;
display:block;
}
.dm-card__title{
font-weight:600;
font-size:1rem;
line-height:1.2;
}
.dm-nav{overflow:hidden;}
.dm-link{
width:auto;
box-sizing:border-box;
}
.drevos-header__bar{
position:relative;
isolation:isolate;
background:var(--ws-header-bar-glass-bg)!important;
border:0.0625rem solid var(--ws-header-bar-glass-border)!important;
-webkit-backdrop-filter:blur(var(--ws-header-bar-glass-blur)) saturate(var(--ws-header-bar-glass-sat))!important;
backdrop-filter:blur(var(--ws-header-bar-glass-blur)) saturate(var(--ws-header-bar-glass-sat))!important;
box-shadow:var(--ws-header-bar-glass-shadow)!important;
}
.drevos-header__bar::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:var(--ws-header-bar-glass-before);
mix-blend-mode:screen;
opacity:.6;
pointer-events:none;
}
.drevos-header__bar:hover{
background:var(--ws-header-bar-glass-hover-bg)!important;
box-shadow:var(--ws-header-bar-glass-hover-shadow)!important;
}
@supports not ((backdrop-filter:blur(0.0625rem)) or (-webkit-backdrop-filter:blur(0.0625rem))){
.drevos-header__bar{
background:rgba(255,255,255,.18)!important;
border:0.0625rem solid var(--ws-header-bar-glass-border)!important;
box-shadow:0 0.625rem 1.5rem rgba(0,0,0,.22)!important;
}
}
.bar-menu{
background:var(--ws-header-bar-menu-glass-bg)!important;
border:0.0625rem solid var(--ws-header-bar-menu-glass-border)!important;
-webkit-backdrop-filter:blur(var(--ws-header-bar-glass-blur)) saturate(var(--ws-header-bar-glass-sat))!important;
backdrop-filter:blur(var(--ws-header-bar-glass-blur)) saturate(var(--ws-header-bar-glass-sat))!important;
}
.bar-menu:hover{
background:var(--ws-header-bar-menu-hover-bg)!important;
border-color:var(--ws-header-bar-menu-hover-border)!important;
}
.bar-item{
background:transparent;
transition:background .12s,transform .12s;
}
.bar-item:hover{
background:var(--ws-header-bar-item-glass-hover);
}
.bar-item:not(.bar-menu):hover{
transform:translateY(-0.0625rem);
}
.bar-ico{filter:drop-shadow(0 0.0625rem 0.0625rem rgba(0,0,0,.06));}
.rating-card--trustpilot,
.rating-card--google{
pointer-events:none;
cursor:default;
}
.drevos-header__logo.ws-hide-logo{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.drevos-header,
.drevos-header__bar,
.drevos-header__bar *{color:var(--ws-header-text-on-light)!important;}
.drevos-menu,
.drevos-menu *{color:var(--ws-header-text-on-light)!important;}
.drevos-header a,
.drevos-menu a{text-decoration:none;}
.dm-link{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:0.75rem;
padding:0.75rem 0.875rem;
border-radius:0.75rem;
border:0;
background:transparent;
text-decoration:none;
cursor:pointer;
font-weight:500;
font-size:1.125rem;
line-height:1.2;
}
.drevos-header{
transition: opacity .25s ease, transform .25s ease;
}
.drevos-header__logo.ws-hide-logo{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.bar-item--gm,
.bar-item--tp{
pointer-events: none;
cursor: default;
}
.drevos-header__bar .bar-sub{
display: inline-block !important;
font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-weight: 700 !important;
font-size: 0.9375rem !important;
line-height: 0.9375rem !important;
margin-left: 0.375rem !important;
}
.drevos-header__bar a[href^="https://wa.me"] .bar-text,
.drevos-header__bar a[href^="https://api.whatsapp.com"] .bar-text,
.drevos-header__bar a[href^="tel:"] .bar-text{
font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 0.9375rem;
line-height: 1.6875rem;
}
body.logo-black .drevos-header__logo img { }
body.logo-white .drevos-header__logo img { }
.ws-bc{
--bc-h:2.5rem;
--bc-fs:0.9375rem;
--bc-pad-x:0.75rem;
--bc-gap:0.5rem;
--bc-sep-h:0.875rem;
--bc-sep-w:0.5rem;
}
.ws-bc__list{
margin:0;
padding:0;
list-style:none;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0;
}
.ws-bc__item{
display:inline-flex;
align-items:center;
font-size:var(--bc-fs);
line-height:1;
color:var(--text);
}
.ws-bc__item > a:not(.ws-bc__home),
.ws-bc__item > span,
.ws-bc__link,
.ws-bc__current{
display:inline-flex;
align-items:center;
justify-content:center;
height:var(--bc-h);
padding:0 var(--bc-pad-x);
border-radius:1.125rem;
background:var(--chip);
color:var(--text);
white-space:nowrap;
text-decoration:none;
}
.ws-bc__item > span,
.ws-bc__current{
background:#5f5f5f;
color:var(--on-accent);
font-weight:700;
}
.ws-bc__home{
display:inline-flex;
align-items:center;
justify-content:center;
height:var(--bc-h);
width:var(--bc-h);
padding:0;
border-radius:50%;
background:var(--chip);
color:var(--text);
}
.ws-bc__home img{
width:1.75rem;
height:1.75rem;
display:block;
}
.ws-bc__item + .ws-bc__item::before{
content:"";
display:inline-block;
width:var(--bc-sep-w);
height:var(--bc-sep-h);
margin:0 var(--bc-gap);
background:#787777;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
opacity:1;
}
.ws-bc__item > a:not(.ws-bc__home):hover{
filter:brightness(1.03);
text-decoration:none;
}
.ws-bc__link,
.ws-bc__current{
line-height:1;
}
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(2) > a,
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(2) > span,
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(2) > .ws-bc__link{
background:#787777 !important;
color:#fff !important;
}
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(3) > a,
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(3) > span,
.ws-bc .ws-bc__list > .ws-bc__item:nth-of-type(3) > .ws-bc__current,
.ws-bc .ws-bc__list > .ws-bc__item.is-current > span,
.ws-bc .ws-bc__list > .ws-bc__item.is-current > .ws-bc__current{
background:#e8e8e8 !important;
color:#000 !important;
font-weight:700;
}
@media (max-width:56.25rem){
.drevos-header__logo{
margin-left:0.625rem;
height:2.75rem;
}
.drevos-header__logo img{height:1.875rem;}
.drevos-header__bar{
margin-right:0.5rem;
height:2.875rem;
padding:0 0.4375rem;
gap:0.375rem;
}
.bar-item{
font-size:0.875rem;
gap:0.4375rem;
}
.bar-ico{
width:1rem;
height:1rem;
}
.bar-menu{
min-width:3.375rem;
padding:0 0.625rem;
}
}
@media (max-width:37.5rem), (max-height:31.25rem) and (orientation:landscape){
.drevos-header__container{padding-top:0.25rem;}
.drevos-header__logo{
margin-left:0.125rem;
height:2.25rem;
}
.drevos-header__logo img{height:1.4375rem;}
.drevos-header__bar{
margin-right:0.125rem;
height:2.5rem;
padding:0 0.1875rem;
gap:0.125rem;
font-size:0.8125rem;
border-radius:0.6875rem;
}
.bar-item{
font-size:0.8125rem;
height:2rem;
padding:0 0.3125rem;
gap:0.25rem;
}
.bar-ico{
width:0.875rem;
height:0.875rem;
}
.bar-menu{
min-width:2.875rem;
padding:0 0.375rem;
font-size:0.8125rem;
}
}
@media (max-width:37.5rem), (max-height:31.25rem) and (orientation:landscape){
.drevos-header{
position:absolute;
top:0;
left:0;
width:100vw;
z-index:20;
background:transparent;
pointer-events:none;
}
.drevos-header__container{
width:100vw;
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:0;
margin:0;
pointer-events:auto;
position:relative;
}
.drevos-header__logo{
display:flex;
align-items:center;
padding-left:0.75rem;
padding-top:0.75rem;
text-decoration:none;
z-index:2;
height:2.5rem;
margin-left:0;
}
.drevos-header__logo img{
width:6.75rem;
height:1.75rem;
object-fit:contain;
display:block;
}
.drevos-header__bar{
display:flex;
align-items:center;
box-sizing:border-box;
padding:0 0.4375rem;
gap:0.375rem;
margin:0.625rem 0.5rem 0 0;
height:2.5rem;
pointer-events:auto;
z-index:3;
}
.bar-item,
.bar-menu{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:center;
width:2.25rem;
height:2.25rem;
min-height:2.25rem;
max-height:2.25rem;
padding:0;
border-radius:0.5rem;
background:none;
margin:0;
transition:background .12s;
font-size:0;
line-height:0;
box-sizing:border-box;
}
.bar-menu{
width:auto;
min-width:2.875rem;
padding:0 0.5rem;
align-self:stretch;
height:auto;
min-height:0;
max-height:none;
-webkit-appearance:none;
appearance:none;
}
.bar-item:hover{background:#f5f5fa;}
.bar-ico{
width:1.5rem;
height:1.5rem;
object-fit:contain;
display:block;
margin:0;
flex-shrink:0;
}
.bar-text,
.bar-sub{display:none!important;}
.bar-item--gm,
.bar-item--tp{display:none!important;}
}
@media (max-width:64rem){
.dm-wrap{grid-template-columns:15.625rem 1fr;}
.dm-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:51.25rem){
.drevos-menu__sheet{top:0.625rem;}
.dm-top{display:flex;}
.dm-wrap{display:block;}
.dm-nav{border-radius:1.125rem;}
.dm-content{
background:transparent;
box-shadow:none;
padding:0;
margin-top:0.625rem;
}
.dm-content,
.dm-nav{transition:transform .25s ease;}
.drevos-menu--level2 .dm-nav{
transform:translateX(-1.25rem);
opacity:0;
pointer-events:none;
}
.drevos-menu--level2 .dm-content{transform:translateX(0);}
.dm-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0.75rem;
}
.dm-card{
padding:0.75rem;
border-radius:0.875rem;
}
}
@media (max-width:26.25rem){
.dm-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:51.25rem){
.dm-content{
display:none;
margin-top:0;
}
.drevos-menu--level2 .dm-nav{display:none;}
.drevos-menu--level2 .dm-content{display:block;}
.dm-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0.75rem;
}
.dm-card{
height:12.5rem;
padding:0.625rem 0.625rem 0.5rem;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.dm-card__pic{
height:9.375rem;
aspect-ratio:auto;
}
.dm-card__pic img{
height:100%;
width:auto;
max-width:100%;
object-fit:contain;
}
.dm-card__title{
margin-top:0.5rem;
font-size:0.75rem;
line-height:1.2;
}
}
@media (max-width: 51.25rem){
.drevos-menu .dm-card_pic,
.drevos-menu .dm-card__pic{
width: 100%;
height: auto !important;
max-height: none !important;
padding: 0;
margin: 0 0 0.5rem;
overflow: hidden;
display: block;
}
.drevos-menu .dm-card_pic img,
.drevos-menu .dm-card__pic img{
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
}
}
@media (max-width: 51.25rem) {
.dm-card {
height: 15.625rem;
padding: 0.625rem 0.625rem 0.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
}
@media (max-width: 51.25rem) {
.dm-card__title {
margin-top: 0.125rem;
font-size: 0.875rem;
line-height: 1.2;
}
}
@media (prefers-reduced-transparency:reduce){
.drevos-header__bar,
.bar-menu{
background:var(--ws-header-reduced-bar-bg);
-webkit-backdrop-filter:none;
backdrop-filter:none;
border:0.0625rem solid var(--ws-header-reduced-bar-border);
box-shadow:var(--ws-header-reduced-bar-shadow);
}
}
@media (max-width:42.5rem){
.ws-bc{
--bc-h:2.25rem;
--bc-fs:0.875rem;
--bc-sep-h:0.75rem;
}
}
@media (max-width:32.5rem){
.ws-bc__home{
width:2.25rem;
height:2.25rem;
}
.ws-bc__home img{
width:1.25rem;
height:1.25rem;
}
}
@media (max-width: 1099px) {
.rating-card--trustpilot,
.rating-card--google,
.drevos-header__bar .rating-card,
.drevos-header__bar .rating-widget,
.drevos-header__bar .trustpilot-widget,
.drevos-header__bar .google-review-widget,
.bar-item--gm,
.bar-item--tp {
display: none !important;
}
}
.drevos-header__logo.ws-hide-logo{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
transition:opacity .25s ease;
}
.dm-link__chev{
width: 20px;
height: 20px;
flex: 0 0 20px;
display: inline-block;
background: url("https://media.drevosbbq.com/hls/Reviews/right-arrow.svg") center / contain no-repeat;
border: 0 !important;
}
.dm-link__chev::before,
.dm-link__chev::after{
content: none !important;
}
.dm-link__chev{
transition: transform .2s ease;
}
.dm-link.is-active .dm-link__chev{
transform: rotate(0deg);
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow-x: var(--page-overflow-x);
}
@keyframes arrowBounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(var(--hero-drevos-arrow-bounce-y));
}
}
.drevos-hero {
width: 100%;
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 0;
margin: 0;
padding: 0;
}
.drevos-hero__bgvideo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
}
.drevos-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: var(--hero-overlay-drevos);
pointer-events: none;
}
.drevos-hero__container {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--hero-drevos-max-width);
min-height: 100vh;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.drevos-hero__main {
padding-left: var(--hero-drevos-main-padding-left);
padding-bottom: var(--hero-drevos-main-padding-bottom);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.drevos-hero__title {
margin-top: var(--hero-drevos-title-margin-top);
margin-bottom: var(--hero-drevos-title-margin-bottom);
font-family: var(--font-head, "Roboto Slab", serif);
font-weight: var(--hero-drevos-title-font-weight);
font-size: var(--hero-drevos-title-font-size);
line-height: var(--hero-drevos-title-line-height);
letter-spacing: var(--hero-drevos-title-letter-spacing);
text-shadow: var(--hero-drevos-title-text-shadow);
}
.drevos-hero__features {
display: flex;
gap: 0;
list-style: none;
padding: 0;
margin: 0;
}
.drevos-hero__feature {
display: flex;
align-items: center;
gap: var(--hero-drevos-feature-gap);
padding: 0 var(--hero-drevos-feature-padding-x);
min-width: var(--hero-drevos-feature-min-width);
justify-content: center;
position: relative;
font-weight: var(--hero-drevos-feature-font-weight);
font-size: var(--hero-drevos-feature-font-size);
line-height: var(--hero-drevos-feature-line-height);
}
.drevos-hero__feature.feature-divider::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(var(--hero-drevos-feature-divider-translate-y));
height: var(--hero-drevos-feature-divider-height);
width: 1px;
background: var(--hero-divider);
}
.f-ico {
width: var(--hero-drevos-feature-icon-size);
height: var(--hero-drevos-feature-icon-size);
object-fit: contain;
}
.drevos-hero__scrolldown {
position: absolute;
left: 50%;
bottom: var(--hero-drevos-scroll-bottom);
transform: translateX(-50%);
display: flex;
align-items: center;
gap: var(--hero-drevos-scroll-gap);
padding: var(--hero-drevos-scroll-padding-y) var(--hero-drevos-scroll-padding-x);
border-radius: 999px;
background: var(--hero-scrolldown-bg);
border: 1px solid var(--hero-scrolldown-br);
cursor: pointer;
z-index: 5;
transition: box-shadow 0.2s, background 0.2s;
font-weight: var(--hero-drevos-scroll-font-weight);
font-size: var(--hero-drevos-scroll-font-size);
line-height: 1;
}
.drevos-hero__scrolldown img {
width: var(--hero-drevos-scroll-img-size);
height: var(--hero-drevos-scroll-img-size);
filter: var(--hero-img-drop-shadow);
opacity: var(--hero-drevos-scroll-img-opacity);
animation: arrowBounce var(--hero-drevos-arrow-bounce-duration) infinite var(--hero-drevos-arrow-bounce-ease);
}
.drevos-hero__scrolldown:hover {
box-shadow: var(--hero-drevos-scroll-hover-shadow);
background: var(--hero-scrolldown-bg-hover);
}
@media (max-width: 900px) {
.drevos-hero__container {
max-width: 100vw;
padding: 0 var(--hero-drevos-container-pad-x-900);
}
.drevos-hero__main {
padding-left: var(--hero-drevos-main-padding-left-900);
}
.drevos-hero__title {
font-size: var(--hero-drevos-title-font-size-900);
margin-top: var(--hero-drevos-title-margin-top-900);
}
}
@media (max-width: 600px) {
.drevos-hero__container {
min-height: 100vh;
padding: 0;
}
.drevos-hero__main {
padding-left: var(--hero-drevos-main-padding-left-600);
padding-bottom: var(--hero-drevos-main-padding-bottom-600);
align-items: center;
}
.drevos-hero__title {
font-size: var(--hero-drevos-title-font-size-600);
margin-top: var(--hero-drevos-title-margin-top-600);
margin-bottom: var(--hero-drevos-title-margin-bottom-600);
text-align: center;
}
.drevos-hero__features {
flex-direction: column;
align-items: center;
}
.drevos-hero__feature {
padding: 0 var(--hero-drevos-feature-padding-x-600);
min-width: var(--hero-drevos-feature-min-width-600);
font-size: var(--hero-drevos-feature-font-size-600);
}
}
.drevos-hero-mobile {
display: none;
}
@media (max-width: 600px) {
.drevos-hero-mobile {
display: flex !important;
width: 100vw;
min-height: var(--hero-drevos-m-min-height);
position: relative;
overflow: hidden;
align-items: flex-start;
justify-content: center;
}
.drevos-hero-mobile__bgvideo {
position: absolute;
inset: 0;
width: 100vw;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
background: var(--hero-video-bg);
}
.drevos-hero-mobile__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: var(--hero-overlay-drevos-m);
pointer-events: none;
}
.drevos-hero-mobile__container {
position: relative;
z-index: 2;
width: 100vw;
min-height: var(--hero-drevos-m-min-height);
max-width: var(--hero-wuniq-mobile-max-width);
margin: 0 auto;
display: flex;
flex-direction: column;
}
.drevos-hero-mobile__main {
display: flex;
flex-direction: column;
align-items: center;
margin-top: var(--hero-drevos-m-main-margin-top);
width: 100%;
}
.drevos-hero-mobile__title {
font-family: var(--font-head, "Roboto Slab", serif);
font-weight: var(--hero-drevos-m-title-font-weight);
font-size: var(--hero-drevos-m-title-font-size);
line-height: var(--hero-drevos-m-title-line-height);
text-align: center;
margin-bottom: var(--hero-drevos-m-title-margin-bottom);
}
.drevos-hero-mobile__btn {
width: var(--hero-drevos-m-btn-width-pct);
max-width: var(--hero-drevos-m-btn-max-width);
margin: 0 auto var(--hero-drevos-m-btn-margin-bottom);
display: block;
padding: var(--hero-drevos-m-btn-padding-y) 0;
background: var(--hero-drevos-m-btn-bg);
border: none;
border-radius: var(--hero-drevos-m-btn-radius);
font-family: var(--font-head, "Roboto Slab", serif);
font-weight: var(--hero-drevos-m-btn-font-weight);
font-size: var(--hero-drevos-m-btn-font-size);
line-height: 1;
color: var(--hero-drevos-m-btn-color);
box-shadow: var(--hero-drevos-m-btn-shadow);
text-align: center;
text-decoration: none;
}
.drevos-hero-mobile__features-bg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: var(--hero-drevos-m-features-bg-padding-y) 0 var(--hero-drevos-m-features-bg-padding-bottom);
}
.drevos-hero-mobile__features {
width: 100%;
max-width: var(--hero-drevos-m-features-max-width);
margin: 0 auto;
padding: 0 var(--hero-drevos-m-features-padding-x);
display: flex;
justify-content: space-between;
align-items: flex-start;
list-style: none;
}
.drevos-hero-mobile__features li {
flex: 1 1 33.33%;
display: flex;
align-items: center;
gap: var(--hero-drevos-feature-gap);
padding: var(--hero-drevos-m-feature-li-padding-y) var(--hero-drevos-m-feature-li-padding-x);
position: relative;
}
.drevos-hero-mobile__features li + li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: var(--hero-drevos-m-feature-divider-height);
background: var(--hero-divider);
}
.drevos-hero-mobile .f-ico {
width: var(--hero-drevos-feature-icon-size-mobile);
height: var(--hero-drevos-feature-icon-size-mobile);
object-fit: contain;
}
.drevos-hero-mobile__features span {
font-weight: var(--hero-drevos-m-feature-span-font-weight);
font-size: var(--hero-drevos-m-feature-span-font-size);
line-height: var(--hero-drevos-m-feature-span-line-height);
display: block;
text-align: left;
}
}
@media (max-width: 600px) {
.drevos-hero {
display: none !important;
}
.drevos-hero-mobile {
display: flex !important;
}
}
.wuniq-hero {
--wuniq-ink: #fff;
--wuniq-ink-soft: #e9e9e9;
--wuniq-pill-bg: rgba(0, 0, 0, .55);
--wuniq-pill-br: rgba(255, 255, 255, .55);
width: 100%;
height: 100vh;
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.wuniq-hero-m {
position: relative;
overflow: hidden;
display: none;
}
.wuniq-hero__bgvideo,
.wuniq-hero-m__bgvideo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: 0;
pointer-events: none;
background: var(--hero-wuniq-video-bg);
}
.wuniq-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, .57) 0%, rgba(0, 0, 0, .19) 58%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
}
.wuniq-hero-m__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: var(--hero-overlay-wuniq);
pointer-events: none;
}
.wuniq-hero__container {
position: relative;
z-index: 2;
width: 100%;
max-width: 90rem;
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.wuniq-hero-m__container {
position: relative;
z-index: 2;
}
.wuniq-hero__main {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 0 2.5rem 8.75rem;
margin-bottom: 6.25rem;
}
.wuniq-hero__title {
margin: 0 0 1.125rem;
font-weight: 700;
font-size: 4.5rem;
line-height: 1.05;
letter-spacing: -0.0625rem;
text-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, .2);
}
.wuniq-hero__desc {
max-width: 42.5rem;
font-size: 1.125rem;
line-height: 1.5;
margin: 0 0 1.75rem;
}
.wuniq-hero__badges {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--hero-wuniq-badges-gap-y) var(--hero-wuniq-badges-gap-x);
margin-top: var(--hero-wuniq-badges-margin-top);
font-size: var(--hero-wuniq-badges-font-size);
line-height: var(--hero-wuniq-badges-line-height);
font-weight: var(--hero-wuniq-badges-font-weight);
text-shadow: var(--hero-wuniq-badges-text-shadow);
}
.wuniq-hero__badge {
display: flex;
align-items: center;
gap: var(--hero-wuniq-badge-gap);
white-space: nowrap;
}
.wuniq-hero__badge img {
width: var(--hero-wuniq-badge-img-size);
height: var(--hero-wuniq-badge-img-size);
display: block;
object-fit: contain;
}
.wuniq-hero__sep {
width: var(--hero-wuniq-sep-width);
height: var(--hero-wuniq-sep-height);
background: var(--hero-wuniq-sep-bg);
}
.wuniq-hero__badges.wuniq-hero__badges--m {
display: grid;
grid-template-columns: repeat(3, minmax(0, max-content));
justify-content: center;
justify-items: center;
align-items: center;
column-gap: 0.75rem;
row-gap: 0.5rem;
width: 100%;
max-width: 22.5rem;
margin: 0 auto 1.25rem;
padding: 0;
}
.wuniq-hero__scrolldown {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: min(10vh, 6.875rem);
display: inline-flex;
align-items: center;
gap: 0.625rem;
padding: 0.625rem 1rem !important;
padding-left: 1rem !important;
border-radius: 999rem;
background: var(--wuniq-pill-bg);
border: 0.0625rem solid var(--wuniq-pill-br);
text-decoration: none;
font-weight: 600;
font-size: 0.9375rem;
line-height: 1;
z-index: 30;
transition: box-shadow .2s, background .2s;
}
.wuniq-hero__scrolldown img {
position: static;
flex-shrink: 0;
width: 1.125rem;
height: 1.125rem;
filter: drop-shadow(0 0.125rem 0.375rem rgba(255, 255, 255, .35));
opacity: .93;
animation: wuniqArrowBounceFlex 1.3s infinite cubic-bezier(.45, .15, .42, 1.22);
}
.wuniq-hero__scrolldown:hover {
box-shadow: 0 0 1.125rem 0.3125rem rgba(255, 255, 255, .45);
background: rgba(0, 0, 0, .7);
}
.wuniq-hero__scrolldown,
.wuniq-hero__scrolldown span,
.wuniq-hero__badge,
.wuniq-hero__badge span {
color: #fff !important;
}
@keyframes wuniqArrowBounceFlex {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(0.375rem);
}
}
@media (max-width: 767.98px) {
.wuniq-hero__badges {
justify-content: center;
row-gap: var(--hero-wuniq-badges-row-gap-sm);
margin-top: var(--hero-wuniq-badges-margin-top-sm);
}
.wuniq-hero__sep {
display: none;
}
}
@media (max-width: 767px) {
.wuniq-hero {
display: none;
}
.wuniq-hero-m {
display: block;
}
}
@media (min-width: 768px) {
.wuniq-hero {
display: flex;
}
.wuniq-hero-m {
display: none;
}
}
.drevos-hero__ratings {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--hero-ratings-gap-y) var(--hero-ratings-gap-x);
margin: var(--hero-ratings-margin-top) 0 var(--hero-ratings-margin-bottom);
}
.rating-card {
position: relative;
display: flex;
align-items: center;
gap: var(--hero-rating-gap);
padding: var(--hero-rating-padding-y) var(--hero-rating-padding-x);
border-radius: var(--hero-rating-radius);
background: var(--hero-rating-bg);
border: 1px solid var(--hero-rating-border);
-webkit-backdrop-filter: blur(var(--hero-rating-blur)) saturate(var(--hero-rating-sat));
backdrop-filter: blur(var(--hero-rating-blur)) saturate(var(--hero-rating-sat));
box-shadow: var(--hero-rating-shadow);
text-decoration: none;
transition: var(--hero-rating-transition);
isolation: isolate;
will-change: transform;
}
.rating-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: var(--hero-rating-before-bg);
mix-blend-mode: screen;
opacity: var(--hero-rating-before-opacity);
}
.rating-card:hover {
transform: translateY(var(--hero-rating-hover-translate));
background: var(--hero-rating-hover-bg);
box-shadow: var(--hero-rating-hover-shadow);
}
.rating-card__logo {
width: var(--hero-rating-logo-size);
height: var(--hero-rating-logo-size);
display: block;
object-fit: contain;
}
.rating-card__body {
display: flex;
flex-direction: column;
gap: var(--hero-rating-body-gap);
min-width: var(--hero-rating-body-min-width);
}
.rating-card__top {
display: flex;
align-items: baseline;
gap: var(--hero-rating-top-gap);
}
.rating-card__brand {
font-weight: 700;
font-size: var(--hero-rating-brand-font-size);
line-height: 1;
}
.rating-card__score {
font-weight: 800;
font-size: var(--hero-rating-score-font-size);
line-height: 1;
}
.rating-card__bottom {
display: flex;
align-items: center;
gap: var(--hero-rating-top-gap);
}
.rating-card__reviews {
font-weight: 600;
font-size: var(--hero-rating-reviews-font-size);
line-height: 1;
}
.rating-stars {
display: flex;
align-items: center;
gap: var(--hero-rating-stars-gap);
line-height: 0;
}
.rating-stars svg {
width: var(--hero-rating-stars-svg-size);
height: var(--hero-rating-stars-svg-size);
display: block;
fill: currentColor;
}
.rating-card--trustpilot .rating-stars {
color: var(--hero-rating-trustpilot-color);
}
.rating-card--google .rating-stars {
color: var(--hero-rating-google-color);
}
.rating-card--google .rating-stars svg,
.rating-card--google .rating-stars path {
fill: var(--hero-rating-google-color) !important;
}
.drevos-hero .rating-card {
-webkit-backdrop-filter: blur(var(--hero-rating-drevos-blur));
backdrop-filter: blur(var(--hero-rating-drevos-blur));
}
@media (max-width: 600px) {
.drevos-hero__ratings,
.drevos-hero-mobile .drevos-hero__ratings,
.wuniq-hero-m .drevos-hero__ratings,
.wuniq-hero .drevos-hero__ratings {
width: min(var(--hero-ratings-grid-max), calc(100% - var(--hero-ratings-grid-pad)));
margin: var(--hero-ratings-grid-margin-y) auto var(--hero-ratings-grid-margin-bottom);
display: grid;
grid-template-columns: repeat(2, max-content);
justify-content: center;
justify-items: center;
align-items: center;
gap: var(--hero-ratings-grid-cell-gap-y) var(--hero-ratings-grid-cell-gap-x);
}
.drevos-hero__ratings .rating-card {
width: 100%;
max-width: var(--hero-rating-card-max-w);
min-width: var(--hero-rating-card-min-w);
padding: var(--hero-rating-card-padding-y) var(--hero-rating-card-padding-x);
border-radius: var(--hero-rating-card-radius);
gap: var(--hero-rating-card-gap);
}
.drevos-hero__ratings .rating-card__body {
min-width: 0;
}
.drevos-hero__ratings .rating-card__logo {
width: var(--hero-rating-logo-sm);
height: var(--hero-rating-logo-sm);
}
.drevos-hero__ratings .rating-stars svg {
width: var(--hero-rating-star-sm);
height: var(--hero-rating-star-sm);
}
.drevos-hero .drevos-hero__ratings .rating-card__brand,
.drevos-hero-mobile .drevos-hero__ratings .rating-card__brand,
.wuniq-hero-m .drevos-hero__ratings .rating-card__brand {
font-weight: 700;
font-size: var(--hero-rating-brand-sm);
line-height: var(--hero-rating-brand-line-sm);
}
.drevos-hero .drevos-hero__ratings .rating-card__score,
.drevos-hero-mobile .drevos-hero__ratings .rating-card__score,
.wuniq-hero-m .drevos-hero__ratings .rating-card__score {
font-weight: 800;
font-size: var(--hero-rating-score-sm);
line-height: var(--hero-rating-brand-line-sm);
}
.drevos-hero .drevos-hero__ratings .rating-card__reviews,
.drevos-hero-mobile .drevos-hero__ratings .rating-card__reviews,
.wuniq-hero-m .drevos-hero__ratings .rating-card__reviews {
font-weight: 600;
font-size: var(--hero-rating-reviews-sm);
line-height: var(--hero-rating-brand-line-sm);
}
}
@media (max-width: 360px) {
.drevos-hero__ratings,
.drevos-hero-mobile .drevos-hero__ratings,
.wuniq-hero-m .drevos-hero__ratings,
.wuniq-hero .drevos-hero__ratings {
width: min(var(--hero-ratings-grid-max-xs), calc(100% - var(--hero-ratings-grid-pad-xs)));
gap: var(--hero-ratings-grid-gap-xs-y) var(--hero-ratings-grid-gap-xs-x);
}
.drevos-hero__ratings .rating-card {
max-width: var(--hero-rating-card-max-xs);
min-width: var(--hero-rating-card-min-xs);
padding: var(--hero-rating-card-padding-y-xs) var(--hero-rating-card-padding-x-xs);
}
.drevos-hero__ratings .rating-stars svg {
width: var(--hero-rating-star-xs);
height: var(--hero-rating-star-xs);
}
.drevos-hero__ratings .rating-card__brand {
font-size: var(--hero-rating-brand-xs);
}
.drevos-hero__ratings .rating-card__score {
font-size: var(--hero-rating-score-xs);
}
.drevos-hero__ratings .rating-card__reviews {
font-size: var(--hero-rating-reviews-xs);
}
}
@media (max-width: 600px) {
.wuniq-hero-m__container {
width: 100%;
max-width: var(--hero-wuniq-mobile-max-width);
margin: 0 auto;
padding: 0 var(--hero-wuniq-m-container-padding-x);
}
.wuniq-hero-m__main {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--hero-wuniq-m-main-gap);
}
.wuniq-hero-m__title {
margin: 0;
}
.wuniq-hero__badges.wuniq-hero__badges--m {
display: grid;
grid-template-columns: repeat(3, minmax(0, max-content));
justify-content: center;
justify-items: center;
align-items: center;
column-gap: var(--hero-wuniq-m-badges-column-gap);
row-gap: var(--hero-wuniq-m-badges-row-gap);
width: 100%;
max-width: var(--hero-wuniq-m-badges-max-width);
margin: 0 auto;
padding: 0;
}
.wuniq-hero__badges--m .wuniq-hero__badge {
width: auto;
min-width: 0;
padding: var(--hero-wuniq-m-badge-padding-y) 0;
}
.wuniq-hero__scrolldown {
position: static !important;
transform: none !important;
margin: var(--hero-wuniq-m-scroll-margin-y) auto var(--hero-wuniq-m-scroll-margin-bottom) !important;
display: inline-flex !important;
}
}
@media (max-width: 600px) {
.drevos-hero-mobile__bgvideo,
.wuniq-hero-m__bgvideo {
object-position: var(--hero-wuniq-video-object-x) center !important;
}
}
.ws-bc-wrap{
max-width: none;
padding: 0 var(--ws-header-bc-wrap-pad-x, 2.5rem);
box-sizing: border-box;
margin-top: var(--ws-header-bc-wrap-mt, calc(3.375rem + 1.25rem + 14px)) !important;
}
@media (max-width:56.25rem){
.ws-bc-wrap{ padding: 0 0.625rem; }
}
@media (max-width:37.5rem){
.ws-bc-wrap{ padding: 0 0.75rem; }
.ws-bc-wrap{ margin-top: var(--ws-header-bc-wrap-mt-sm, calc(2.5rem + 0.75rem + 12px)) !important; }
}
.ws-footer {
position: relative;
width: 100vw;
max-width: none;
left: auto;
right: auto;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
color: var(--ws-footer-fg);
background: var(--ws-footer-bg);
overflow: hidden;
isolation: isolate;
min-height: var(--ws-footer-min-height);
font-family: var(--ws-footer-font);
margin-top: var(--ws-footer-margin-top);
}
.ws-footer * {
box-sizing: border-box;
}
.ws-footer__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.ws-footer__bgimg {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: none;
}
.ws-footer__shade {
position: absolute;
inset: 0;
pointer-events: none;
background: var(--ws-footer-shade);
}
.ws-footer__cta {
position: absolute;
inset: 0;
z-index: var(--ws-footer-cta-z);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: var(--ws-footer-cta-pad);
}
.ws-footer__title {
margin: 0 0 var(--ws-footer-title-margin-bottom);
text-transform: uppercase;
letter-spacing: var(--ws-footer-title-track);
font-weight: var(--ws-footer-title-weight);
line-height: var(--ws-footer-title-lh);
font-size: var(--ws-footer-title-fs);
text-shadow: var(--ws-footer-title-shadow);
}
.ws-footer__container {
position: relative;
z-index: 4;
max-width: var(--ws-footer-container-max);
margin: 0 auto;
padding: var(--ws-footer-container-pad);
}
.ws-footer__columns {
display: grid;
gap: var(--ws-footer-columns-gap-y) var(--ws-footer-columns-gap-x);
grid-template-columns: repeat(4, minmax(8.75rem, 1fr)) minmax(16.25rem, 1.2fr);
align-items: start;
padding-top: var(--ws-footer-columns-pad-top);
}
.ws-footer__col {
list-style: none;
margin: 0;
padding: 0;
}
.ws-footer__col li {
margin: var(--ws-footer-col-li-my) 0;
}
.ws-footer__col a {
color: var(--ws-footer-fg);
opacity: var(--ws-footer-link-opacity);
text-decoration: none;
font-size: var(--ws-footer-link-fs);
font-weight: var(--ws-footer-link-weight);
}
.ws-footer__col a:hover {
text-decoration: underline;
}
.ws-footer__brand {
margin-left: auto;
text-align: right;
display: flex;
flex-direction: column;
gap: var(--ws-footer-brand-gap);
align-items: flex-end;
}
.ws-footer__pay {
display: flex;
gap: var(--ws-footer-brand-gap);
flex-wrap: wrap;
justify-content: flex-end;
}
.ws-footer__pay img {
height: var(--ws-footer-pay-img-height);
width: auto;
display: block;
}
.ws-footer__addr {
font-style: normal;
font-size: var(--ws-footer-addr-fs);
line-height: var(--ws-footer-addr-lh);
opacity: var(--ws-footer-link-opacity);
}
.ws-footer__copy {
font-size: var(--ws-footer-copy-fs);
opacity: var(--ws-footer-copy-opacity);
}
.ws-footer__ratings {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: var(--ws-footer-ratings-top);
z-index: var(--ws-footer-ratings-z);
display: flex;
align-items: center;
gap: var(--ws-footer-ratings-gap);
}
.rating-card {
position: relative;
display: flex;
align-items: center;
gap: var(--ws-footer-rating-card-inner-gap);
padding: var(--hero-rating-padding-y) var(--hero-rating-padding-x);
border-radius: var(--hero-rating-radius);
text-decoration: none;
background: var(--hero-rating-bg);
border: 1px solid var(--hero-rating-border);
backdrop-filter: blur(var(--hero-rating-blur)) saturate(var(--hero-rating-sat));
-webkit-backdrop-filter: blur(var(--hero-rating-blur)) saturate(var(--hero-rating-sat));
box-shadow: var(--hero-rating-shadow);
color: #0e1013;
transition: var(--hero-rating-transition);
isolation: isolate;
}
.rating-card:hover {
transform: translateY(var(--hero-rating-hover-translate));
}
.rating-card__logo {
width: var(--hero-rating-logo-size);
height: var(--hero-rating-logo-size);
display: block;
object-fit: contain;
}
.rating-card__body {
display: flex;
flex-direction: column;
gap: var(--hero-rating-body-gap);
min-width: var(--hero-rating-body-min-width);
}
.rating-card__top {
display: flex;
align-items: baseline;
gap: var(--hero-rating-top-gap);
}
.rating-card__brand {
font: 700 var(--hero-rating-brand-font-size) / 1 "Inter Tight", Arial, sans-serif;
color: var(--ws-footer-fg);
}
.rating-card__score {
font: 800 var(--hero-rating-score-font-size) / 1 "Inter Tight", Arial, sans-serif;
color: #dffd00;
}
.rating-card__bottom {
display: flex;
align-items: center;
gap: var(--hero-rating-top-gap);
}
.rating-card__reviews {
font: 600 var(--hero-rating-reviews-font-size) / 1 "Inter Tight", Arial, sans-serif;
color: var(--ws-footer-fg);
}
.rating-stars {
display: flex;
align-items: center;
gap: var(--hero-rating-stars-gap);
line-height: 0;
}
.rating-stars svg {
width: var(--hero-rating-stars-svg-size);
height: var(--hero-rating-stars-svg-size);
display: block;
fill: currentColor;
}
.rating-card--google .rating-stars {
color: var(--hero-rating-google-color);
}
.rating-card--trustpilot .rating-stars {
color: var(--hero-rating-trustpilot-color);
}
.rating-card--trustpilot,
.rating-card--google {
pointer-events: none;
cursor: default;
}
html,
body {
overflow-x: hidden;
}
.woocommerce div.product .summary ~ .ws-footer,
.woocommerce div.product .woocommerce-tabs ~ .ws-footer {
clear: both;
}
.ws-footer,
.ws-footer__container,
.ws-footer__columns {
position: relative;
}
.ws-footer__columns {
z-index: var(--ws-footer-columns-z);
}
.ws-footer__col a {
position: relative;
z-index: var(--ws-footer-link-z);
pointer-events: auto;
}
.ws-footer::before,
.ws-footer__bg,
.ws-footer__overlay {
pointer-events: none;
}
.ws-footer__cta {
pointer-events: none;
}
.ws-footer__cta .ws-footer__btn,
.ws-footer__cta a.btn {
pointer-events: auto;
}
.ws-footer .ws-footer__cta a.ws-footer__btn,
.ws-footer .ws-footer__cta a.btn,
.ws-footer a.ws-footer__btn,
.ws-footer__cta > a.btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: var(--ws-footer-cta-btn-height);
min-width: var(--ws-footer-cta-btn-min-width);
width: auto;
max-width: 100%;
box-sizing: border-box;
padding: 0 var(--ws-footer-cta-btn-pad-x);
background: var(--ws-footer-cta-btn-bg) !important;
background-color: var(--ws-footer-cta-btn-bg) !important;
background-image: none !important;
color: var(--ws-footer-cta-btn-color) !important;
-webkit-text-fill-color: var(--ws-footer-cta-btn-color) !important;
font-family: var(--ws-btn-font) !important;
font-size: var(--btn-font-size-cta) !important;
font-weight: var(--ws-btn-fw) !important;
line-height: var(--btn-line-height) !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
border: 0 !important;
border-color: transparent !important;
outline: 0 !important;
border-radius: var(--ws-footer-cta-btn-radius);
text-decoration: none;
box-shadow: none !important;
filter: none !important;
text-shadow: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
}
.ws-footer .ws-footer__cta a.ws-footer__btn:hover,
.ws-footer .ws-footer__cta a.btn:hover,
.ws-footer .ws-footer__cta a.ws-footer__btn:active,
.ws-footer .ws-footer__cta a.btn:active,
.ws-footer .ws-footer__cta a.ws-footer__btn:focus,
.ws-footer .ws-footer__cta a.btn:focus,
.ws-footer .ws-footer__cta a.ws-footer__btn:focus-visible,
.ws-footer .ws-footer__cta a.btn:focus-visible,
.ws-footer a.ws-footer__btn:hover,
.ws-footer a.ws-footer__btn:active,
.ws-footer a.ws-footer__btn:focus,
.ws-footer a.ws-footer__btn:focus-visible,
.ws-footer__cta > a.btn:hover,
.ws-footer__cta > a.btn:active,
.ws-footer__cta > a.btn:focus,
.ws-footer__cta > a.btn:focus-visible {
background: var(--ws-footer-cta-btn-bg) !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
outline: 0 !important;
}
.ws-footer .ws-footer__cta a.ws-footer__btn *,
.ws-footer .ws-footer__cta a.btn *,
.ws-footer a.ws-footer__btn *,
.ws-footer__cta > a.btn * {
color: var(--ws-footer-cta-btn-color) !important;
-webkit-text-fill-color: var(--ws-footer-cta-btn-color) !important;
fill: currentColor !important;
stroke: currentColor !important;
}
.ws-addwhat{
position:relative;
padding-top:0;
padding-bottom:0;
--cut:var(--ws-smart-cut);
}
.ws-addwhat *{
box-sizing:border-box;
}
.ws-addwhat__container{
max-width:var(--ws-smart-container-max);
margin:0 auto;
padding:0;
}
.ws-addwhat__header{
text-align:center;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
gap:var(--ws-smart-head-gap, 0.5rem);
max-width:var(--ws-smart-header-max);
}
.ws-addwhat__title{
margin:var(--ws-smart-title-mt, 2rem) 0 0;
line-height:1.15;
}
.ws-addwhat__sub{
margin:0 0 var(--ws-smart-sub-mb, 1.125rem);
line-height:var(--ws-smart-sub-lh, 1.45);
}
.ws-addwhat__swiper{
position:relative;
}
.ws-addwhat .swiper{
overflow:visible;
}
.ws-addwhat .swiper-wrapper{
display:flex;
transition-property:transform;
}
.ws-addwhat .swiper-slide{
flex-shrink:0;
box-sizing:border-box;
}
.ws-addwhat .ws-addwhat__swiper .swiper-slide,
.ws-addwhat .ws-addwhat__swiper .swiper-slide.ws-addwhat__slide,
.ws-addwhat__slide.swiper-slide{
width:var(--ws-smart-slide-w,56.25rem)!important;
max-width:100%!important;
height:auto!important;
}
.ws-addwhat__slide{
width:var(--ws-smart-slide-w);
display:flex;
flex-direction:column;
gap:0;
contain:layout paint;
}
.ws-addwhat__figure{
position:relative;
width:100%;
aspect-ratio:16 / 9;
border-radius:0!important;
overflow:hidden;
box-shadow:var(--shadow);
margin:0!important;
background:transparent;
-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}
.ws-addwhat__figure::before{
content:"";
display:none;
padding-top:56.25%;
}
@supports not (aspect-ratio:16 / 9){
.ws-addwhat__figure{
aspect-ratio:auto;
}
.ws-addwhat__figure::before{
display:block;
}
}
.ws-addwhat__video,
.ws-addwhat__img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
background:transparent;
}
.ws-addwhat__tag,
.ws-addwhat__pp{
background:var(--glass-bg)!important;
border:0.0625rem solid var(--glass-brd)!important;
box-shadow:var(--glass-shadow)!important;
-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);
backdrop-filter:blur(var(--glass-blur)) saturate(1.2);
}
.ws-addwhat__tag{
position:absolute;
left:var(--ws-smart-tag-offset);
top:var(--ws-smart-tag-offset);
padding:var(--ws-smart-tag-pad-y) var(--ws-smart-tag-pad-x);
border-radius:999rem;
font-weight:600;
font-size:var(--ws-smart-tag-fs);
z-index:998;
pointer-events:none;
}
.ws-addwhat__pp{
position:absolute;
right:var(--ws-smart-tag-offset);
top:var(--ws-smart-tag-offset);
width:var(--ws-smart-pp-size);
height:var(--ws-smart-pp-size);
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
z-index:1000;
transition:transform .15s ease, box-shadow .2s ease, background .15s ease;
}
.ws-addwhat__pp:hover{
transform:translateY(-0.0625rem);
}
.ws-addwhat__pp:focus-visible{
outline:0.125rem solid;
outline-offset:0.125rem;
}
.ws-addwhat__icon{
width:1.125rem;
height:1.125rem;
display:none;
}
.ws-addwhat__pp[data-state="paused"] .ws-addwhat__icon--play{
display:block;
}
.ws-addwhat__pp[data-state="playing"] .ws-addwhat__icon--pause{
display:block;
}
.ws-addwhat__dur{
position:absolute;
right:var(--ws-smart-tag-offset);
bottom:var(--ws-smart-dur-bottom);
padding:var(--ws-smart-dur-pad-y) var(--ws-smart-dur-pad-x);
border-radius:var(--ws-smart-dur-radius);
z-index:998;
pointer-events:none;
}
.ws-addwhat .ws-series__more .btn{
width:fit-content;
max-width:100%;
min-width:min(var(--ws-smart-series-more-btn-min-w),100%)!important;
height:var(--ws-smart-series-btn-h);
padding:0 var(--ws-smart-series-btn-px);
border:1px solid var(--btn-primary-br) !important;
border-radius:var(--ws-smart-series-btn-radius);
text-decoration:none !important;
display:inline-flex;
align-items:center;
justify-content:center;
font-family:var(--btn-font-family, var(--ws-btn-font)) !important;
font-weight:var(--btn-font-weight, var(--ws-btn-fw, 500)) !important;
font-size:var(--btn-font-size-cta, var(--btn-font-size, 20px)) !important;
line-height:var(--btn-line-height, 1.2) !important;
letter-spacing:var(--ws-smart-btn-track);
white-space:nowrap;
transition:transform .15s, border-color .15s;
margin:var(--btn-gap-top,1rem) auto var(--btn-gap-bottom,0)!important;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:2;
background:var(--btn-primary-bg) !important;
color:var(--btn-primary-fg) !important;
box-shadow:none !important;
filter:none !important;
box-sizing:border-box;
}
.ws-addwhat .ws-series__more .btn:hover{
transform:translateY(-0.0625rem);
}
.ws-addwhat .ws-series__more .btn:active{
transform:none;
}
.ws-addwhat .ws-series__more .btn:focus-visible{
outline:0.125rem solid;
outline-offset:0.125rem;
}
.ws-addwhat__pag{
position:static!important;
margin:var(--ws-smart-pag-mt) auto 0!important;
padding:0!important;
height:auto!important;
line-height:0!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
}
.ws-addwhat__pag .swiper-pagination-bullet{
width:var(--ws-smart-bullet-w);
height:var(--ws-smart-bullet-h);
border-radius:999rem;
margin:0 var(--ws-smart-bullet-mx)!important;
vertical-align:top;
opacity:1!important;
background:var(--ws-pag-inactive,#0000001c)!important;
}
.ws-addwhat__pag .swiper-pagination-bullet-active{
background:currentColor!important;
}
.ws-addwhat__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:var(--ws-smart-nav-size);
height:var(--ws-smart-nav-size);
border-radius:50%;
display:grid;
place-items:center;
z-index:999;
transition:transform .15s ease, box-shadow .2s ease, background .15s ease;
border:0.0625rem solid;
}
.ws-addwhat__nav:hover{
transform:translateY(-50%) scale(1.04);
}
.ws-addwhat__prev{
left:var(--ws-smart-nav-inset);
}
.ws-addwhat__next{
right:var(--ws-smart-nav-inset);
}
.ws-addwhat__nav svg{
width:var(--ws-smart-nav-ico);
height:var(--ws-smart-nav-ico);
}
.ws-addwhat--posters .ws-addwhat__pp{
pointer-events:none;
cursor:default;
}
.ws-addwhat--posters .ws-addwhat__icon--pause{
display:block!important;
}
.ws-addwhat--posters .ws-addwhat__icon--play{
display:none!important;
}
.ws-addwhat--posters .ws-addwhat__dur{
display:none;
}
.ws-addwhat .ws2-card_price{
position:absolute;
left:50%!important;
right:auto!important;
transform:translateX(-50%);
bottom:var(--ws-smart-price-bottom);
z-index:2;
background:rgba(0,0,0,.6)!important;
color:#fff!important;
border:0.0625rem solid rgba(255,255,255,.22)!important;
-webkit-backdrop-filter:blur(0.5rem) saturate(1.2);
backdrop-filter:blur(0.5rem) saturate(1.2);
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
padding:var(--ws-smart-price-pad-lg);
border-radius:999rem;
gap:var(--ws-smart-price-gap-sm);
}
.ws-addwhat .ws2-card_price *{
color:inherit!important;
}
.ws-addwhat .ws2-card__price{
position:absolute;
left:50%!important;
bottom:var(--ws-smart-price-bottom-center)!important;
right:auto!important;
top:auto!important;
transform:translateX(-50%)!important;
z-index:2;
margin:0!important;
padding:var(--ws-smart-price-pad);
border-radius:999rem;
display:inline-flex;
align-items:center;
gap:var(--ws-smart-price-gap);
font-size:var(--ws-smart-price-fs);
font-weight:700;
line-height:1;
pointer-events:none;
--glass-bg:rgba(0,0,0,.65);
--glass-brd:rgba(255,255,255,.25);
--glass-blur:0.5rem;
--glass-shadow:0 0.25rem 0.875rem rgba(0,0,0,.25);
background:var(--glass-bg)!important;
border:0.0625rem solid var(--glass-brd)!important;
box-shadow:var(--glass-shadow)!important;
-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);
backdrop-filter:blur(var(--glass-blur)) saturate(1.2);
color:#fff!important;
}
.ws-addwhat .ws2-card__price *{
color:inherit!important;
}
.ws-addwhat__nav{
background:var(--ws-nav-bg)!important;
border-color:var(--ws-nav-brd)!important;
box-shadow:var(--ws-nav-shadow)!important;
-webkit-backdrop-filter:blur(var(--ws-nav-blur)) saturate(1.2)!important;
backdrop-filter:blur(var(--ws-nav-blur)) saturate(1.2)!important;
color:#fff!important;
}
.ws-addwhat__nav:hover{
background:var(--ws-nav-hover)!important;
transform:translateY(-50%) scale(1.04)!important;
box-shadow:0 0.75rem 1.75rem rgba(0,0,0,.18)!important;
}
.ws-addwhat__nav svg{
width:var(--ws-nav-icon);
height:var(--ws-nav-icon);
display:block;
fill:currentColor;
opacity:.95;
}
.ws-addwhat__nav.swiper-button-disabled{
opacity:.45;
pointer-events:none;
transform:translateY(-50%)!important;
}
.ws-addwhat__nav{
top:var(--nav-top,50%)!important;
transform:translateY(-50%)!important;
}
.ws-addwhat .ws-addwhat__figure > .ws-addwhat__tag{
position:absolute;
left:var(--ws-smart-tag-figure-offset);
top:var(--ws-smart-tag-figure-offset);
padding:var(--ws-smart-tag-figure-pad-y) var(--ws-smart-tag-figure-pad-x);
font-size:var(--ws-smart-tag-fs);
line-height:1.15;
font-weight:700;
background-color:rgba(0,0,0,.6)!important;
color:#fff!important;
-webkit-backdrop-filter:blur(0.375rem) saturate(120%)!important;
backdrop-filter:blur(0.375rem) saturate(120%)!important;
border-radius:var(--ws-smart-tag-figure-radius);
box-shadow:0 0.25rem 0.625rem rgba(0,0,0,.25),
inset 0 0 0 0.0625rem rgba(255,255,255,.12);
z-index:5;
pointer-events:none;
mix-blend-mode:normal!important;
opacity:1!important;
}
.ws-addwhat__cap{
margin-top: var(--ws-smart-cap-mt);
font-size: var(--ws-smart-cap-fs);
line-height: var(--ws-smart-cap-lh);
}
.ws-addwhat__cap-title{
display:block;
font-weight:700;
font-size: var(--h4-size);
line-height:var(--ws-smart-cap-title-lh);
margin-bottom:var(--ws-smart-cap-title-mb);
text-decoration:none;
color:inherit;
}
.ws-addwhat__cap-title:hover{
text-decoration:underline;
}
@media (max-width: 768px){
.ws-addwhat__cap-title{
font-size: var(--ws-smart-cap-title-fs-sm);
}
}
.ws-addwhat__header > *{
min-width: 0;
}
.ws-addwhat__sub{
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
}
@media (max-width: 820px){
.ws-addwhat__header{
padding: 0 var(--ws-smart-header-pad-x);
}
.ws-addwhat__sub{
text-wrap: balance;
}
}
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow{
background:var(--ws-glow-brand) !important;
background-color:var(--ws-glow-brand) !important;
color:#fff !important;
border:0 !important;
box-shadow: var(--ws-glow-shadow) !important;
position:relative;
isolation:isolate;
overflow:visible;
animation: wsGlowPulse var(--ws-glow-dur) ease-in-out infinite;
}
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow,
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow *{
color:#fff !important;
fill:currentColor !important;
}
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow::after{
content:"";
position:absolute;
inset:var(--ws-glow-inset);
border-radius:999px;
background: var(--ws-glow-aura);
filter: blur(var(--ws-glow-blur));
opacity:var(--ws-glow-aura-opacity-start);
z-index:-1;
pointer-events:none;
animation: wsGlowAura var(--ws-glow-dur) ease-in-out infinite;
}
@keyframes wsGlowPulse{
0%,100%{ transform: scale(1); }
50% { transform: scale(var(--ws-glow-pulse-scale)); }
}
@keyframes wsGlowAura{
0%,100%{ opacity:var(--ws-glow-aura-opacity-start-sm); transform: scale(1); }
50% { opacity:var(--ws-glow-aura-opacity-mid); transform: scale(var(--ws-glow-aura-scale-mid)); }
}
@media (prefers-reduced-motion: reduce){
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow,
.ws-addwhat .ws-series__more a.btn.btn-primary.btn-glow::after{
animation:none !important;
}
}
.ws-addwhat .ws-series__more{
position:relative;
z-index:50;
padding: var(--ws-smart-series-more-pt-tight) 0 0;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.ws-addwhat__cap-text{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
-webkit-line-clamp: var(--cap-lines, 2);
line-clamp: var(--cap-lines, 2);
}
.ws-addwhat__cap-text--2{
-webkit-line-clamp:2;
line-clamp:2;
}
.ws-addwhat__cap-text--3{
-webkit-line-clamp:3;
line-clamp:3;
}
.ws-add{
position:relative;
padding-top:0;
padding-bottom:0;
}
.ws-add *{
box-sizing:border-box;
}
.ws-add__container{
max-width:var(--ws-reels-container-max);
margin:0 auto;
padding:0;
}
.ws-add__header{
text-align:center;
margin:0;
display:flex;
flex-direction:column;
align-items:center;
max-width:var(--ws-reels-header-max);
margin-left:auto;
margin-right:auto;
}
.ws-add__title{
margin:var(--ws-reels-title-mt) 0 0;
}
.ws-add__sub{
margin:var(--ws-reels-sub-mt) 0 var(--ws-reels-sub-mb)!important;
}
.ws-add__swiper{
position:relative;
}
.ws-add .swiper{
overflow:visible;
}
.ws-add .swiper-wrapper{
display:flex;
}
.ws-add .swiper-slide{
flex-shrink:0;
box-sizing:border-box;
}
.ws-add .ws-add__swiper .swiper-slide,
.ws-add .ws-add__swiper .swiper-slide.ws-add__slide,
.ws-add__slide.swiper-slide{
width:var(--ws-reels-slide-w,56.25rem)!important;
max-width:100%!important;
height:auto!important;
}
.ws-add__slide{
width:var(--ws-reels-slide-w);
display:flex;
flex-direction:column;
gap:0;
contain:layout paint;
}
.ws-add__figure{
position:relative;
width:100%;
aspect-ratio:16 / 9;
border-radius:0!important;
overflow:hidden;
margin:0!important;
}
.ws-add__figure::before{
content:"";
display:none;
padding-top:var(--ws-reels-aspect-pad);
}
@supports not (aspect-ratio:16 / 9){
.ws-add__figure{
aspect-ratio:auto;
}
.ws-add__figure::before{
display:block;
}
}
.ws-add__video,
.ws-add__img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.ws-add__tag{
position:absolute;
left:var(--ws-reels-tag-offset);
top:var(--ws-reels-tag-offset);
padding:var(--ws-reels-tag-pad-y) var(--ws-reels-tag-pad-x);
border-radius:999rem;
font-weight:600;
font-size:var(--ws-reels-tag-fs);
z-index:var(--ws-reels-tag-z);
pointer-events:none;
}
.ws-add__pp{
position:absolute;
right:var(--ws-reels-tag-offset);
top:var(--ws-reels-tag-offset);
width:var(--ws-reels-pp-size);
height:var(--ws-reels-pp-size);
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
z-index:1000;
}
.ws-add__icon{
width:var(--ws-reels-pp-ico);
height:var(--ws-reels-pp-ico);
display:none;
}
.ws-add__pp[data-state="paused"] .ws-add__icon--play{
display:block;
}
.ws-add__pp[data-state="playing"] .ws-add__icon--pause{
display:block;
}
.ws-add__dur{
position:absolute;
right:var(--ws-reels-tag-offset);
bottom:var(--ws-reels-dur-bottom);
padding:var(--ws-reels-dur-pad-y) var(--ws-reels-dur-pad-x);
border-radius:var(--ws-reels-dur-radius);
z-index:998;
pointer-events:none;
}
.ws-add__cap{
display:block!important;
height:auto!important;
padding:var(--ws-reels-cap-pad-y) var(--ws-reels-cap-pad-x)!important;
margin:var(--ws-reels-cap-mt) 0 0!important;
}
.ws-add .ws-series__more{
position:relative;
z-index:50;
padding:var(--ws-smart-series-more-pt-tight) 0 0;
text-align:center;
}
.ws-add .ws-series__more .btn{
width:fit-content;
max-width:100%;
min-width:min(var(--ws-smart-series-more-btn-min-w),100%)!important;
height:var(--ws-smart-series-btn-h);
padding:0 var(--ws-smart-series-btn-px);
border:1px solid var(--btn-primary-br) !important;
border-radius:var(--ws-smart-series-btn-radius);
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
margin:var(--ws-reels-btn-mt) auto 0!important;
position:relative;
z-index:2;
text-decoration:none !important;
font-weight:var(--ws-btn-fw);
font-size:var(--btn-font-size-cta);
background:var(--btn-primary-bg) !important;
color:var(--btn-primary-fg) !important;
box-shadow:none !important;
filter:none !important;
}
.ws-add__pag{
position:static!important;
margin:var(--ws-reels-pag-mt) auto 0!important;
padding:0!important;
height:auto!important;
line-height:0!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
}
.ws-add__pag .swiper-pagination-bullet{
width:var(--ws-reels-bullet-w);
height:var(--ws-reels-bullet-h);
border-radius:999rem;
margin:0 var(--ws-reels-bullet-mx)!important;
vertical-align:top;
opacity:1!important;
background:var(--ws-pag-inactive,#0000001c)!important;
}
.ws-add__pag .swiper-pagination-bullet-active{
background:currentColor!important;
}
.ws-add__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:var(--ws-reels-nav-size);
height:var(--ws-reels-nav-size);
border-radius:50%;
display:grid;
place-items:center;
z-index:999;
}
.ws-add__prev{
left:var(--ws-reels-nav-inset);
}
.ws-add__next{
right:var(--ws-reels-nav-inset);
}
.ws-add__nav svg{
width:var(--ws-reels-nav-ico);
height:var(--ws-reels-nav-ico);
}
.ws-add--posters .ws-add__pp{
pointer-events:none;
cursor:default;
}
.ws-add--posters .ws-add__icon--pause{
display:block!important;
}
.ws-add--posters .ws-add__icon--play{
display:none!important;
}
.ws-add{
--cut:var(--ws-reels-cut);
}
.ws-add__figure{
-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}
.ws-add,
.ws-add__container{
padding-bottom:0!important;
margin-bottom:0!important;
}
.ws-add__figure{
position:relative;
z-index:0;
}
.ws-add__img,
.ws-add__video{
position:absolute;
inset:0;
width:100%!important;
height:100%!important;
object-fit:cover!important;
z-index:1;
}
.ws-add .ws2-card__price{
position:absolute;
left:50%!important;
right:auto!important;
bottom:var(--ws-reels-price-bottom)!important;
top:auto!important;
transform:translateX(-50%)!important;
z-index:2;
display:inline-flex;
align-items:center;
gap:var(--ws-reels-price-gap);
padding:var(--ws-reels-price-pad-y) var(--ws-reels-price-pad-x);
border-radius:999rem;
pointer-events:none;
}
.ws-add .ws-add__pp{
color:#fff!important;
}
.ws-add__pp,
.ws-addwhat__pp{
width:var(--ws-reels-pp-size);
height:var(--ws-reels-pp-size);
border-radius:50%!important;
display:grid;
place-items:center;
background:rgba(0,0,0,.55)!important;
border:var(--ws-reels-pp-border) solid rgba(255,255,255,.22)!important;
-webkit-backdrop-filter:blur(var(--ws-reels-pp-blur)) saturate(1.2)!important;
backdrop-filter:blur(var(--ws-reels-pp-blur)) saturate(1.2)!important;
box-shadow:var(--ws-reels-pp-shadow)!important;
color:#fff!important;
z-index:1000;
cursor:pointer;
transition:transform .15s ease, box-shadow .2s ease, background .15s ease;
}
.ws-add__pp:hover,
.ws-addwhat__pp:hover{
background:rgba(0,0,0,.65)!important;
transform:translateY(var(--ws-reels-pp-lift));
}
.ws-add__pp:active,
.ws-addwhat__pp:active{
transform:none;
}
.ws-add__pp:focus-visible,
.ws-addwhat__pp:focus-visible{
outline:var(--ws-reels-focus-ring) solid rgba(255,255,255,.35);
outline-offset:var(--ws-reels-focus-offset);
}
.ws-add__pp svg,
.ws-addwhat__pp svg,
.ws-add__pp .ws-add__icon,
.ws-addwhat__pp .ws-addwhat__icon{
width:var(--ws-reels-pp-ico);
height:var(--ws-reels-pp-ico);
fill:currentColor;
}
.ws-add__figure .ws-add__pp,
.ws-addwhat__figure .ws-addwhat__pp{
border-radius:50%!important;
-webkit-mask:none!important;
mask:none!important;
}
.ws-add,
.ws-add__swiper,
.ws-add__swiper .swiper{
position:relative!important;
}
.ws-add__nav,
.ws-add_nav,
.swiper .swiper-button-prev.ws-add__nav,
.swiper .swiper-button-next.ws-add__nav,
.swiper .swiper-button-prev.ws-add_nav,
.swiper .swiper-button-next.ws-add_nav{
position:absolute!important;
top:50%!important;
bottom:auto!important;
transform:translateY(-50%)!important;
}
.ws-add__prev,
.ws-add_prev{
left:var(--ws-reels-nav-inset)!important;
}
.ws-add__next,
.ws-add_next{
right:var(--ws-reels-nav-inset)!important;
}
.ws-add__nav svg,
.ws-add_nav svg{
position:static!important;
top:auto!important;
bottom:auto!important;
margin:0!important;
transform:none!important;
display:block!important;
width:var(--ws-nav-icon,1.25rem)!important;
height:var(--ws-nav-icon,1.25rem)!important;
}
.ws-add__nav[style],
.ws-add_nav[style]{
top:50%!important;
transform:translateY(-50%)!important;
}
.ws-add .ws-add__tag{
background:rgba(0,0,0,.58)!important;
color:#fff!important;
-webkit-backdrop-filter:blur(0.375rem) saturate(120%);
backdrop-filter:blur(0.375rem) saturate(120%);
border-radius:999rem;
padding:0.375rem 0.625rem;
font-size:0.75rem;
font-weight:600;
line-height:1;
box-shadow:0 0.25rem 0.625rem rgba(0,0,0,.25),
inset 0 0 0 0.0625rem rgba(255,255,255,.12);
}
.ws-add{
--tag-fs:clamp(0.8125rem,1.05vw,1rem);
--tag-px:clamp(0.75rem,1.1vw,1.125rem);
--tag-py:clamp(0.4375rem,0.8vw,0.625rem);
--tag-radius:clamp(0.875rem,1vw,1.25rem);
--tag-offset:clamp(0.75rem,1vw,1.125rem);
}
.ws-add .ws-add__tag{
left:var(--tag-offset);
top:var(--tag-offset);
padding:var(--tag-py) var(--tag-px);
font-size:var(--tag-fs);
line-height:1.15;
border-radius:var(--tag-radius);
background:rgba(0,0,0,.58);
color:#fff;
-webkit-backdrop-filter:blur(0.375rem) saturate(120%);
backdrop-filter:blur(0.375rem) saturate(120%);
box-shadow:0 0.25rem 0.625rem rgba(0,0,0,.25),
inset 0 0 0 0.0625rem rgba(255,255,255,.12);
pointer-events:none;
}
.ws-add__figure > .ws-add__video,
.ws-add__figure > .ws-add__img{
top: calc(var(--ws-reels-media-bleed) * -1) !important;
left: calc(var(--ws-reels-media-bleed) * -1) !important;
right: calc(var(--ws-reels-media-bleed) * -1) !important;
bottom:calc(var(--ws-reels-media-bleed) * -1) !important;
width: calc(100% + 2 * var(--ws-reels-media-bleed)) !important;
height: calc(100% + 2 * var(--ws-reels-media-bleed)) !important;
object-fit: cover !important;
}
.ws-add__figure{
position:relative;
overflow:hidden;
}
.ws-add__poster,
.ws-add__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.ws-add__poster{
z-index:2;
transition:opacity .2s ease-out;
}
.ws-add__video{
z-index:1;
background:transparent;
}
.ws-add__figure--playing .ws-add__poster{
opacity:0;
pointer-events:none;
}
.ws-add__cap{
margin-top: var(--ws-reels-cap-mt-px);
font-size: var(--ws-reels-cap-fs);
line-height: var(--ws-reels-cap-lh);
}
.ws-add__cap-title{
display:block;
font-weight:700;
font-size: var(--ws-reels-cap-title-fs);
line-height:var(--ws-reels-cap-title-lh);
margin-bottom:var(--ws-reels-cap-title-mb);
text-decoration:none;
color:inherit;
}
.ws-add__cap-title:hover{
text-decoration:underline;
}
.ws-add__cap-text{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.ws-add .ws-add__cap-title{
display:block;
font-weight:700;
font-size: var(--h4-size);
line-height:1.25;
margin-bottom:var(--ws-reels-cap-title-mb);
text-decoration:none;
color:inherit;
}
.ws-add .ws-add__cap-title:hover{
text-decoration:underline;
}
@media (max-width: 768px){
.ws-add .ws-add__cap-title{
font-size: var(--ws-reels-cap-title-fs-sm);
}
}
.ws-add__media{
position:relative;
width:100%;
height:100%;
}
.ws-add__poster-wrap,
.ws-add__poster{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
}
.ws-add__poster{
object-fit:cover;
z-index:2;
transition:opacity .2s ease;
}
.ws-add__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
background:transparent;
}
.ws-add__figure--playing .ws-add__poster{
opacity:0;
pointer-events:none;
}
.ws-add__figure{ position:relative; }
.ws-add__subs{
position:absolute;
left:var(--ws-reels-subs-left);
top:var(--ws-reels-subs-top);
z-index:var(--ws-reels-subs-z);
display:inline-flex;
align-items:center;
justify-content:center;
padding:var(--ws-reels-subs-pad-y) var(--ws-reels-subs-pad-x);
border-radius:999px;
font-size:var(--ws-reels-subs-fs);
line-height:1;
font-weight:700;
color:#fff;
background:rgba(0,0,0,.55);
border:1px solid rgba(255,255,255,.18);
backdrop-filter: blur(var(--ws-reels-subs-blur));
-webkit-backdrop-filter: blur(var(--ws-reels-subs-blur));
pointer-events:none;
}
@media (max-width: 767px){
.ws-add__subs{
left:var(--ws-reels-subs-left-sm);
top:var(--ws-reels-subs-top-sm);
padding:var(--ws-reels-subs-pad-y-sm) var(--ws-reels-subs-pad-x-sm);
font-size:var(--ws-reels-subs-fs-sm);
}
}
.ws-add .ws-series__more a.btn.btn-primary.btn-glow{
background:var(--ws-glow-brand) !important;
color:#fff !important;
border:0 !important;
box-shadow: var(--ws-glow-shadow) !important;
position:relative;
isolation:isolate;
overflow:visible;
animation: wsGlowPulse var(--ws-glow-dur) ease-in-out infinite;
}
.ws-add .ws-series__more a.btn.btn-primary.btn-glow,
.ws-add .ws-series__more a.btn.btn-primary.btn-glow *{
color:#fff !important;
fill:currentColor;
}
.ws-add .ws-series__more a.btn.btn-primary.btn-glow::after{
content:"";
position:absolute;
inset:var(--ws-glow-inset);
border-radius:999px;
background: var(--ws-glow-aura);
filter: blur(var(--ws-glow-blur));
opacity:var(--ws-glow-aura-opacity-start);
z-index:-1;
pointer-events:none;
animation: wsGlowAura var(--ws-glow-dur) ease-in-out infinite;
}
@keyframes wsGlowPulse{
0%,100%{ transform: scale(1); }
50% { transform: scale(var(--ws-glow-pulse-scale)); }
}
@keyframes wsGlowAura{
0%,100%{ opacity:var(--ws-glow-aura-opacity-start-sm); transform: scale(1); }
50% { opacity:var(--ws-glow-aura-opacity-mid); transform: scale(var(--ws-glow-aura-scale-mid)); }
}
@media (prefers-reduced-motion: reduce){
.ws-add .ws-series__more a.btn.btn-primary.btn-glow,
.ws-add .ws-series__more a.btn.btn-primary.btn-glow::after{
animation:none !important;
}
}
.drevos-vhero{
color:var(--text);
max-width:var(--ws-vhero-max);
margin:0 auto;
padding:0 var(--ws-vhero-pad-x) 0;
background:none;
--cut:var(--ws-vhero-cut);
--mute-nudge-x:0;
--mute-nudge-y:0;
}
.drevos-vhero__head{
background:transparent;
text-align:center;
padding:0 var(--ws-vhero-head-pad-x) 0;
margin-top:var(--ws-vhero-head-mt, 2.125rem);
display:flex;
flex-direction:column;
align-items:center;
gap:var(--ws-vhero-head-gap, 0.5rem);
}
.drevos-vhero__title{
margin:0;
font-weight:var(--ws-vhero-title-fw);
line-height:var(--ws-vhero-title-lh);
letter-spacing:var(--ws-vhero-title-track);
font-size:var(--ws-vhero-title-fs);
color:inherit;
}
.drevos-vhero__sub{
margin:0 0 var(--ws-vhero-sub-mb, 1.25rem);
color:var(--muted);
font-size:var(--ws-vhero-sub-fs);
line-height:var(--ws-vhero-sub-lh);
font-weight:var(--ws-vhero-sub-fw);
}
.drevos-vhero__desc{
margin:var(--ws-vhero-desc-mt) auto 0;
color:inherit;
font-size:var(--ws-vhero-desc-fs);
line-height:var(--ws-vhero-desc-lh);
max-width:var(--ws-vhero-desc-max-ch);
}
.drevos-vhero__stage{
position:relative;
height:var(--ws-vhero-stage-h);
background:var(--media-bg);
border-radius:var(--ws-vhero-stage-radius);
overflow:hidden;
margin:0 auto;
width:100%;
max-width:100%;
z-index:0;
}
.drevos-vhero__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
border-radius:inherit;
background:transparent;
}
.drevos-vhero__shade{
position:absolute;
inset:0;
pointer-events:none;
border-radius:inherit;
background:var(--overlay-gradient);
}
.drevos-vhero__stage .drevos-vhero__btn.btn{
position:absolute;
left:50%;
bottom:var(--ws-vhero-btn-bottom);
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
max-width:calc(100% - 2rem);
border-radius:var(--ws-btn-radius);
text-decoration:none;
transition:transform .15s,box-shadow .15s;
z-index:10;
}
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary:not(.btn-glow){
box-shadow:none !important;
-webkit-box-shadow:none !important;
}
.drevos-vhero__stage .drevos-vhero__btn.btn:hover{
transform:translateX(-50%) translateY(var(--ws-vhero-btn-lift));
}
.drevos-vhero__pp{
position:absolute;
right:var(--ws-vhero-pp-inset);
top:var(--ws-vhero-pp-inset);
width:var(--ws-vhero-pp-size);
height:var(--ws-vhero-pp-size);
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
z-index:5;
background:var(--glass-bg);
border:var(--ws-vhero-pp-border) solid var(--glass-border);
box-shadow:var(--glass-shadow);
-webkit-backdrop-filter:blur(var(--ws-vhero-pp-blur)) saturate(1.2);
backdrop-filter:blur(var(--ws-vhero-pp-blur)) saturate(1.2);
transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.drevos-vhero__pp:hover{
transform:translateY(var(--ws-vhero-btn-lift));
background:var(--glass-hover);
}
.drevos-vhero__pp .ico{
display:block;
width:var(--ws-vhero-ico);
height:var(--ws-vhero-ico);
}
.drevos-vhero__pp .ico-play{
display:none;
}
.drevos-vhero__pp.is-paused .ico-play{
display:block;
}
.drevos-vhero__pp.is-paused .ico-pause{
display:none;
}
.drevos-vhero__mute{
position:absolute;
left:var(--ws-vhero-mute-left);
bottom:var(--ws-vhero-mute-bottom);
width:var(--ws-vhero-mute-size);
height:var(--ws-vhero-mute-size);
border-radius:999px;
z-index:6;
cursor:pointer;
display:grid;
place-items:center;
line-height:0;
font-size:0;
background:var(--glass-bg);
border:var(--ws-vhero-pp-border) solid var(--glass-border);
-webkit-backdrop-filter:blur(var(--ws-vhero-mute-blur)) saturate(1.2);
backdrop-filter:blur(var(--ws-vhero-mute-blur)) saturate(1.2);
transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.drevos-vhero__mute:hover{
transform:translateY(var(--ws-vhero-btn-lift));
background:var(--glass-hover);
}
.drevos-vhero__mute .ico{
width:var(--ws-vhero-ico);
height:var(--ws-vhero-ico);
display:none;
}
.drevos-vhero__mute[data-muted="true"] .ico--mute{
display:block;
}
.drevos-vhero__mute[data-muted="false"] .ico--unmute{
display:block;
}
.drevos-vhero__badge{
position:absolute;
left:var(--ws-vhero-pp-inset);
top:var(--ws-vhero-pp-inset);
z-index:6;
display:inline-flex;
align-items:center;
gap:var(--ws-vhero-badge-gap);
padding:var(--ws-vhero-badge-pad-y) var(--ws-vhero-badge-pad-x);
border-radius:var(--ws-vhero-badge-radius);
font-weight:var(--ws-vhero-badge-fw);
font-size:var(--ws-vhero-badge-fs);
line-height:1;
cursor:pointer;
background:var(--glass-bg);
border:var(--ws-vhero-pp-border) solid var(--glass-border);
box-shadow:var(--glass-shadow);
-webkit-backdrop-filter:blur(var(--ws-vhero-pp-blur)) saturate(1.2);
backdrop-filter:blur(var(--ws-vhero-pp-blur)) saturate(1.2);
transition:opacity .25s ease,transform .25s ease,background .15s ease;
animation:dv-badge-pulse var(--ws-vhero-badge-pulse-dur) ease-in-out 3;
}
.drevos-vhero__badge .ico{
display:block;
}
.drevos-vhero__badge:hover{
background:var(--glass-hover);
}
@keyframes dv-badge-pulse{
0%,100%{ transform:scale(1); }
50%{ transform:scale(var(--ws-vhero-badge-pulse-scale)); }
}
.drevos-vhero__stage,
.drevos-vhero__video,
.drevos-vhero__shade{
border-radius:0 !important;
overflow:hidden !important;
background:transparent !important;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}
@supports (left:max(0px,1px)){
.drevos-vhero__pp{
right:max(var(--ws-vhero-pp-inset),env(safe-area-inset-right));
top:max(var(--ws-vhero-pp-inset),env(safe-area-inset-top));
}
.drevos-vhero__stage .drevos-vhero__btn.btn{
bottom:max(var(--ws-vhero-safe-btn-bottom),env(safe-area-inset-bottom));
}
.drevos-vhero__mute{
left:max(var(--ws-vhero-mute-left),env(safe-area-inset-left));
bottom:max(var(--ws-vhero-safe-mute-bottom),env(safe-area-inset-bottom));
}
}
html,
body{
overflow-x:hidden;
}
.drevos-vhero--no-mute .drevos-vhero__mute,
.drevos-vhero--no-mute .drevos-vhero__mute .label-mute,
.drevos-vhero--no-mute .drevos-vhero__mute .label-unmute{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
.drevos-vhero--no-tap .drevos-vhero__badge{
display:none !important;
}
.drevos-vhero .drevos-vhero__badge{
position:absolute !important;
top:var(--ws-vhero-ctrl-inset) !important;
left:var(--ws-vhero-ctrl-inset) !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
display:flex !important;
align-items:center;
gap:var(--ws-vhero-badge-gap);
padding:var(--ws-vhero-badge-pad-y) 0.875rem;
border-radius:var(--ws-vhero-ctrl-badge-radius);
background:var(--ws-vhero-ctrl-bg);
color:#fff;
backdrop-filter:saturate(140%) blur(var(--ws-vhero-ctrl-blur));
z-index:5;
}
.drevos-vhero .drevos-vhero__pp{
position:absolute !important;
top:var(--ws-vhero-ctrl-inset) !important;
right:var(--ws-vhero-ctrl-inset) !important;
left:auto !important;
bottom:auto !important;
transform:none !important;
width:var(--ws-vhero-pp-size);
height:var(--ws-vhero-pp-size);
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:var(--ws-vhero-ctrl-bg);
color:#fff;
z-index:6;
backdrop-filter:saturate(140%) blur(var(--ws-vhero-ctrl-blur));
}
.drevos-vhero .drevos-vhero__pp .ico{
width:var(--ws-vhero-ico);
height:var(--ws-vhero-ico);
fill:currentColor;
}
.drevos-vhero .drevos-vhero__pp .ico-play{
display:none;
}
.drevos-vhero .drevos-vhero__pp.is-paused .ico-play{
display:block;
}
.drevos-vhero .drevos-vhero__pp.is-paused .ico-pause{
display:none;
}
.drevos-vhero .drevos-vhero__mute{
position:absolute !important;
left:var(--ws-vhero-mute-sm-left) !important;
bottom:var(--ws-vhero-mute-sm-bottom) !important;
top:auto !important;
right:auto !important;
transform:none !important;
width:var(--ws-vhero-mute-sm-size);
height:var(--ws-vhero-mute-sm-size);
border-radius:999px;
display:block !important;
line-height:0 !important;
background:var(--ws-vhero-ctrl-bg);
color:#fff;
z-index:5;
backdrop-filter:saturate(140%) blur(var(--ws-vhero-ctrl-blur));
padding:0 !important;
}
.drevos-vhero .drevos-vhero__mute .label-mute,
.drevos-vhero .drevos-vhero__mute .label-unmute{
display:none !important;
}
.drevos-vhero .drevos-vhero__mute .ico{
position:absolute !important;
top:50% !important;
left:50% !important;
transform:translate(calc(-50% + var(--mute-nudge-x)),calc(-50% + var(--mute-nudge-y))) !important;
width:var(--ws-vhero-ico);
height:var(--ws-vhero-ico);
display:block !important;
}
.drevos-vhero .drevos-vhero__mute[data-muted="true"] .ico--unmute{
display:none !important;
}
.drevos-vhero .drevos-vhero__mute[data-muted="false"] .ico--mute{
display:none !important;
}
.drevos-vhero .drevos-vhero__badge::after{
content:"";
position:absolute;
width:var(--ws-vhero-badge-line-w);
height:var(--ws-vhero-badge-line-h);
background:currentColor;
border-radius:999px;
top:50%;
left:var(--ws-vhero-badge-line-left);
transform:translateY(-50%) rotate(-35deg);
opacity:0;
pointer-events:none;
transition:opacity .15s ease;
}
.drevos-vhero .drevos-vhero__badge[data-muted="true"]::after{
opacity:1;
}
#drevosVhero .drevos-vhero__stage{
position:relative;
}
#drevosVhero .drevos-vhero__mute{
position:absolute !important;
left:var(--ws-vhero-mute-vhero-left) !important;
bottom:var(--ws-vhero-mute-vhero-bottom) !important;
top:auto !important;
right:auto !important;
transform:none !important;
}
#drevosVhero2 .drevos-vhero__mute{
display:none !important;
visibility:hidden !important;
}
#drevosVhero .drevos-vhero__badge{
display:flex !important;
position:absolute !important;
top:var(--ws-vhero-ctrl-inset) !important;
left:var(--ws-vhero-ctrl-inset) !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
}
.drevos-vhero--no-mute .drevos-vhero__mute{
display:none !important;
}
.drevos-vhero__stage{
position:relative;
overflow:hidden;
}
.drevos-vhero__poster,
.drevos-vhero__video{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.drevos-vhero__poster{
position:absolute;
inset:0;
z-index:0;
transition:opacity .2s ease-out;
}
.drevos-vhero__poster--hidden{
opacity:0;
pointer-events:none;
}
.drevos-vhero__video{
position:relative;
z-index:1;
background:transparent;
}
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow{
background:var(--ws-glow-brand) !important;
background-color:var(--ws-glow-brand) !important;
color:#fff !important;
border:0 !important;
border-color:transparent !important;
box-shadow: var(--ws-glow-shadow) !important;
position:absolute;
overflow:visible !important;
isolation:isolate;
animation: dvGlowPulse var(--ws-glow-dur) ease-in-out infinite;
}
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow,
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow *{
color:#fff !important;
fill:#fff !important;
}
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow::after{
content:"";
position:absolute;
inset:var(--ws-glow-inset);
border-radius:999px;
background: var(--ws-glow-aura);
filter: blur(var(--ws-glow-blur));
opacity:var(--ws-glow-aura-opacity-start);
z-index:-1;
pointer-events:none;
animation: dvGlowAura var(--ws-glow-dur) ease-in-out infinite;
}
@keyframes dvGlowPulse{
0%,100% { transform:translateX(-50%) scale(1); }
50% { transform:translateX(-50%) scale(var(--ws-glow-pulse-scale)); }
}
@keyframes dvGlowAura{
0%,100% { opacity:.45; transform:scale(1); }
50% { opacity:.75; transform:scale(var(--ws-glow-aura-scale-mid)); }
}
@media (prefers-reduced-motion: reduce){
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow,
.drevos-vhero__stage .drevos-vhero__btn.btn.btn-primary.btn-glow::after{
animation:none !important;
}
}
.ws-blog{}
.ws-blog__wrap{
max-width:var(--ws-listing-wrap-max);
margin:0 auto;
padding:var(--ws-listing-wrap-pad-y) var(--ws-listing-wrap-pad-x) var(--ws-listing-wrap-pad-bottom);
}
.ws-blog__title{
margin:0 0 var(--ws-listing-page-title-margin-bottom);
}
.ws-blog__count{
display:inline-flex;
align-items:center;
margin-left:var(--ws-listing-count-margin-left);
padding:var(--ws-listing-count-pad-y) var(--ws-listing-count-pad-x);
border:1px solid;
border-radius:var(--ws-listing-count-radius);
font-size:var(--ws-listing-meta-font-size);
line-height:var(--ws-listing-meta-line-height);
position:relative;
top:var(--ws-listing-count-offset-y);
white-space:nowrap;
}
.ws-blog__head{
position:relative;
display:flex;
gap:var(--ws-listing-head-gap);
align-items:flex-start;
flex-wrap:wrap;
}
.ws-pills{
display:flex;
gap:var(--ws-listing-pill-gap);
flex:1 1 auto;
flex-wrap:wrap;
}
.ws-pill{
display:inline-flex;
gap:var(--ws-listing-pill-gap);
align-items:center;
padding:var(--ws-listing-pill-pad-y) var(--ws-listing-pill-pad-x);
border:1px solid;
border-radius:999px;
text-decoration:none;
color:#000;
}
.ws-pill span{opacity:.6}
.ws-pill--clear{border-style:dashed}
.ws-filter__btn{
margin-left:auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:var(--ws-listing-filter-bar-btn-min-width);
height:var(--ws-listing-filter-bar-btn-height);
padding:0 var(--ws-listing-filter-bar-btn-pad-x);
border-radius:var(--ws-listing-filter-bar-btn-radius);
border:1px solid;
}
.ws-blog__grid.is-ws-loading{
opacity:.45;
pointer-events:none;
transition:opacity .2s ease;
}
.ws-blog__grid{
display:grid;
gap:var(--ws-listing-grid-gap);
margin-top:var(--ws-listing-grid-margin-top);
grid-template-columns:repeat(auto-fill,minmax(var(--ws-listing-grid-col-min),1fr));
}
@media (min-width:1320px){
.ws-blog__grid{
grid-template-columns:repeat(3,var(--ws-listing-grid-col-min));
justify-content:center;
}
}
@media (max-width:980px){
.ws-blog__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.ws-blog__grid{grid-template-columns:1fr}
}
.ws-card{
display:flex;
flex-direction:column;
border:0!important;
border-radius:0!important;
overflow:visible!important;
}
.ws-card__thumb{
position:relative;
display:block;
width:100%;
aspect-ratio:11/8;
overflow:hidden;
}
.ws-card__img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.ws-card__tag{
position:absolute;
left:var(--ws-listing-badge-offset);
top:var(--ws-listing-badge-offset);
padding:var(--ws-listing-badge-pad-y) var(--ws-listing-badge-pad-x);
border:1px solid;
border-radius:999px;
z-index:4;
font-size:var(--ws-listing-badge-font-size);
font-weight:var(--ws-listing-badge-font-weight);
}
.ws-card__body{
padding:var(--ws-listing-grid-title-margin-t) var(--ws-listing-card-body-pad) var(--ws-listing-card-body-pad);
}
.ws-card__title{
margin:0 0 var(--ws-listing-grid-title-margin-b);
}
.ws-blog .ws-card__title,
.ws-blog .ws-card__title a{
font-family:var(--font-heading)!important;
font-weight:700!important;
font-size:clamp(18px,2vw,22px)!important;
line-height:1.25!important;
letter-spacing:-0.02em!important;
}
.ws-card__title a{text-decoration:none}
.ws-card__excerpt{
min-height:var(--ws-listing-excerpt-min-height);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
text-overflow:ellipsis;
}
.ws-card .btn{
margin:var(--ws-listing-card-cta-margin-top) auto 0;
align-self:center;
text-decoration:none;
}
.ws-blog,
#techblog-list{
--cut:var(--ws-listing-card-cut);
--blog-bg:var(--ws-listing-cut-mask-bg);
}
.ws-blog__grid .ws-card__thumb::before,
.ws-blog__grid .ws-card__thumb::after{
content:"";
position:absolute;
z-index:3;
pointer-events:none;
}
.ws-blog__grid .ws-card__thumb::before{
top:0;right:0;
border-top:var(--cut) solid var(--blog-bg);
border-left:var(--cut) solid transparent;
}
.ws-blog__grid .ws-card__thumb::after{
bottom:0;left:0;
border-bottom:var(--cut) solid var(--blog-bg);
border-right:var(--cut) solid transparent;
}
#techblog-list .ws-card__body{
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}
#techblog-list .ws-card .btn{
margin:var(--ws-listing-card-cta-margin-top) auto 0;
}
#techblog-list .ws-blog__more{
display:flex;
justify-content:center;
}
#techblog-list .ws-blog__more > a.btn{
display:inline-flex!important;
inline-size:var(--ws-listing-cta-width)!important;
block-size:var(--ws-listing-cta-height)!important;
align-items:center;
justify-content:center;
margin:var(--ws-listing-card-cta-margin-top) auto 0!important;
}
.ws-no-scroll{overflow:hidden}
.ws-filter{
position:fixed;
inset:0;
display:flex;
justify-content:flex-end;
align-items:stretch;
z-index:1000;
box-sizing:border-box;
background:rgba(0,0,0,.38);
}
.ws-filter[hidden]{display:none}
.ws-filter__form{
position:relative;
flex:0 0 auto;
width:min(420px,92vw);
max-width:100%;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
box-sizing:border-box;
background:#fff;
border-left:1px solid rgba(0,0,0,.12);
padding:64px 16px 24px;
box-shadow:-8px 0 28px rgba(0,0,0,.1);
}
.ws-filter__close{
position:absolute;
top:12px;
right:12px;
width:36px;
height:36px;
border-radius:8px;
border:1px solid rgba(0,0,0,.18);
background:#fff;
cursor:pointer;
line-height:1;
z-index:2;
}
body.admin-bar .ws-filter__close{top:48px}
.ws-check{
display:flex;
gap:10px;
align-items:center;
padding:10px 12px;
border:1px solid rgba(0,0,0,.14);
border-radius:10px;
background:#fafafa;
}
.ws-check em{
font-style:normal;
margin-left:auto;
}
.ws-filter__list{
display:flex;
flex-direction:column;
gap:10px;
}
.ws-filter__title{
margin:0 0 16px;
padding-right:44px;
}
@media (max-width:768px){
.ws-filter__form{
width:min(420px,100%);
max-width:100%;
border-left:1px solid rgba(0,0,0,.12);
box-shadow:-8px 0 28px rgba(0,0,0,.1);
padding-top:56px;
}
}
@media (max-width:640px){
.ws-filter__btn{
order:2;
margin-left:0;
}
.ws-blog__head{
display:grid!important;
grid-template-columns:1fr auto;
grid-template-areas:
"title title"
"pills pills"
"filter filter";
gap:10px;
margin-bottom:12px;
}
.ws-blog__title{
grid-area:title;
font-size:clamp(
var(--ws-listing-page-title-fs-min),
var(--ws-listing-page-title-fs-pref),
var(--ws-listing-page-title-fs-max)
);
line-height:var(--ws-listing-heading-line-height);
}
.ws-pills{
grid-area:pills;
overflow:auto;
gap:6px;
padding-bottom:2px;
}
.ws-filter__btn{
grid-area:filter;
width:100%;
height:40px;
border-radius:12px;
}
}
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
overflow-x:hidden;
}
.page-cases-tabs {
max-width: var(--ws-cases-page-max);
margin: 0 auto;
padding: var(--ws-cases-page-pad-y-top) var(--ws-cases-page-pad-x) var(--ws-cases-page-pad-y-bottom);
}
.cases-tabs__top {
text-align: center;
margin-bottom: var(--ws-cases-legacy-top-margin-bottom);
}
.cases-tabs__title {
font-size: var(--ws-cases-legacy-title-fs);
font-weight: var(--ws-cases-legacy-title-weight);
margin: 0 0 var(--ws-cases-legacy-title-margin-bottom);
letter-spacing: var(--ws-cases-legacy-title-track);
}
.cases-tabs__desc {
font-size: var(--ws-cases-legacy-desc-fs);
margin: 0 0 var(--ws-cases-legacy-desc-margin-bottom);
font-weight: 400;
}
.cases-tabs__tabs {
display: flex;
justify-content: center;
gap: var(--ws-cases-legacy-tabs-gap);
margin-bottom: var(--ws-cases-legacy-tabs-margin-bottom);
}
.cases-tabs__tab {
border: none;
border-radius: var(--ws-cases-legacy-tab-radius);
padding: var(--ws-cases-legacy-tab-pad-y) var(--ws-cases-legacy-tab-pad-x);
font-size: var(--ws-cases-legacy-tab-fs);
font-weight: var(--ws-cases-legacy-tab-weight);
cursor: pointer;
outline: none;
transition: transform var(--ws-cases-legacy-tab-transform-duration);
}
.cases-tabs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--ws-cases-legacy-grid-row-gap) var(--ws-cases-legacy-grid-col-gap);
}
.cases-card {
border-radius: var(--ws-cases-legacy-card-radius);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow var(--ws-cases-legacy-card-shadow-duration);
}
.cases-card__img {
width: 100%;
aspect-ratio: 16 / 11;
object-fit: cover;
display: block;
border-radius: var(--ws-cases-legacy-card-radius) var(--ws-cases-legacy-card-radius) 0 0;
}
.cases-card__info {
padding: var(--ws-cases-legacy-card-info-pad-t) var(--ws-cases-legacy-card-info-pad-x)
var(--ws-cases-legacy-card-info-pad-b);
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.cases-card__title {
font-size: var(--ws-cases-legacy-card-title-fs);
font-weight: var(--ws-cases-legacy-card-title-weight);
margin: 0 0 var(--ws-cases-legacy-card-title-margin-bottom);
}
.cases-card__desc {
font-size: var(--ws-cases-legacy-card-desc-fs);
margin-bottom: var(--ws-cases-legacy-card-desc-margin-bottom);
min-height: var(--ws-cases-legacy-card-desc-min-height);
}
.cases-card__btn {
margin-top: auto;
width: 100%;
height: var(--ws-cases-legacy-card-btn-height);
border: var(--ws-cases-legacy-card-btn-border-w) solid;
border-radius: var(--ws-cases-legacy-card-btn-radius);
font-size: var(--ws-cases-legacy-card-btn-fs);
font-weight: var(--ws-cases-legacy-card-btn-weight);
letter-spacing: var(--ws-cases-legacy-title-track);
cursor: pointer;
background: none;
transition:
box-shadow 0.15s,
transform 0.15s;
}
.cases-tabs__loadmore {
margin: var(--ws-cases-legacy-loadmore-margin-top) auto 0;
display: block;
width: var(--ws-cases-legacy-loadmore-width);
max-width: 100%;
height: var(--ws-cases-legacy-loadmore-height);
border-radius: var(--ws-cases-legacy-loadmore-radius);
border: var(--ws-cases-legacy-loadmore-border-w) solid;
font-weight: var(--ws-cases-legacy-loadmore-weight);
font-size: var(--ws-cases-legacy-loadmore-fs);
letter-spacing: var(--ws-cases-legacy-title-track);
cursor: pointer;
background: none;
transition: transform var(--ws-cases-legacy-loadmore-transform-duration);
}
@media (max-width: 900px) {
.cases-tabs__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.cases-tabs__grid {
grid-template-columns: 1fr;
}
.cases-tabs__top {
margin-bottom: var(--ws-cases-legacy-mobile-top-margin-bottom);
}
.cases-tabs__tabs {
margin-bottom: var(--ws-cases-legacy-mobile-tabs-margin-bottom);
}
}
.ws-cases {
max-width: var(--ws-cases-page-max);
margin: 0 auto;
padding: max(16px, calc(var(--ws-cases-page-pad-y-top) - 8px)) var(--ws-cases-page-pad-x) var(--ws-cases-page-pad-y-bottom);
box-sizing: border-box;
}
.ws-cases__title {
margin: 0 0 10px;
}
.ws-cases__desc {
margin: 0 auto 20px;
max-width: 42rem;
font-family: var(--btn-font-family, var(--font-body, "Montserrat", system-ui, sans-serif));
font-size: 18px !important;
line-height: 1.45;
font-weight: 500;
color: var(--text, #111);
}
.ws-cases * {
box-sizing: border-box;
}
.ws-cases__top {
text-align: center;
margin-bottom: var(--ws-cases-main-top-margin-bottom);
padding-top: 0;
position: relative;
z-index: 20;
pointer-events: auto;
}
.ws-cases__tabs {
display: inline-flex;
gap: var(--ws-cases-tabs-wrap-gap);
padding: var(--ws-cases-tabs-wrap-pad);
border-radius: var(--ws-cases-tabs-wrap-radius);
margin-top: 2px;
}
.ws-cases__tab {
padding: var(--ws-cases-tab-pad-y) var(--ws-cases-tab-pad-x);
border-radius: var(--ws-cases-tab-radius);
cursor: pointer;
font-family: var(--btn-font-family, var(--ws-btn-font, var(--font-body, "Montserrat", system-ui, sans-serif)));
font-size: var(--btn-font-size-cta, var(--btn-font-size, 20px));
line-height: var(--btn-line-height, 1.2);
font-weight: var(--btn-font-weight, var(--ws-btn-fw, 500));
letter-spacing: 0.02em;
text-transform: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--ws-btn-height, 46px);
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 21;
pointer-events: auto;
}
.ws-cases__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--ws-cases-grid-gap);
}
#wsCases .ws-card,
.ws-cases .ws-card {
display: flex;
flex-direction: column;
border-radius: 0 !important;
border: 0 !important;
overflow: visible !important;
}
#wsCases .ws-card__imgwrap,
.ws-cases .ws-card__imgwrap {
--cut: var(--ws-cases-card-cut);
position: relative;
overflow: hidden;
}
#wsCases .ws-card__img,
#wsCases .ws-card__imgwrap > img,
#wsCases .ws-card__imgwrap > video,
.ws-cases .ws-card__img,
.ws-cases .ws-card__imgwrap > img,
.ws-cases .ws-card__imgwrap > video {
width: 100%;
aspect-ratio: 16 / 11;
object-fit: cover;
display: block;
}
#wsCases {
--cut: var(--ws-cases-card-cut);
--cases-bg: var(--surface, var(--ws-cases-surface));
}
#wsCases .ws-card__imgwrap::before,
#wsCases .ws-card__imgwrap::after {
content: "";
position: absolute;
z-index: 3;
pointer-events: none;
}
#wsCases .ws-card__imgwrap::before {
top: 0;
right: 0;
border-top: var(--cut) solid var(--cases-bg);
border-left: var(--cut) solid transparent;
}
#wsCases .ws-card__imgwrap::after {
bottom: 0;
left: 0;
border-bottom: var(--cut) solid var(--cases-bg);
border-right: var(--cut) solid transparent;
}
#wsCases .ws-card__body,
.ws-cases .ws-card__body {
padding: var(--ws-listing-grid-title-margin-t) var(--ws-listing-card-body-pad) var(--ws-listing-card-body-pad);
display: flex;
flex-direction: column;
gap: 0;
}
#wsCases .ws-card__excerpt,
.ws-cases .ws-card__excerpt {
min-height: var(--ws-listing-excerpt-min-height);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ws-cases .ws-cases__tab {
background: transparent;
color: var(--ws-cases-tab-fg);
border: 1px solid var(--ws-cases-tab-border);
transition: var(--ws-cases-tabs-state-duration);
}
.ws-cases .ws-cases__tab.active {
background: var(--ws-cases-tab-active-bg);
color: var(--ws-cases-tab-active-fg);
border-color: var(--ws-cases-tab-active-border);
}
#wsCases .ws-card .btn.btn-primary.btn--fixed,
.ws-cases .ws-card .btn.btn-primary.btn--fixed {
width: 100%;
max-width: min(var(--ws-listing-cta-width, 340px), 100%);
margin-left: auto;
margin-right: auto;
font-family: var(--btn-font-family, var(--ws-btn-font)) !important;
font-size: var(--btn-font-size-cta, var(--btn-font-size, 20px)) !important;
line-height: var(--btn-line-height, 1.2) !important;
font-weight: var(--btn-font-weight, var(--ws-btn-fw, 500)) !important;
min-height: var(--ws-btn-height, 46px);
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ws-cases__load {
margin: var(--ws-cases-load-margin-top) auto 0;
display: flex;
align-items: center;
justify-content: center;
width: var(--ws-listing-cta-width);
height: var(--ws-listing-cta-height);
border-radius: var(--ws-cases-load-radius);
border: 1px solid;
font-family: var(--btn-font-family, var(--ws-btn-font)) !important;
font-size: var(--btn-font-size-cta, var(--btn-font-size, 20px)) !important;
line-height: var(--btn-line-height, 1.2) !important;
font-weight: var(--btn-font-weight, var(--ws-btn-fw, 500)) !important;
cursor: pointer;
background: none;
box-sizing: border-box;
}
.page-id-41 #wsCases {
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 980px) {
.ws-cases__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 740px) {
#wsCases {
padding-left: var(--ws-cases-mobile-pad-x-important) !important;
padding-right: var(--ws-cases-mobile-pad-x-important) !important;
}
#wsCases .ws-card[data-visible="0"] {
display: none !important;
}
}
@media (max-width: 620px) {
.ws-cases {
padding: var(--ws-cases-page-pad-y-top-sm) var(--ws-cases-page-pad-x-sm) var(--ws-cases-page-pad-y-bottom-sm);
}
.ws-cases__grid {
grid-template-columns: 1fr;
}
}
.ws-cases .ws-card__imgwrap {
display: block;
text-decoration: none;
}
.ws-cases .ws-card__title a,
.ws-cases .ws-card__title a:visited {
color: inherit;
text-decoration: none;
}
.ws-cases .ws-card__title a:hover {
text-decoration: underline;
}
#wsCases .ws-card__title,
#wsCases .ws-card__title a,
.ws-cases .ws-card__title,
.ws-cases .ws-card__title a {
font-family: var(--font-heading) !important;
font-weight: 700 !important;
font-size: clamp(18px, 2vw, 22px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.ws-cases__end {
margin: var(--ws-cases-end-margin-top) 0 0;
text-align: center;
}
.ws-delivery {
--container: var(--ws-delivery-container-max);
}
.ws-delivery__container {
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--ws-delivery-pad-x) 0;
}
@media (max-width: 767.98px) {
.ws-delivery__container {
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--ws-delivery-pad-x-sm) 0;
}
}
.ws-about{
background: var(--surface);
color: var(--text);
}
.ws-about__container{
max-width: var(--ws-about-container-max);
margin:0 auto;
padding:0 var(--ws-about-container-pad-x) 0;
}
.ws-about__head{
text-align:center;
margin-bottom: var(--ws-about-head-mb);
}
.ws-about__title{
font-size: var(--ws-about-title-fs);
line-height: var(--ws-about-title-lh);
margin:0 0 var(--ws-about-title-mb);
font-weight:800;
}
.ws-about__subtitle{
max-width: var(--ws-about-subtitle-max);
margin:0 auto;
font-size: var(--ws-about-subtitle-fs);
line-height: var(--ws-about-subtitle-lh);
}
.ws-about__media{
position:relative;
width:100%;
aspect-ratio: var(--ws-about-media-aspect);
border-radius: var(--ws-about-media-radius);
overflow:hidden;
background: var(--media-bg);
box-shadow: var(--shadow);
margin: var(--ws-about-media-mt) 0 var(--ws-about-media-mb);
}
.ws-about__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.ws-about__video--desktop{ display:block; }
.ws-about__video--mobile{ display:none; }
.ws-about__image{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.ws-about__mute{
position:absolute;
right: var(--ws-about-mute-offset);
bottom: var(--ws-about-mute-offset);
z-index:3;
width: var(--ws-about-mute-size);
height: var(--ws-about-mute-size);
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
}
.ws-about__mute-ico{
width: var(--ws-about-mute-ico-size);
height: var(--ws-about-mute-ico-size);
position:relative;
display:block;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.ws-about__text{
margin: var(--ws-about-text-mt) 0 var(--ws-about-text-mb);
font-size: var(--ws-about-text-fs);
line-height: var(--ws-about-text-lh);
}
.ws-about__text p{
margin:0 0 var(--ws-about-text-p-mb);
}
.ws-about__list{
display:grid;
grid-template-columns:1fr 1fr;
gap: var(--ws-about-list-rows-gap) var(--ws-about-list-columns-gap);
list-style:none;
padding: var(--ws-about-list-pad-y) 0 var(--ws-about-list-pad-b);
margin:0 0 var(--ws-about-list-mb);
}
.ws-about__list li{
display:flex;
align-items:flex-start;
gap: var(--ws-about-list-li-gap);
padding: var(--ws-about-list-li-pad-y) var(--ws-about-list-li-pad-x);
border:1px solid var(--line);
border-radius: var(--ws-about-list-li-radius);
background: var(--chip);
}
.ws-about__list svg{
flex:0 0 var(--ws-about-list-icon);
width: var(--ws-about-list-icon);
height: var(--ws-about-list-icon);
color:var(--accent);
}
.ws-about__list svg path{
fill: currentColor;
}
.ws-about__warehouses{
margin-top: var(--ws-about-warehouses-mt);
}
.ws-about__h2{
font-size: var(--ws-about-h2-fs);
line-height: var(--ws-about-h2-lh);
margin:0 0 var(--ws-about-h2-mb);
font-weight:800;
text-align:left;
}
.ws-about__lead{
margin:0 0 var(--ws-about-lead-mb);
font-size: var(--ws-about-lead-fs);
line-height: var(--ws-about-lead-lh);
}
.ws-about__grid{
display:grid;
grid-template-columns: 1.25fr .75fr;
gap: var(--ws-about-main-grid-gap);
}
.ws-about__bullets{
list-style:disc;
padding-left: var(--ws-about-bullets-pl);
margin: var(--ws-about-bullets-mt) 0 0;
}
.ws-about__col{
font-size: var(--ws-about-col-fs);
line-height: var(--ws-about-col-lh);
}
.ws-about__note{
border:1px dashed var(--line);
border-radius: var(--ws-about-note-radius);
padding: var(--ws-about-note-pad);
background: var(--chip);
display:flex;
flex-direction:column;
gap: var(--ws-about-note-gap);
}
.ws-about__story{
text-align:center;
margin: var(--ws-about-story-mt) 0 var(--ws-about-story-mb);
}
.ws-about__section-title{
margin:0 0 var(--ws-about-section-title-mb);
font-weight:800;
line-height: var(--ws-about-h2-lh);
font-size: var(--ws-about-title-fs);
}
.ws-about__section-sub{
margin:0 0 var(--ws-about-section-sub-mb);
font-size: var(--ws-about-subtitle-fs);
max-width: var(--ws-about-section-sub-max);
display:inline-block;
}
@media (max-width:1024px){
.ws-about__list{ grid-template-columns:1fr; }
.ws-about__grid{ grid-template-columns:1fr; }
}
@media (max-width:768px){
.ws-about__title{ font-size: var(--ws-about-title-fs-sm); }
.ws-about__media{
border-radius: var(--ws-about-media-radius-sm);
margin: var(--ws-about-media-mt-sm) 0 var(--ws-about-media-mb-sm);
aspect-ratio: var(--ws-about-media-aspect-sm);
}
.ws-about__video--desktop{ display:none; }
.ws-about__video--mobile{ display:block; }
.ws-about__h2{ font-size: var(--ws-about-h2-fs-sm); }
.ws-about__section-title{ font-size: var(--ws-about-title-fs-sm); }
.ws-about__section-sub{
font-size: var(--ws-about-subtitle-fs);
padding:0 var(--ws-about-section-sub-pad-x-sm);
}
}
@media (max-width: 768px){
.ws-about__container{
padding-left:0 !important;
padding-right:0 !important;
}
.ws-about__media{
width:100vw !important;
max-width:100vw !important;
margin-left:50% !important;
transform:translateX(-50%) !important;
border-radius:0 !important;
box-shadow:none !important;
aspect-ratio: var(--ws-about-media-aspect-sm) !important;
}
.ws-about__video,
.ws-about__image{
border-radius:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
html, body{ overflow-x:hidden; }
.ws-about__head,
.ws-about__text,
.ws-about__list,
.ws-about__story,
.ws-about__warehouses,
.ws-about__section-title,
.ws-about__section-sub,
.ws-about__lead,
.ws-about__col,
.ws-about__note{
padding-left: var(--ws-about-mobile-content-pad-x);
padding-right: var(--ws-about-mobile-content-pad-x);
}
.ws-about__list{
padding-left: var(--ws-about-mobile-content-pad-x);
padding-right: var(--ws-about-mobile-content-pad-x);
}
.ws-about__bullets{
padding-left: var(--ws-about-mobile-bullets-pl);
}
}
.ws-contacts--v2{
display:flex;
justify-content:center;
text-align:center;
}
.ws-contacts--v2 .ws-contacts__container{
width:100%;
max-width: var(--ws-contacts-container-max);
margin:0 auto;
padding: var(--ws-contacts-container-pad-y) var(--ws-contacts-container-pad-x) 0;
color: var(--text);
}
.ws-contacts__title{
margin:0;
text-align:center;
font-weight:800;
line-height: var(--ws-contacts-title-lh);
font-size: var(--ws-contacts-title-fs);
}
.ws-contacts__sub{
margin: var(--ws-contacts-sub-mt) auto var(--ws-contacts-sub-mb);
text-align:center;
font-size: var(--ws-contacts-sub-fs);
max-width: var(--ws-contacts-sub-max);
color: var(--muted);
}
.ws-contacts__cards{
display:grid;
grid-template-columns:auto auto;
column-gap: var(--ws-contacts-cards-column-gap-xl);
row-gap: var(--ws-contacts-cards-row-gap);
margin: var(--ws-contacts-cards-mt) auto 0;
justify-content:center;
align-items:start;
justify-items:start;
}
.ws-contacts__card{
display:flex;
flex-direction:column;
gap: var(--ws-contacts-card-gap);
background: var(--card-bg);
border:1px solid var(--line);
border-radius: var(--ws-contacts-card-radius);
padding: var(--ws-contacts-card-pad);
box-shadow: var(--shadow);
width:100%;
max-width: var(--ws-contacts-card-max);
text-align:left;
}
.ws-contacts__head{
margin:0 0 var(--ws-contacts-head-mb);
font-size: var(--ws-contacts-head-fs);
font-weight:800;
}
.ws-contacts__line{
display:flex;
align-items:center;
gap: var(--ws-contacts-line-gap);
padding: var(--ws-contacts-line-pad-y) var(--ws-contacts-line-pad-x);
border-radius: var(--ws-contacts-line-radius);
text-decoration:none;
transition:transform .15s ease;
}
.ws-contacts__line:hover{
transform:translateY(var(--ws-contacts-line-lift));
}
.ws-contacts__badge{
width: var(--ws-contacts-badge-size);
height: var(--ws-contacts-badge-size);
border-radius:50%;
background: var(--chip);
display:grid;
place-items:center;
flex:0 0 var(--ws-contacts-badge-size);
}
.ws-contacts__badge img{
width: var(--ws-contacts-badge-img);
height: var(--ws-contacts-badge-img);
max-width: var(--ws-contacts-badge-img);
max-height: var(--ws-contacts-badge-img);
display:block;
}
.ws-contacts__text{
font-size: var(--ws-contacts-text-fs);
}
.ws-contacts__socials{
display:flex;
gap: var(--ws-contacts-socials-gap);
align-items:center;
padding: var(--ws-contacts-socials-pad-y) var(--ws-contacts-socials-pad-x);
}
.ws-contacts__soc{
width: var(--ws-contacts-soc-size);
height: var(--ws-contacts-soc-size);
border-radius:50%;
background: var(--chip);
display:grid;
place-items:center;
transition:transform .12s ease;
}
.ws-contacts__soc:hover{
transform:translateY(var(--ws-contacts-soc-lift));
}
.ws-contacts__soc img{
width: var(--ws-contacts-soc-img);
height: var(--ws-contacts-soc-img);
max-width: var(--ws-contacts-soc-img);
max-height: var(--ws-contacts-soc-img);
display:block;
}
.ws-contacts--v2 .ws-contacts__card a:link,
.ws-contacts--v2 .ws-contacts__card a:visited,
.ws-contacts--v2 .ws-contacts__card a:hover,
.ws-contacts--v2 .ws-contacts__card a:active,
.ws-contacts--v2 .ws-contacts__card a:focus{
color: var(--ws-contacts-fg) !important;
text-decoration:none !important;
}
.ws-contacts--v2 .ws-contacts__text{
color: var(--ws-contacts-fg) !important;
}
.ws-contacts--v2 .ws-contacts__card a[href^="tel:"],
.ws-contacts--v2 .ws-contacts__card a[href^="mailto:"],
.ws-contacts--v2 .ws-contacts__card a[href*="wa.me"],
.ws-contacts--v2 .ws-contacts__card a[href*="whatsapp"]{
color: var(--ws-contacts-fg) !important;
}
@media (max-width:900px){
.ws-contacts__cards{
grid-template-columns:1fr;
column-gap:0;
row-gap: var(--ws-contacts-cards-gap-sm);
justify-content:center;
justify-items:center;
}
.ws-contacts__card{
max-width: var(--ws-contacts-card-max-sm);
}
}
@media (max-width:768px){
.ws-contacts__title{ font-size: var(--ws-contacts-title-fs-sm); }
.ws-contacts__sub{ font-size: var(--ws-contacts-sub-fs); }
.ws-contacts__cards{
grid-template-columns:minmax(0, 1fr);
column-gap:0;
row-gap: var(--ws-contacts-cards-row-gap);
}
}
@media (max-width:680px){
.ws-contacts__socials{
padding: var(--ws-contacts-socials-pad-680);
padding-left: var(--ws-contacts-socials-pl-680);
}
[class$="__head"] > [class$="__sub"],
[class$="__head"] [class*="__sub "],
[class*="__head "] > [class$="__sub"],
[class*="__head "] [class*="__sub "]{
padding-inline:0 !important;
margin-bottom: var(--ws-contacts-head-generic-mb);
}
}
.ws-tpwidget{
max-width:860px;
margin:70px auto;
}
.ws-tpwidget .swiper{
position:relative;
overflow:hidden;
border-radius:26px;
}
.ws-tpwidget .swiper-wrapper{
display:flex;
width:100%;
box-sizing:border-box;
align-items:stretch;
}
.ws-tpwidget .swiper-slide{
flex:0 0 100%;
width:100% !important;
box-sizing:border-box;
height:auto;
}
.ws-tpwidget__swiper{
background:#fff;
border-radius:26px;
box-shadow:0 18px 50px rgba(0,0,0,.10);
padding:0;
overflow:visible;
}
.ws-tpwidget__slide{
display:flex;
flex-direction:column;
min-height:260px;
padding:34px 42px 62px;
}
.ws-tpwidget__head{ text-align:center; }
.ws-tpwidget__brand{
font-size:34px;
font-weight:800;
letter-spacing:-.02em;
}
.ws-tpwidget__stars{
display:flex;
justify-content:center;
gap:6px;
margin:14px 0 22px;
}
.ws-tpwidget__stars span{
width:20px;
height:20px;
background:#dcdcdc;
border-radius:4px;
position:relative;
}
.ws-tpwidget__stars span::after{
content:"★";
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#fff;
}
.ws-tpwidget__stars[data-rating="1"] span:nth-child(-n+1),
.ws-tpwidget__stars[data-rating="2"] span:nth-child(-n+2),
.ws-tpwidget__stars[data-rating="3"] span:nth-child(-n+3),
.ws-tpwidget__stars[data-rating="4"] span:nth-child(-n+4),
.ws-tpwidget__stars[data-rating="5"] span:nth-child(-n+5){
background:#00b67a;
}
.ws-tpwidget__title{
font-size:22px;
margin:8px 0 10px;
font-weight:700;
}
.ws-tpwidget__text{
font-size:15px;
line-height:1.55;
color:#111;
margin:0;
}
.ws-tpwidget__more{
background:none;
border:none;
padding:0;
margin-top:10px;
font-weight:600;
color:#00b67a;
cursor:pointer;
align-self:flex-start;
}
.ws-tpwidget__footer{
margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding-top:18px;
font-size:13px;
opacity:.75;
}
.ws-tpwidget__date,
.ws-tpwidget__count{
flex:0 0 auto;
white-space:nowrap;
}
.ws-tpwidget__date{
font-weight:500;
opacity:.75;
}
.ws-tpwidget__arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:38px;
height:38px;
border-radius:50%;
border:none;
background:#fff;
box-shadow:0 6px 20px rgba(0,0,0,.2);
font-size:22px;
cursor:pointer;
z-index:10;
}
.ws-tpwidget__arrow--prev{ left:0; }
.ws-tpwidget__arrow--next{ right:0; }
.ws-tpwidget__pagination{
margin-top:14px;
text-align:center;
}
.ws-tpwidget__pagination .swiper-pagination-bullet{
width:42px;
height:5px;
background:#e5e5e5;
border-radius:100px;
opacity:1;
display:inline-block;
margin:0 6px;
transition:background .25s ease;
}
.ws-tpwidget__pagination .swiper-pagination-bullet-active{
background:#000;
}
@media (max-width:640px){
.ws-tpwidget{ margin:40px 14px; }
.ws-tpwidget__slide{ padding:26px 22px 52px; }
.ws-tpwidget__brand{ font-size:28px; }
.ws-tpwidget__title{ font-size:20px; }
}
.ws-tpwidget__text{
overflow:hidden;
}
.ws-tpwidget__text.is-expanded{
max-height:210px;
overflow:auto;
padding-right:12px;
scrollbar-gutter: stable;
}
.ws-tpwidget__slide{ max-height:460px; }
.ws-tpwidget__text{ overflow:hidden; }
.ws-tpwidget__text.is-expanded{
max-height:220px;
overflow:auto;
padding-right:12px;
scrollbar-gutter: stable;
}
.ws-htb{color:var(--text);overflow-x:hidden;--radius:var(--ws-listing-htb-radius);--gap:var(--ws-listing-htb-gap);--cut:var(--ws-listing-card-cut);--tail:var(--ws-listing-htb-tail);max-width:100%}@media(max-width:1024px){.ws-htb{--gap:var(--ws-listing-htb-gap-1024);--tail:var(--ws-listing-htb-tail-1024)}}@media(max-width:640px){.ws-htb{--gap:var(--ws-listing-htb-gap-640);--tail:var(--ws-listing-htb-tail-640);--cut:var(--ws-listing-htb-cut-sm)}}.ws-htb__container{max-width:var(--ws-listing-htb-max);margin:0 auto;padding:var(--ws-listing-htb-container-pad-top) var(--ws-listing-htb-container-pad-x) 0}.ws-htb__title{margin:0 0 var(--ws-listing-htb-title-margin-bottom);text-align:center;font-weight:800;line-height:var(--ws-listing-heading-line-height);font-size:var(--ws-listing-htb-title-fs)}.ws-htb__subtitle{margin:0 0 var(--ws-listing-htb-subtitle-margin-bottom);text-align:center;color:var(--muted);font-size:var(--ws-listing-htb-subtitle-fs);line-height:1.45}@media(max-width:899.98px){.ws-htb__title{font-size:var(--ws-listing-htb-title-fs-sm)}}.ws-htb__viewport{position:relative}.ws-htb__track{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0;margin:0 0 var(--ws-listing-htb-track-margin-bottom);scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.ws-htb__track::-webkit-scrollbar{width:0;height:0}.ws-htb__track.is-grabbing{cursor:grabbing}.ws-htb__slide{scroll-snap-align:start;flex:0 0 calc(100%-var(--tail)*2);max-width:calc(100%-var(--tail)*2);min-width:0}.ws-htb__media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:0;background:var(--media-bg);-webkit-clip-path:polygon(0 0,calc(100%-var(--cut))0,100%var(--cut),100%100%,var(--cut)100%,0 calc(100%-var(--cut)));clip-path:polygon(0 0,calc(100%-var(--cut))0,100%var(--cut),100%100%,var(--cut)100%,0 calc(100%-var(--cut)))}.ws-htb__img,.ws-htb__video{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;background:transparent;-webkit-clip-path:inherit;clip-path:inherit;-webkit-transform:translateZ(0);transform:translateZ(0)}@media(max-width:767.98px){.ws-htb__media{height:var(--ws-listing-htb-media-h-mobile)!important;aspect-ratio:auto!important;border-radius:0!important}.ws-htb__img,.ws-htb__video{width:100%!important;height:100%!important;object-fit:cover!important}}.ws-htb__toggle{position:absolute;top:var(--ws-listing-htb-toggle-offset);right:var(--ws-listing-htb-toggle-offset);width:var(--ws-listing-htb-toggle-size);height:var(--ws-listing-htb-toggle-size);border-radius:50%;display:grid;place-items:center;font-size:var(--ws-listing-htb-toggle-font-size);font-weight:var(--ws-listing-htb-toggle-font-weight);line-height:1;cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1)}.ws-htb__toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ws-htb__excerpt{display:block;margin:var(--ws-listing-htb-excerpt-margin);text-decoration:none;color:inherit;font-size:var(--ws-listing-htb-excerpt-fs);line-height:var(--ws-listing-htb-excerpt-lh)}.ws-htb__bars{display:flex;justify-content:center;gap:var(--ws-listing-htb-bars-gap);margin:var(--ws-listing-htb-bars-margin-y) 0 var(--ws-listing-htb-bars-margin-bottom)}.ws-htb__bar{flex:0 0 var(--ws-listing-htb-bar-width);width:var(--ws-listing-htb-bar-width);height:var(--ws-listing-htb-bar-height);border-radius:999px;border:0;padding:0;background:var(--line)}.ws-htb__bar.is-active{background:var(--accent)}.ws-htb__cta{display:flex;justify-content:center;margin-top:var(--ws-listing-htb-cta-margin-top)}.ws-htb__all{display:inline-flex;align-items:center;justify-content:center;width:var(--ws-listing-cta-width);height:var(--ws-listing-cta-height);padding:0 var(--ws-listing-cta-pad-x);box-sizing:border-box;border-radius:var(--ws-listing-htb-cta-radius);font-weight:700;letter-spacing:.02em;text-decoration:none;transition:var(--ws-listing-htb-cta-transition);border:var(--button-border,1px solid var(--accent));background:var(--button-bg,transparent);color:var(--button-text,currentColor)}.ws-htb__all:hover{box-shadow:var(--ws-listing-htb-cta-shadow-hover);transform:translateY(var(--ws-listing-htb-cta-lift-hover))}.ws-htb__all:active{transform:translateY(0);box-shadow:var(--ws-listing-htb-cta-shadow-active)}.ws-htb__all:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ws-htb__nav{position:absolute;inset:0;pointer-events:none}.ws-htb__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--ws-listing-htb-arrow-size);height:var(--ws-listing-htb-arrow-size);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;font-size:var(--ws-listing-htb-arrow-font-size);line-height:1;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);transition:opacity.2s ease,background.15s ease,transform.15s ease}.ws-htb__arrow:hover{transform:translateY(-50%)scale(1.04);background:var(--glass-hover)}.ws-htb__arrow--prev{left:var(--ws-listing-htb-arrow-inset)}.ws-htb__arrow--next{right:var(--ws-listing-htb-arrow-inset)}.ws-htb__arrow.is-disabled{opacity:var(--ws-listing-htb-arrow-disabled-opacity);pointer-events:none}.ws-htb__edge{position:absolute;top:0;bottom:0;width:var(--ws-listing-htb-edge-width);z-index:4;pointer-events:none;backdrop-filter:blur(var(--ws-listing-htb-edge-blur))}.ws-htb__edge--left{left:0;background:linear-gradient(90deg,var(--edge-fade-start,rgba(255,255,255,.85)),transparent)}.ws-htb__edge--right{right:0;background:linear-gradient(270deg,var(--edge-fade-start,rgba(255,255,255,.85)),transparent)}.ws-htb__edge.is-disabled{opacity:0}@media(max-width:767.98px){.ws-htb__container{padding-left:0!important;padding-right:0!important}.ws-htb__track{scroll-padding-left:var(--tail);scroll-padding-right:var(--tail)}.ws-htb__slide:first-child{margin-left:var(--tail)!important}.ws-htb__slide:last-child{margin-right:var(--tail)!important}}.ws-blog__head{display:flex;align-items:center;gap:var(--ws-listing-head-gap)}.ws-blog__title{margin:0;text-align:left}.ws-blog__head.ws-filter__btn{margin-left:auto}@media(max-width:680px){.ws-blog__head{flex-wrap:wrap}.ws-blog__head.ws-filter__btn{margin-left:0;margin-top:8px}}
@media (max-width: 640px) {
.ws-blog__title .ws-blog__count {
display: inline-flex;
align-items: center;
font-size: var(--ws-listing-meta-font-size);
line-height: var(--ws-listing-meta-line-height);
padding: 8px 12px;
border: 1px solid;
border-radius: var(--ws-listing-count-radius);
vertical-align: middle;
position: relative;
top: -1px;
margin-left: var(--ws-listing-count-margin-left);
}
}
@media (max-width: 768px) {
#wsFilterPanel.ws-filter .ws-filter__form {
width: min(420px, 100%);
max-width: 100%;
margin: 0;
}
}
@media (max-width: 768px) {
#wsFilterPanel .ws-filter__title {
margin: 0 0 12px;
padding-top: 0;
}
}
.ws-blog__head {
display: flex;
align-items: flex-end;
gap: var(--ws-listing-htb-techblog-head-gap);
margin-bottom: var(--ws-listing-htb-techblog-head-margin-bottom);
}
.ws-blog__title .ws-blog__count {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--ws-listing-htb-techblog-count-font-size);
line-height: var(--ws-listing-meta-line-height);
min-height: 32px;
min-width: 32px;
padding: 4px 8px;
border: 1px solid;
border-radius: var(--ws-listing-count-radius);
vertical-align: middle;
position: relative;
top: -1px;
margin-left: var(--ws-listing-count-margin-left);
}
.ws-te{
--ink:#291711;
--muted:#291711;
--bg:#F0EEEB;
--card:#fff;
--br:#E6DED7;
--accent:#291711;
--radius:40px;
--cut:28px;
font-family:'Inter Tight',system-ui,Arial,sans-serif;
color:var(--ink);
overflow-x:hidden;
}
@media (max-width:767.98px){
.ws-te{ --cut:22px; }
}
.ws-te__container{
max-width:1130px;
margin:0 auto;
padding:40px 0 0;
}
.ws-te__h2{
margin:0 0 16px;
text-align:center;
font-weight:800;
line-height:1.15;
font-size:52px;
color:var(--ink);
}
@media (max-width:767.98px){
.ws-te__h2{ font-size:32px; margin:12px 0 16px; }
}
.ws-tef{
background:var(--bg);
border-radius:var(--radius);
padding:40px;
display:grid;
grid-template-columns:520px 1fr;
gap:40px;
box-shadow:0 8px 30px rgba(0,0,0,.04);
}
@media (max-width:980px){
.ws-tef{ grid-template-columns:1fr; padding:28px; gap:18px; }
}
@media (max-width:767.98px){
.ws-tef{
border-radius:20px;
padding:16px;
gap:12px;
box-shadow:0 6px 22px rgba(0,0,0,.05);
}
}
.ws-tef__media,
.ws-ter__media{
position:relative;
overflow:hidden;
background:#000;
border-radius:0 !important;
aspect-ratio:16/9;
-webkit-clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}
@supports not (clip-path: polygon(0 0,100% 0,100% 100%)){
.ws-tef__media,
.ws-ter__media{ border-radius:0 24px 0 24px !important; }
}
.ws-te__img,
.ws-te__video{
position:absolute; inset:0;
width:100%; height:100%;
object-fit:cover; display:block; background:#000;
-webkit-clip-path:inherit; clip-path:inherit;
-webkit-transform:translateZ(0); transform:translateZ(0);
}
@media (max-width:767.98px){
.ws-tef__media{ aspect-ratio:328/220; }
.ws-ter__media{ aspect-ratio:3/2; }
}
.ws-te__toggle{
position:absolute; top:10px; right:10px;
width:36px; height:36px; border-radius:50%;
display:grid; place-items:center;
background:#fff; border:1px solid #ffffff66;
box-shadow:0 6px 18px rgba(0,0,0,.15);
cursor:pointer;
}
.ws-te__toggle:focus-visible{ outline:2px solid #111; outline-offset:2px; }
.ws-tef__content{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
gap:0;
}
.ws-tef__title{
margin:0 0 var(--ws-listing-grid-title-margin-b);
font-weight:800; font-size:24px; line-height:1.25; color:var(--ink);
}
.ws-tef__excerpt{
margin:0;
color:#000; font-size:16px; line-height:1.6;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
position:relative;
}
.ws-tef__excerpt:after{
content:""; position:absolute; left:0; right:0; bottom:0; height:1.6em;
background:linear-gradient(to bottom, rgba(240,238,235,0), var(--bg));
pointer-events:none;
}
.ws-tef .btn.btn-primary{
display:inline-flex !important;
align-items:center;
justify-content:center;
box-sizing:border-box;
width:auto !important;
min-width:min(260px, 100%);
max-width:100%;
height:auto !important;
min-height:var(--ws-btn-height);
padding:0 var(--ws-btn-pad-x) !important;
font-family:var(--ws-btn-font) !important;
font-weight:var(--ws-btn-fw) !important;
font-size:var(--btn-font-size-cta) !important;
line-height:var(--btn-line-height) !important;
letter-spacing:0 !important;
text-transform:uppercase;
border-radius:var(--ws-btn-radius) !important;
text-decoration:none;
box-shadow:none !important;
-webkit-box-shadow:none !important;
margin-top:var(--ws-listing-card-cta-margin-top);
transition:box-shadow .2s ease, transform .15s ease;
}
.ws-tef .btn.btn-primary:hover{
box-shadow:0 6px 18px rgba(0,0,0,.08);
transform:translateY(-1px);
}
.ws-tef .btn.btn-primary:active{
transform:none;
box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.ws-ter__btn{ margin-top:6px; }
@media (max-width:767.98px){
.ws-tef .btn.btn-primary{
min-width:min(260px, 100%);
padding:0 var(--ws-btn-pad-x) !important;
}
}
.ws-ter{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:22px;
margin-top:24px;
}
.ws-ter__card{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.ws-ter__title{
color:var(--ink); text-decoration:none; font-weight:700;
font-size:18px; line-height:1.35;
}
.ws-ter .btn.btn-primary.ws-ter__btn{
width:240px;
height:46px;
font-size:var(--btn-font-size-cta);
}
@media (max-width:980px){
.ws-ter{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767.98px){
.ws-te__container{ padding:0; max-width:360px; }
.ws-ter{
grid-template-columns:repeat(2, 1fr);
column-gap:12px; row-gap:12px;
justify-content:center;
margin:16px auto 0;
}
.ws-ter__card{ gap:8px; }
.ws-ter__title{ font-size:13px; line-height:1.35; }
.ws-ter .btn.btn-primary.ws-ter__btn{
width:150px;
height:40px;
font-size:var(--btn-font-size-cta);
}
}
@media (max-width: 767px){
.ws-te .ws-ter__btn.btn.btn-primary{
font-size: var(--btn-font-size-cta) !important;
line-height: 1.1 !important;
padding: 8px 14px !important;
width: auto !important;
min-width: 120px;
max-width: 100%;
white-space: nowrap;
display: inline-flex !important;
justify-content: center;
margin: 10px auto 0 !important;
border-radius: 10px;
}
}
@media (max-width: 400px){
.ws-te .ws-ter__btn.btn.btn-primary{
font-size: var(--btn-font-size-cta) !important;
padding: 7px 12px !important;
min-width: 110px;
}
}
.ws-ter .btn.btn-primary.ws-ter__btn {
width: 240px !important;
max-width: 100%;
}
.ws-ter a.btn.btn-primary.ws-ter__btn, .ws-ter .btn.btn-primary.ws-ter__btn, .ws-ter .ws-ter__btn {
font-size: var(--btn-font-size-cta) !important;
}
@media (max-width: 400px) {
.ws-te .ws-ter__btn.btn.btn-primary {
font-size: var(--btn-font-size-cta) !important;
padding: 7px 12px !important;
min-width: 110px;
}
}
@media (max-width: 767.98px) {
.ws-ter__title {
font-size: 18px;
line-height: 1.35;
}
}
.ws-faq {}
.ws-faq__container{
max-width:1130px;
margin:0 auto;
padding:0 20px;
}
.ws-faq__title{
margin:0 0 24px;
text-align:center;
}
.ws-faq__card{
position:relative;
padding:8px 0 0;
border-radius:32px;
border-width:0;
border-style:none;
}
.ws-faq__swiper{
position:relative;
width:100%;
overflow:hidden;
border-radius:inherit;
}
.ws-faq__slide{
height:auto;
}
.ws-faq__list{
list-style:none;
margin:0;
padding:0;
}
.ws-faq__item + .ws-faq__item{
border-top-width:1px;
border-top-style:solid;
}
.ws-faq__q{
margin:0;
}
.ws-faq h1::before,
.ws-faq h1::after,
.ws-faq h2::before,
.ws-faq h2::after,
.ws-faq h3::before,
.ws-faq h3::after,
.ws-faq h4::before,
.ws-faq h4::after,
.ws-faq h5::before,
.ws-faq h5::after,
.ws-faq h6::before,
.ws-faq h6::after,
.ws-faq li::before,
.ws-faq li::after,
.ws-faq article::before,
.ws-faq article::after,
.ws-faq .ws-faq__item::before,
.ws-faq .ws-faq__item::after,
.ws-faq .ws-faq__q::before,
.ws-faq .ws-faq__q::after{
content:none !important;
border:none !important;
background:none !important;
}
.ws-faq .ws-faq__toggle::before,
.ws-faq .ws-faq__toggle::after{
content:none !important;
}
.ws-faq__toggle{
-webkit-appearance:none;
appearance:none;
border:0;
background:none;
display:flex;
align-items:center;
justify-content:flex-start;
gap:0;
width:100%;
padding:16px 20px;
cursor:pointer;
text-align:left;
position:relative;
}
.ws-faq__toggle:focus{
outline:none;
}
.ws-faq__toggle:focus-visible{
outline:2px solid currentColor;
outline-offset:3px;
border-radius:12px;
}
.ws-faq__icon{
display:none;
}
.ws-faq__icon::before{
content:"+";
line-height:1;
}
.ws-faq__toggle--open .ws-faq__icon::before,
.ws-faq__item--open .ws-faq__icon::before{
content:"–";
}
.ws-faq__answer{
max-height:0;
overflow:hidden;
transition:max-height .28s ease;
}
@media (prefers-reduced-motion:reduce){
.ws-faq__answer{ transition:none; }
}
.ws-faq__answer-inner{
padding:0 20px 16px 20px;
}
.ws-faq__pagination{
display:flex;
justify-content:center;
align-items:center;
padding:14px 0 10px;
gap:8px;
}
.ws-faq__pagination .swiper-pagination-bullet{
width:46px;
height:4px;
border-radius:999px;
margin:0 4px;
opacity:.3;
}
.ws-faq__pagination .swiper-pagination-bullet-active{
opacity:1;
}
.ws-faq__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
user-select:none;
border-width:1px;
border-style:solid;
}
.ws-faq__prev{ left:-22px; }
.ws-faq__next{ right:-22px; }
.ws-faq__nav[aria-disabled="true"]{
opacity:.4;
pointer-events:none;
}
@media (max-width:1024px){
.ws-faq__prev{ left:8px; }
.ws-faq__next{ right:8px; }
}
@media (max-width:767px){
.ws-faq__container{
padding:0 16px;
}
.ws-faq__card{
border-radius:24px;
}
.ws-faq__toggle{
padding:14px 16px;
}
.ws-faq__answer-inner{
padding:0 16px 16px 16px;
}
.ws-faq__nav{
bottom:-26px;
top:auto;
transform:none;
width:16px;
height:16px;
}
.ws-faq__prev{ left:8px; }
.ws-faq__next{ right:8px; }
}
@media (max-width: 767.98px){
.ws-faq__toggle{
padding:14px 16px;
font-size:18px;
line-height:1.35;
}
.ws-faq__answer-inner{
padding:0 16px 16px 16px;
font-size:16px;
line-height:1.5;
}
}
@media (max-width: 767px){
.ws-faq__toggle{
padding:14px 8px;
}
}
.ws-faq__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
border-radius:999px;
cursor:pointer;
user-select:none;
border-width:1px;
border-style:solid;
padding:0;
box-sizing:border-box;
}
@media (max-width: 767px){
.ws-faq__container{
padding:0 16px;
}
.ws-faq__card{
position:relative;
border-radius:24px;
padding-bottom:80px;
}
.ws-faq__swiper{
padding-bottom:24px;
}
.ws-faq__toggle{
padding:14px 16px;
font-size:18px;
line-height:1.35;
}
.ws-faq__answer-inner{
padding:0 16px 16px 16px;
font-size:16px;
line-height:1.5;
}
.ws-faq__pagination{
position:absolute;
left:50%;
bottom:18px;
transform:translateX(-50%);
padding:0;
z-index:2;
}
.ws-faq__nav{
top:auto;
bottom:16px;
transform:none;
width:38px;
height:38px;
line-height:0;
display:flex;
align-items:center;
justify-content:center;
}
.ws-faq__prev{ left:8px; }
.ws-faq__next{ right:8px; }
.ws-faq__nav svg{
width:16px;
height:16px;
display:block;
}
}
@media (max-width: 767px){
.ws-faq__pagination{
position:absolute;
left:0;
right:0;
bottom:18px;
transform:none !important;
display:flex;
justify-content:center !important;
align-items:center;
padding:0;
margin:0 auto;
}
}
.ws-faq__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:38px;
height:38px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
user-select:none;
border-width:1px;
border-style:solid;
line-height:0;
padding:0;
box-sizing:border-box;
}
.ws-faq__nav svg{
display:block;
width:16px;
height:16px;
}
@media (max-width: 767px){
.ws-faq .ws-faq__card{
position: relative;
padding-bottom: 90px;
}
.ws-faq .ws-faq__swiper{
padding-bottom: 30px;
}
.ws-faq .ws-faq__pagination{
position: absolute;
left: 0;
right: 0;
bottom: 22px;
transform: none !important;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 auto;
z-index: 2;
}
.ws-faq .ws-faq__nav{
position: absolute;
top: auto !important;
bottom: 18px !important;
transform: none !important;
width: 36px;
height: 36px;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ws-faq .ws-faq__prev{ left: 10px; }
.ws-faq .ws-faq__next{ right: 10px; }
.ws-faq .ws-faq__nav svg{
width: 16px;
height: 16px;
display: block;
}
}
@media (max-width: 767px){
.ws-faq .ws-faq__card{
position: relative;
padding-bottom: 60px;
}
.ws-faq .ws-faq__swiper{
padding-bottom: 12px;
}
.ws-faq .ws-faq__pagination{
position: absolute;
left: 0;
right: 0;
bottom: 14px;
transform: none !important;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 auto;
z-index: 2;
}
.ws-faq .ws-faq__nav{
position: absolute;
top: auto !important;
bottom: 14px !important;
transform: none !important;
width: 36px;
height: 36px;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ws-faq .ws-faq__prev{ left: 10px; }
.ws-faq .ws-faq__next{ right: 10px; }
.ws-faq .ws-faq__nav svg{
width: 16px;
height: 16px;
display: block;
}
}
@media (min-width: 768px){
.ws-faq .ws-faq__prev{
left: -48px;
}
.ws-faq .ws-faq__next{
right: -48px;
}
}
@media (max-width: 767px){
.ws-faq .ws-faq__toggle{
display:block !important;
flex-wrap:wrap;
}
.ws-faq .ws-faq__q{
display:block;
max-width:100%;
white-space:normal !important;
word-wrap:break-word;
overflow-wrap:anywhere;
}
}
@media (max-width: 767px){
.ws-faq .ws-faq__toggle{
display:block !important;
}
.ws-faq .ws-faq__q{
display:block;
box-sizing:border-box;
max-width: 88%;
padding-right: 12px;
white-space: normal !important;
overflow-wrap: break-word;
word-break: break-word;
overflow: visible;
}
}
.ws-faq__nav[aria-disabled="true"] {
opacity: .0;
pointer-events: none;
}
.ws-avv {
--txt: #291711;
--ring: #e9e9e9;
--glass-bg: rgba(255, 255, 255, 0.16);
--glass-brd: rgba(255, 255, 255, 0.38);
--glass-blur: var(--ws-avv-glass-blur);
--glass-shadow: var(--ws-avv-glass-shadow);
--glass-hover: rgba(255, 255, 255, 0.22);
--cut: var(--ws-avv-cut);
--ratio: var(--ws-avv-ratio);
font-family: "Inter Tight", system-ui, Arial, sans-serif;
color: var(--txt);
}
#wsAdd670 {
width: 100%;
box-sizing: border-box;
}
@media (min-width: 980px) {
#wsAdd670 > .ws-avv__container,
#wsAdd670 .ws-avv__swiper,
#wsAdd670 .ws-avv__swiper .swiper {
width: var(--ws-avv-slot-lg) !important;
max-width: var(--ws-avv-slot-lg) !important;
min-width: var(--ws-avv-slot-lg) !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#wsAdd670 .swiper-wrapper {
width: var(--ws-avv-slot-lg) !important;
min-width: var(--ws-avv-slot-lg) !important;
max-width: var(--ws-avv-slot-lg) !important;
margin: 0 !important;
display: flex !important;
}
}
@media (max-width: 979.98px) {
#wsAdd670,
#wsAdd670 > .ws-avv__container,
#wsAdd670 .ws-avv__swiper,
#wsAdd670 .ws-avv__swiper .swiper,
#wsAdd670 .swiper-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#wsAdd670 .ws-avv__swiper {
padding-left: var(--ws-avv-swiper-pl-sm);
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
#wsAdd670 .ws-avv__swiper,
#wsAdd670 .swiper,
#wsAdd670 .swiper-wrapper {
width: 100% !important;
max-width: 100% !important;
}
#wsAdd670 .ws-avv__slide {
width: 100% !important;
max-width: 100% !important;
}
}
@media (min-width: 980px) and (max-width: 1199.98px) {
#wsAdd670 > .ws-avv__container,
#wsAdd670 .ws-avv__swiper,
#wsAdd670 .ws-avv__swiper .swiper {
width: var(--ws-avv-slot-md) !important;
max-width: var(--ws-avv-slot-md) !important;
min-width: var(--ws-avv-slot-md) !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#wsAdd670 .swiper-slide,
#wsAdd670 .ws-avv__slide {
width: var(--ws-avv-slide-md) !important;
max-width: var(--ws-avv-slide-md) !important;
}
}
.ws-avv__header {
text-align: center;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.ws-avv__title {
margin: var(--ws-avv-title-mt) 0 0;
font-weight: var(--ws-avv-title-fw);
font-size: var(--ws-avv-title-fs);
line-height: var(--ws-avv-title-lh);
}
.ws-avv__sub {
margin: var(--ws-avv-sub-mt) 0 var(--ws-avv-sub-mb);
font-size: var(--ws-avv-sub-fs);
font-weight: var(--ws-avv-sub-fw);
}
.ws-avv__figure {
position: relative;
margin: 0;
background: #000;
border-radius: 0;
overflow: hidden;
aspect-ratio: var(--ratio);
-webkit-clip-path: polygon(
0 0,
calc(100% - var(--cut)) 0,
100% var(--cut),
100% 100%,
var(--cut) 100%,
0 calc(100% - var(--cut))
);
clip-path: polygon(
0 0,
calc(100% - var(--cut)) 0,
100% var(--cut),
100% 100%,
var(--cut) 100%,
0 calc(100% - var(--cut))
);
box-shadow: var(--ws-avv-figure-shadow);
cursor: pointer;
}
.ws-avv__video,
.ws-avv__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ws-avv__cap {
margin: var(--ws-avv-cap-mt) 0 0;
padding: 0;
font-size: var(--ws-avv-cap-fs);
line-height: var(--ws-avv-cap-lh);
}
.ws-avv__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--ws-avv-nav-size);
height: var(--ws-avv-nav-size);
border-radius: 50%;
display: grid;
place-items: center;
z-index: 5;
background: var(--glass-bg);
border: 1px solid var(--glass-brd);
box-shadow: var(--glass-shadow);
-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
}
.ws-avv__prev {
left: var(--ws-avv-nav-inset);
}
.ws-avv__next {
right: var(--ws-avv-nav-inset);
}
.ws-avv__nav svg {
width: var(--ws-avv-nav-ico);
height: var(--ws-avv-nav-ico);
}
#wsAdd670 .ws-avv__nav.swiper-button-disabled {
display: none !important;
}
.ws-avv__pag {
position: static !important;
margin: var(--ws-avv-pag-mt) auto 0 !important;
}
.ws-avv__pag .swiper-pagination-bullet {
width: var(--ws-avv-bullet-w);
height: var(--ws-avv-bullet-h);
border-radius: 999px;
background: #0000001c;
opacity: 1;
margin: 0 var(--ws-avv-bullet-mx);
}
.ws-avv__pag .swiper-pagination-bullet-active {
background: #000;
}
.ws-avv__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.45));
cursor: pointer;
}
.ws-avv__play::before {
content: "";
width: var(--ws-avv-play-disc);
height: var(--ws-avv-play-disc);
border-radius: 50%;
background: rgba(0, 0, 0, 0.65);
}
.ws-avv__play::after {
content: "";
position: absolute;
margin-left: var(--ws-avv-play-triangle-ml);
border-style: solid;
border-width: var(--ws-avv-play-triangle-y) 0 var(--ws-avv-play-triangle-y)
var(--ws-avv-play-triangle-x);
border-color: transparent transparent transparent #fff;
}
.ws-avv-modal {
--glass-bg: rgba(255, 255, 255, 0.16);
--glass-brd: rgba(255, 255, 255, 0.38);
--glass-blur: var(--ws-avv-glass-blur);
--glass-shadow: var(--ws-avv-glass-shadow);
--cut: var(--ws-avv-cut);
--ratio: var(--ws-avv-ratio);
position: fixed;
inset: 0;
z-index: 9999;
display: none;
}
.ws-avv-modal.is-open {
display: block;
}
.ws-avv-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}
.ws-avv-modal__dialog {
position: relative;
max-width: var(--ws-avv-dialog-max);
width: calc(100% - var(--ws-avv-dialog-pad));
margin: var(--ws-avv-dialog-my) auto;
}
.ws-avv-modal__figure {
position: relative;
margin: 0;
background: #000;
aspect-ratio: var(--ratio);
overflow: hidden;
-webkit-clip-path: none !important;
clip-path: none !important;
border-radius: 0 !important;
}
.ws-avv-modal__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
background: #000;
}
.ws-avv-modal__close {
position: absolute;
top: calc(var(--ws-avv-close-offset) * -1);
right: calc(var(--ws-avv-close-offset) * -1);
width: var(--ws-avv-close-size);
height: var(--ws-avv-close-size);
border-radius: 50%;
background: #fff;
cursor: pointer;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: none;
}
.ws-avv-modal__close svg {
width: var(--ws-avv-close-ico);
height: var(--ws-avv-close-ico);
display: block;
}
.ws-avv-modal__close svg path {
fill: none !important;
stroke: #000 !important;
stroke-width: var(--ws-avv-modal-btn-stroke) !important;
stroke-linecap: round;
}
.ws-avv-modal__panel {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--ws-avv-panel-gap);
padding: var(--ws-avv-panel-pad-y) var(--ws-avv-panel-pad-x);
background: var(--glass-bg);
border-top: 1px solid var(--glass-brd);
-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
}
.ws-avv-panel-left,
.ws-avv-panel-right {
display: flex;
align-items: center;
gap: var(--ws-avv-panel-stack-gap);
}
.ws-avv-panel-left {
flex: 1 1 auto;
min-width: 0;
}
.ws-avv-modal__btn {
all: unset;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: var(--ws-avv-modal-btn-size);
height: var(--ws-avv-modal-btn-size);
min-width: 0;
min-height: 0;
border-radius: 50%;
border: 1px solid var(--glass-brd);
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.ws-avv-modal__btn svg {
width: var(--ws-avv-modal-btn-ico);
height: var(--ws-avv-modal-btn-ico);
fill: #fff;
stroke: #fff;
stroke-width: var(--ws-avv-modal-btn-stroke);
display: block;
}
.ws-avv-modal__btn.ws-avv-modal__mute svg,
.ws-avv-modal__btn.ws-avv-modal__mute svg * {
animation: none !important;
transition: none !important;
transform: none !important;
}
.ws-avv-modal__btn.ws-avv-modal__mute .ws-avv-icon-wave,
.ws-avv-modal__btn.ws-avv-modal__mute .ws-avv-icon-cross {
opacity: 1;
}
.ws-avv-modal__btn.ws-avv-modal__mute.is-muted .ws-avv-icon-wave {
opacity: 0;
}
.ws-avv-modal__btn.ws-avv-modal__mute.is-muted .ws-avv-icon-cross {
opacity: 1;
}
.ws-avv-modal__btn.ws-avv-modal__mute:not(.is-muted) .ws-avv-icon-wave {
opacity: 1;
}
.ws-avv-modal__btn.ws-avv-modal__mute:not(.is-muted) .ws-avv-icon-cross {
opacity: 0;
}
.ws-avv-modal__play svg.ws-avv-ico-pause {
display: none;
}
.ws-avv-modal__play.is-playing svg.ws-avv-ico-play {
display: none;
}
.ws-avv-modal__play.is-playing svg.ws-avv-ico-pause {
display: block;
}
.ws-avv-modal__mute .ws-avv-icon-cross {
opacity: 0;
}
.ws-avv-modal__mute.is-muted .ws-avv-icon-cross {
opacity: 1;
}
.ws-avv-modal__time {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
gap: var(--ws-avv-time-gap);
font-size: var(--ws-avv-time-fs);
color: #fff;
}
.ws-avv-time-current,
.ws-avv-time-total {
width: var(--ws-avv-time-cell);
text-align: center;
opacity: 0.9;
}
.ws-avv-modal__progress {
position: relative;
flex: 1 1 auto;
height: var(--ws-avv-progress-h);
border-radius: 999px;
background: rgba(255, 255, 255, 0.25);
overflow: hidden;
cursor: pointer;
}
.ws-avv-modal__progress-bar {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: #fff;
}
.ws-avv-modal__lang {
min-width: var(--ws-avv-lang-minw);
height: var(--ws-avv-lang-h);
border-radius: var(--ws-avv-lang-radius);
border: 1px solid var(--glass-brd);
background: rgba(0, 0, 0, 0.4);
color: #fff;
font: var(--ws-avv-lang-fw) var(--ws-avv-time-fs) / var(--ws-avv-lang-lh) system-ui, -apple-system,
BlinkMacSystemFont, "Segoe UI", sans-serif;
padding: 0 var(--ws-avv-lang-px);
appearance: none;
}
.ws-avv-modal__mute svg {
width: var(--ws-avv-modal-btn-ico);
height: var(--ws-avv-modal-btn-ico);
}
.ws-avv-icon-speaker,
.ws-avv-icon-wave {
fill: none;
stroke: #fff;
stroke-width: var(--ws-avv-icon-wave-stroke);
stroke-linecap: round;
stroke-linejoin: round;
}
.ws-avv-icon-wave {
opacity: 1;
transform-origin: center;
}
.ws-avv-modal__mute:not(.is-muted) .ws-avv-icon-wave-1 {
animation: ws-avv-sound var(--ws-avv-sound-dur) ease-in-out infinite;
}
.ws-avv-modal__mute:not(.is-muted) .ws-avv-icon-wave-2 {
animation: ws-avv-sound var(--ws-avv-sound-dur) ease-in-out infinite;
animation-delay: var(--ws-avv-sound-delay);
}
.ws-avv-icon-cross {
fill: none;
stroke: #fff;
stroke-width: var(--ws-avv-icon-cross-stroke);
stroke-linecap: round;
opacity: 0;
}
.ws-avv-modal__mute.is-muted .ws-avv-icon-wave {
opacity: 0;
}
.ws-avv-modal__mute.is-muted .ws-avv-icon-cross {
opacity: 1;
}
@keyframes ws-avv-sound {
0%,
100% {
transform: scale(0.9);
opacity: 0.5;
}
50% {
transform: scale(1.05);
opacity: 1;
}
}
@media (max-width: 680px) {
.ws-avv-modal__dialog {
margin: var(--ws-avv-dialog-my-sm) auto;
top: var(--ws-avv-dialog-top-sm);
max-height: var(--ws-avv-dialog-mh-sm);
}
}
.ws-vmodal[hidden],
#ws-vmodal[hidden]{
display:none!important;
}
.ws-vmodal{
position:fixed;
inset:0;
z-index:9999;
display:none;
--glass-bg: rgba(255,255,255,.16);
--glass-brd: rgba(255,255,255,.38);
--glass-blur: 12px;
--ratio: 16/9;
}
.ws-vmodal:not([hidden]){
display:block;
}
.ws-vmodal__backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.75);
z-index:1;
}
.ws-vmodal__dialog{
position:relative;
z-index:2;
max-width:var(--ws-avv-dialog-max, 960px);
width:calc(100% - var(--ws-avv-dialog-pad, 32px));
margin:var(--ws-avv-dialog-my, 40px) auto;
padding:0;
background:transparent;
border-radius:0;
box-shadow:none;
}
@media (max-width:680px){
.ws-vmodal__dialog{
margin:var(--ws-avv-dialog-my-sm, 20px) auto;
top:var(--ws-avv-dialog-top-sm, 25%);
max-height:var(--ws-avv-dialog-mh-sm, 90vh);
}
}
.ws-vmodal__figure{
position:relative;
margin:0;
background:#000;
overflow:hidden;
aspect-ratio:var(--ratio);
box-shadow:0 8px 30px rgba(0,0,0,.4);
-webkit-clip-path:none !important;
clip-path:none !important;
border-radius:0 !important;
}
.ws-vmodal__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
display:block;
background:#000;
pointer-events:none;
}
.ws-vmodal__close{
position:absolute;
top:calc(var(--ws-avv-close-offset, 14px) * -1);
right:calc(var(--ws-avv-close-offset, 14px) * -1);
width:var(--ws-avv-close-size, 32px);
height:var(--ws-avv-close-size, 32px);
border-radius:50%;
background:#fff;
cursor:pointer;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:none;
}
.ws-vmodal__close svg{
width:var(--ws-avv-close-ico, 18px);
height:var(--ws-avv-close-ico, 18px);
stroke:#000;
stroke-width:2;
fill:none;
pointer-events:none;
}
.ws-vmodal__panel{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:5;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:8px 14px;
background:var(--glass-bg);
border-top:1px solid var(--glass-brd);
-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
pointer-events:auto;
}
@media (max-width:680px){
.ws-vmodal__panel{ padding:6px 10px; gap:8px; }
}
.ws-vmodal-panel-left{
flex:1 1 auto;
min-width:0;
display:flex;
align-items:center;
gap:10px;
}
.ws-vmodal-panel-right{
flex:0 0 auto;
display:flex;
align-items:center;
column-gap:10px;
row-gap:0;
}
.ws-vmodal__btn{
all: unset;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:32px;
height:32px;
border-radius:50%;
border:1px solid var(--glass-brd);
background:rgba(0,0,0,.4);
padding:0;
cursor:pointer;
user-select:none;
-webkit-tap-highlight-color: transparent;
}
.ws-vmodal__btn:focus-visible{
outline:2px solid #fff;
outline-offset:2px;
}
.ws-vmodal__btn svg{
width:16px;
height:16px;
display:block;
fill:none;
stroke:#fff;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.ws-vmodal__play svg{ fill:#fff; stroke:none; }
.ws-vmodal__play .ws-vmodal-ico-play{ display:block; }
.ws-vmodal__play .ws-vmodal-ico-pause{ display:none; }
.ws-vmodal__play.is-playing .ws-vmodal-ico-play{ display:none; }
.ws-vmodal__play.is-playing .ws-vmodal-ico-pause{ display:block; }
#ws-vmodal .ws-vmodal__play .ws-vmodal-ico-play{ display:block !important; }
#ws-vmodal .ws-vmodal__play .ws-vmodal-ico-pause{ display:none !important; }
#ws-vmodal .ws-vmodal__play.is-playing .ws-vmodal-ico-play{ display:none !important; }
#ws-vmodal .ws-vmodal__play.is-playing .ws-vmodal-ico-pause{ display:block !important; }
.ws-vmodal__time{
flex:1 1 auto;
min-width:0;
display:flex;
align-items:center;
gap:8px;
font-size:13px;
color:#fff;
}
.ws-vmodal-time-current,
.ws-vmodal-time-total{
width:40px;
text-align:center;
opacity:.9;
}
.ws-vmodal__progress{
position:relative;
flex:1 1 auto;
height:4px;
border-radius:999px;
background:rgba(255,255,255,.25);
overflow:hidden;
cursor:pointer;
}
.ws-vmodal__progress-bar{
position:absolute;
left:0;
top:0;
bottom:0;
width:0;
background:#fff;
}
.ws-vmodal__audio-wrap{
display:flex;
align-items:center;
position:relative;
}
.ws-vmodal__audio-wrap::after{
content:"";
position:absolute;
right:12px;
top:50%;
width:8px;
height:8px;
border-right:2px solid rgba(255,255,255,.9);
border-bottom:2px solid rgba(255,255,255,.9);
transform: translateY(-60%) rotate(45deg);
pointer-events:none;
opacity:.9;
}
.ws-vmodal__audio-select{
min-width:140px;
height:32px;
border-radius:8px;
border:1px solid var(--glass-brd);
background:rgba(0,0,0,.4);
color:#fff;
font:500 13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
padding:0 34px 0 10px;
appearance:none;
-webkit-appearance:none;
cursor:pointer;
}
@media (max-width:680px){
.ws-vmodal__audio-select{ min-width:110px; }
}
@keyframes ws-vmodal-sound{
0%,100%{ transform:scale(0.9); opacity:.5; }
50%{ transform:scale(1.05); opacity:1; }
}
.ws-vmodal__mute:not(.is-muted) .ws-icon-wave-1{
animation: ws-vmodal-sound 1.1s ease-in-out infinite;
}
.ws-vmodal__mute:not(.is-muted) .ws-icon-wave-2{
animation: ws-vmodal-sound 1.1s ease-in-out infinite;
animation-delay:.25s;
}
.ws-vmodal__mute .ws-icon-wave{ display:none; }
.ws-vmodal__mute.is-muted .ws-icon-cross{ opacity:1; }
.ws-vmodal__mute .ws-icon-cross{ opacity:0; }
.ws-vmodal__panel{
transition: opacity .18s ease, transform .18s ease;
}
.ws-vmodal__panel.is-hidden{
opacity:0;
transform: translateY(10px);
pointer-events:none;
}
.ws-vmodal__figure:fullscreen .ws-vmodal__panel,
.ws-vmodal__figure:-webkit-full-screen .ws-vmodal__panel{
opacity:1;
transform:none;
pointer-events:auto;
}
.ws-vmodal__mute svg{
fill:none !important;
stroke:#fff !important;
stroke-width:2 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.ws-vmodal__mute .ws-icon-wave{
display:block !important;
opacity:1 !important;
animation:none !important;
}
.ws-vmodal__mute .ws-icon-cross{
display:block !important;
opacity:0 !important;
}
.ws-vmodal__mute.is-muted .ws-icon-wave{
opacity:0 !important;
}
.ws-vmodal__mute.is-muted .ws-icon-cross{
opacity:1 !important;
}
.ws-vmodal__mute svg{
fill:none !important;
stroke:#fff !important;
stroke-width:2 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.ws-vmodal__mute .ws-icon-wave{
opacity:1 !important;
animation:none !important;
}
.ws-vmodal__mute .ws-icon-cross{
opacity:0 !important;
}
.ws-vmodal__mute.is-muted .ws-icon-wave{ opacity:0 !important; }
.ws-vmodal__mute.is-muted .ws-icon-cross{ opacity:1 !important; }
.ws-vmodal{
--ios-glass-bg: rgba(255,255,255,.14);
--ios-glass-bd: rgba(255,255,255,.22);
--ios-glass-in: rgba(255,255,255,.10);
--ios-glass-blur: 22px;
}
.ws-vmodal__panel{
background: var(--ios-glass-bg) !important;
border-top: 1px solid var(--ios-glass-bd) !important;
-webkit-backdrop-filter: blur(var(--ios-glass-blur)) saturate(1.6) contrast(1.05) !important;
backdrop-filter: blur(var(--ios-glass-blur)) saturate(1.6) contrast(1.05) !important;
box-shadow:
0 -1px 0 rgba(255,255,255,.10) inset,
0 10px 30px rgba(0,0,0,.22) !important;
}
.ws-vmodal__panel::before{
content:"";
position:absolute;
left:0; right:0; top:0;
height:100%;
pointer-events:none;
background:
linear-gradient(
to bottom,
rgba(255,255,255,.18),
rgba(255,255,255,.06) 45%,
rgba(255,255,255,0) 100%
);
opacity:.9;
}
.ws-vmodal__btn{
background: rgba(0,0,0,.28) !important;
border-color: rgba(255,255,255,.22) !important;
}
.ws-vmodal__progress{
background: rgba(255,255,255,.22) !important;
}
.ws-vmodal__progress-bar{
background: rgba(255,255,255,.92) !important;
}
.ws-vmodal__audio-wrap::after{
display:none !important;
content:none !important;
}
.ws-vmodal__audio-select,
#ws-vmodal-audio,
.ws-vmodal__audio-wrap select{
-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
background-image:none !important;
}
.ws-vmodal__audio-wrap{
display:flex;
align-items:center;
}
.ws-vmodal__audio-select,
#ws-vmodal-audio,
.ws-vmodal__audio-wrap select{
width:32px !important;
min-width:32px !important;
max-width:32px !important;
height:32px !important;
padding:0 !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.22) !important;
background: rgba(0,0,0,.28) !important;
-webkit-backdrop-filter: blur(var(--ios-glass-blur)) saturate(1.6) contrast(1.05) !important;
backdrop-filter: blur(var(--ios-glass-blur)) saturate(1.6) contrast(1.05) !important;
color: rgba(255,255,255,.92) !important;
font: 700 11px/32px system-ui, -apple-system, "Segoe UI", sans-serif !important;
text-align:center !important;
text-align-last:center !important;
outline:none !important;
box-shadow:none !important;
cursor:pointer;
}
.ws-vmodal__audio-select:hover,
#ws-vmodal-audio:hover,
.ws-vmodal__audio-wrap select:hover{
border-color: rgba(255,255,255,.32) !important;
}
.ws-vmodal__audio-select:focus-visible,
#ws-vmodal-audio:focus-visible,
.ws-vmodal__audio-wrap select:focus-visible{
outline:2px solid rgba(255,255,255,.75) !important;
outline-offset:2px;
}
.ws-vmodal__audio-select,
#ws-vmodal-audio,
.ws-vmodal__audio-wrap select{
width:32px !important;
height:32px !important;
min-width:32px !important;
max-width:32px !important;
border-radius:999px !important;
background: rgba(0,0,0,.55) !important;
border: 1px solid rgba(255,255,255,.28) !important;
color: rgba(255,255,255,.95) !important;
font-weight: 800 !important;
font-size: 11px !important;
padding: 0 !important;
text-align: center !important;
text-align-last: center !important;
line-height: 32px !important;
}
.ws-vmodal__audio-wrap select option,
.ws-vmodal__audio-select option,
#ws-vmodal-audio option{
background: #0b0f14 !important;
color: #fff !important;
}
.ws-vmodal__audio-wrap::after{ display:none !important; content:none !important; }
body.admin-bar .wuniq-hero {
height: calc(100vh - 2rem);
min-height: calc(100vh - 2rem);
}
@media (max-width: 782px) {
body.admin-bar .wuniq-hero {
height: calc(100vh - 2.875rem);
min-height: calc(100vh - 2.875rem);
}
}
@media (max-width: 600px), (max-height: 500px) and (orientation: landscape) {
.wuniq-hero {
display: none !important;
}
.wuniq-hero-m {
--wuniq-ink: #fff;
display: flex !important;
width: 100%;
min-height: 44.1875rem;
position: relative;
overflow: hidden;
align-items: stretch;
justify-content: center;
}
.wuniq-hero-m__bgvideo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
background: #111;
}
.wuniq-hero-m__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, .70) 100%);
pointer-events: none;
}
.wuniq-hero-m__container {
position: relative;
z-index: 2;
width: 100%;
min-height: 44.1875rem;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: calc(env(safe-area-inset-top) + 0.75rem) 1rem 1.25rem;
}
.wuniq-hero-m__main {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.625rem;
padding-bottom: 7.5rem;
}
.wuniq-hero-m__title {
font-weight: 600;
font-size: clamp(1.75rem, 8vw, 2.5rem);
line-height: 1.12;
text-align: center;
text-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, .35);
}
.wuniq-hero-m__desc {
width: 92%;
text-align: center;
font-size: 1rem;
line-height: 1.45;
text-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3);
margin-top: 0.25rem;
color: #fff;
}
.wuniq-hero-m__btn {
display: none !important;
}
.wuniq-hero-m__btn::before,
.wuniq-hero-m__btn::after {
content: none !important;
}
.wuniq-hero-m .wuniq-hero__scrolldown {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
bottom: 6rem !important;
display: inline-flex !important;
align-items: center;
gap: 0.625rem;
padding: 0.625rem 1rem;
border-radius: 999rem;
background: rgba(0, 0, 0, .55);
border: 0.0625rem solid rgba(255, 255, 255, .55);
text-decoration: none;
font-weight: 600;
font-size: 0.9375rem;
line-height: 1;
z-index: 99;
}
.wuniq-hero-m .wuniq-hero__scrolldown img {
position: static;
flex-shrink: 0;
width: 1.125rem;
height: 1.125rem;
filter: drop-shadow(0 0.125rem 0.375rem rgba(255, 255, 255, .35));
opacity: .93;
animation: wuniqArrowBounceFlex 1.3s infinite cubic-bezier(.45, .15, .42, 1.22);
}
}
@media (max-height: 500px) and (orientation: landscape) {
.wuniq-hero-m__container {
padding-bottom: 0.75rem;
}
.wuniq-hero-m__main {
padding-bottom: 5rem;
}
.wuniq-hero-m .wuniq-hero__scrolldown {
bottom: 4.5rem !important;
}
}
@media (min-width: 601px) and (max-width: 900px) and (orientation: portrait) {
.wuniq-hero__main {
padding: 0 2rem 6rem;
margin-bottom: 4rem;
}
.wuniq-hero__title {
font-size: 3.5rem;
}
.wuniq-hero__desc {
font-size: 1rem;
}
.wuniq-hero__scrolldown {
bottom: min(8vh, 5rem);
}
}
@media (min-width: 901px) and (max-width: 1199px) {
.wuniq-hero__main {
padding: 0 2.25rem 7rem;
margin-bottom: 5rem;
}
.wuniq-hero__title {
font-size: 4rem;
}
.wuniq-hero__desc {
font-size: 1.0625rem;
}
.wuniq-hero__scrolldown {
bottom: min(9vh, 6rem);
}
}
@media (prefers-reduced-motion: reduce) {
.wuniq-hero__scrolldown img,
.wuniq-hero-m .wuniq-hero__scrolldown img {
animation: none;
}
}
@media (max-height: 500px) and (orientation: landscape) {
.wuniq-hero-m,
.wuniq-hero-m__container {
min-height: 100vh;
}
.wuniq-hero-m__container {
padding: 0.75rem 1rem 0.75rem;
justify-content: flex-end;
}
.wuniq-hero-m__main {
padding-bottom: 3.5rem;
}
.wuniq-hero-m .wuniq-hero__scrolldown {
bottom: 1.75rem !important;
}
}
@media (max-width:56.25rem){
.drevos-header__logo{
margin-left:0.625rem;
height:2.75rem;
}
.drevos-header__logo img{height:1.875rem;}
.drevos-header__bar{
margin-right:0.5rem;
height:2.875rem;
padding:0 0.4375rem;
gap:0.375rem;
}
.bar-item{
font-size:0.875rem;
gap:0.4375rem;
}
.bar-ico{
width:1rem;
height:1rem;
}
.bar-menu{
min-width:3.375rem;
padding:0 0.625rem;
}
}
@media (max-width:37.5rem), (max-height:31.25rem) and (orientation:landscape){
.drevos-header__container{padding-top:0.25rem;}
.drevos-header__logo{
margin-left:0.125rem;
height:2.25rem;
}
.drevos-header__logo img{height:1.4375rem;}
.drevos-header__bar{
margin-right:0.125rem;
height:2.5rem;
padding:0 0.1875rem;
gap:0.125rem;
font-size:0.8125rem;
border-radius:0.6875rem;
}
.bar-item{
font-size:0.8125rem;
height:2rem;
padding:0 0.3125rem;
gap:0.25rem;
}
.bar-ico{
width:0.875rem;
height:0.875rem;
}
.bar-menu{
min-width:2.875rem;
padding:0 0.375rem;
font-size:0.8125rem;
}
}
@media (max-width:37.5rem), (max-height:31.25rem) and (orientation:landscape){
.drevos-header{
position:absolute;
top:0;
left:0;
width:100vw;
z-index:20;
background:transparent;
pointer-events:none;
}
.drevos-header__container{
width:100vw;
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:0;
margin:0;
pointer-events:auto;
position:relative;
}
.drevos-header__logo{
display:flex;
align-items:center;
padding-left:0.75rem;
padding-top:0.75rem;
text-decoration:none;
z-index:2;
height:2.5rem;
margin-left:0;
}
.drevos-header__logo img{
width:6.75rem;
height:1.75rem;
object-fit:contain;
display:block;
}
.drevos-header__bar{
display:flex;
align-items:center;
padding:0 0.4375rem;
gap:0.375rem;
margin:0.625rem 0.5rem 0 0;
height:2.5rem;
pointer-events:auto;
z-index:3;
}
.drevos-header__bar{
align-items:center;
box-sizing:border-box;
}
.bar-item,
.bar-menu{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:center;
width:2.25rem;
height:2.25rem;
min-height:2.25rem;
max-height:2.25rem;
padding:0;
border-radius:0.5rem;
background:none;
border:none;
margin:0;
transition:background .12s;
font-size:0;
line-height:0;
box-sizing:border-box;
-webkit-appearance:none;
appearance:none;
}
.bar-menu{
width:auto;
min-width:2.875rem;
padding:0 0.5rem;
align-self:stretch;
height:auto;
min-height:0;
max-height:none;
}
.bar-item:hover{background:#f5f5fa;}
.bar-ico{
width:1.5rem;
height:1.5rem;
object-fit:contain;
display:block;
margin:0;
flex-shrink:0;
}
.bar-text,
.bar-sub{display:none!important;}
.bar-item--gm,
.bar-item--tp{display:none!important;}
}
@media (max-width:64rem){
.dm-wrap{grid-template-columns:15.625rem 1fr;}
.dm-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:51.25rem){
.drevos-menu__sheet{top:0.625rem;}
.dm-top{display:flex;}
.dm-wrap{display:block;}
.dm-nav{border-radius:1.125rem;}
.dm-content{
background:transparent;
box-shadow:none;
padding:0;
margin-top:0.625rem;
}
.dm-content,
.dm-nav{transition:transform .25s ease;}
.drevos-menu--level2 .dm-nav{
transform:translateX(-1.25rem);
opacity:0;
pointer-events:none;
}
.drevos-menu--level2 .dm-content{transform:translateX(0);}
.dm-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0.75rem;
}
.dm-card{
padding:0.75rem;
border-radius:0.875rem;
}
}
@media (max-width:26.25rem){
.dm-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:51.25rem){
.dm-content{
display:none;
margin-top:0;
}
.drevos-menu--level2 .dm-nav{display:none;}
.drevos-menu--level2 .dm-content{display:block;}
.dm-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0.75rem;
}
.dm-card{
height:12.5rem;
padding:0.625rem 0.625rem 0.5rem;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.dm-card__pic{
height:9.375rem;
aspect-ratio:auto;
}
.dm-card__pic img{
height:100%;
width:auto;
max-width:100%;
object-fit:contain;
}
.dm-card__title{
margin-top:0.5rem;
font-size:0.75rem;
line-height:1.2;
}
}
@media (max-width: 51.25rem){
.drevos-menu .dm-card_pic,
.drevos-menu .dm-card__pic{
width: 100%;
height: auto !important;
max-height: none !important;
padding: 0;
margin: 0 0 0.5rem;
overflow: hidden;
display: block;
}
.drevos-menu .dm-card_pic img,
.drevos-menu .dm-card__pic img{
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
}
}
@media (max-width: 51.25rem) {
.dm-card {
height: 15.625rem;
padding: 0.625rem 0.625rem 0.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
}
@media (max-width: 51.25rem) {
.dm-card__title {
margin-top: 0.125rem;
font-size: 0.875rem;
line-height: 1.2;
}
}
@media (prefers-reduced-transparency:reduce){
.drevos-header__bar,
.bar-menu{
background:#fff;
-webkit-backdrop-filter:none;
backdrop-filter:none;
border:0.0625rem solid #eee;
box-shadow:0 0.5rem 1.5rem rgba(0,0,0,.06);
}
}
@media (max-width:42.5rem){
.ws-bc{
--bc-h:2.25rem;
--bc-fs:0.875rem;
--bc-sep-h:0.75rem;
}
}
@media (max-width:32.5rem){
.ws-bc__home{
width:2.25rem;
height:2.25rem;
}
.ws-bc__home img{
width:1.25rem;
height:1.25rem;
}
}
@media (max-width:68.75rem){
.drevos-header__bar .rating-card--trustpilot,
.drevos-header__bar .rating-card--google,
.drevos-header__bar .rating-card,
.drevos-header__bar .rating-widget,
.drevos-header__bar .trustpilot-widget,
.drevos-header__bar .google-review-widget {
display:none !important;
}
}
@media (max-width:64rem){
.ws-addwhat .ws-addwhat__swiper .swiper-slide,
.ws-addwhat .ws-addwhat__swiper .swiper-slide.ws-addwhat__slide,
.ws-addwhat__slide.swiper-slide{
width:82vw!important;
max-width:100%!important;
height:auto!important;
}
}
@media (min-width:64rem){
.ws-addwhat .ws-addwhat__container{
padding-left:1.5rem!important;
padding-right:1.5rem!important;
}
.ws-addwhat__swiper,
.ws-addwhat__swiper .swiper{
padding-left:0!important;
padding-right:0!important;
overflow:visible!important;
}
}
@media (max-width:48rem){
.ws-addwhat__title{
font-size:2rem;
line-height:1.1;
}
.ws-addwhat__sub{
font-size:1.125rem;
}
.ws-addwhat{
--reelW:82vw;
--reelGap:2.5vw;
--padL:3vw;
--peekR:3vw;
}
.ws-addwhat__figure{
height:auto!important;
min-height:0!important;
aspect-ratio:600 / 670;
}
.ws-addwhat__figure::before{
display:none!important;
padding-top:0!important;
}
.ws-addwhat__video,
.ws-addwhat__img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
}
.ws-addwhat__swiper,
.ws-addwhat__swiper .swiper{
overflow:visible!important;
padding-left:var(--padL)!important;
padding-right:var(--peekR)!important;
}
.ws-addwhat__swiper .swiper-wrapper{
margin:0!important;
}
.ws-addwhat__slide,
.ws-addwhat__swiper .swiper-slide{
width:var(--reelW)!important;
max-width:100%!important;
margin-right:var(--reelGap)!important;
flex:0 0 auto!important;
}
.ws-addwhat__swiper .swiper-slide:last-child{
margin-right:0!important;
}
.ws-addwhat__figure{
border-radius:0 0 0 0!important;
}
}
@media (max-width:48rem){
.ws-addwhat .ws2-card__price.ws2-card__price{
min-width:clamp(14.375rem,72vw,18.75rem)!important;
padding:0.75rem 1.125rem!important;
gap:0.625rem!important;
font-size:1.125rem!important;
line-height:1.2!important;
flex:0 0 auto!important;
box-sizing:border-box!important;
}
.ws-addwhat .ws2-card__price{
justify-content:center!important;
text-align:center!important;
}
.ws-addwhat .ws2-card__price>*{
flex:0 0 auto!important;
}
}
@media (max-width:40rem){
.ws-addwhat__nav{
width:2.375rem;
height:2.375rem;
}
.ws-addwhat__nav svg{
width:1.25rem;
height:1.25rem;
}
}
@media (max-width:42.5rem){
.ws-addwhat .ws-addwhat__figure > .ws-addwhat__tag{
left:0.75rem;
top:0.75rem;
padding:0.4375rem 0.75rem;
font-size:0.8125rem;
border-radius:1rem;
}
}
@media (max-width:64rem){
.ws-add .ws-add__swiper .swiper-slide,
.ws-add .ws-add__swiper .swiper-slide.ws-add__slide,
.ws-add__slide.swiper-slide{
width:82vw!important;
max-width:82vw!important;
height:auto!important;
}
}
@media (max-width:40rem){
.ws-add__nav{
width:2.375rem;
height:2.375rem;
}
.ws-add__nav svg{
width:1.25rem;
height:1.25rem;
}
}
@media (min-width:64rem){
.ws-add .ws-add__container{
padding-left:0!important;
padding-right:0!important;
}
.ws-add__swiper,
.ws-add__swiper .swiper{
padding-left:0!important;
padding-right:0!important;
overflow:visible!important;
}
}
@media (max-width:48rem){
.ws-add{
--reelW:82vw;
--reelGap:2.5vw;
--padL:3vw;
--peekR:3vw;
--mediaH:clamp(13.75rem,56vw,22rem);
}
.ws-add__figure{
height:auto!important;
min-height:0!important;
aspect-ratio:600 / 670;
border-radius:0 0 0 0!important;
}
.ws-add__figure::before{
display:none!important;
padding-top:0!important;
}
.ws-add__video,
.ws-add__img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
.ws-add__swiper,
.ws-add__swiper .swiper{
overflow:visible!important;
padding-left:var(--padL)!important;
padding-right:var(--peekR)!important;
}
.ws-add__swiper .swiper-wrapper{
margin:0!important;
}
.ws-add__slide,
.ws-add__swiper .swiper-slide{
width:var(--reelW)!important;
max-width:100%!important;
margin-right:var(--reelGap)!important;
flex:0 0 auto!important;
}
.ws-add__swiper .swiper-slide:last-child{
margin-right:0!important;
}
.ws-add .ws2-card__price{
bottom:0.625rem!important;
padding:0.5rem 0.75rem;
}
.ws-add__nav,
.ws-add_nav{
top:calc(var(--mediaH)/2)!important;
transform:translateY(-50%)!important;
}
.ws-add__nav[style],
.ws-add_nav[style]{
top:calc(var(--mediaH)/2)!important;
transform:translateY(-50%)!important;
}
}
@media (max-height:31.25rem) and (orientation:landscape){
.ws-add__container{
max-width:40rem;
margin:0 auto;
padding:0 0.5rem;
}
.ws-add__swiper,
.ws-add__swiper .swiper{
padding-left:0!important;
padding-right:0!important;
}
.ws-add__slide,
.ws-add__swiper .swiper-slide{
width:100%!important;
max-width:100%!important;
margin-right:0!important;
flex:0 0 auto!important;
}
}
@media (max-width:42.5rem){
.ws-add .ws-add__tag{
left: 0.75rem;
top: 0.75rem;
padding: 0.4375rem 0.75rem;
font-size: 0.8125rem;
border-radius: 1rem;
}
}
@media (min-width:64rem){
.ws-add .ws-add__container{
padding-left:0!important;
padding-right:0!important;
}
}
@media (max-height: 500px) and (orientation: landscape) {
.ws-addwhat__header,
.ws-add__header{
padding:0 1rem;
}
.ws-addwhat__title,
.ws-add__title{
margin-top:1.25rem;
font-size:1.6rem;
line-height:1.15;
}
.ws-addwhat__sub,
.ws-add__sub{
font-size:0.95rem;
margin:0.25rem 0 0.75rem;
}
.ws-addwhat,
.ws-add{
--reelW:80vw;
--reelGap:2.5vw;
--padL:3vw;
--peekR:3vw;
}
.ws-addwhat__figure,
.ws-add__figure{
height:auto !important;
min-height:0 !important;
aspect-ratio:600 / 670;
}
.ws-addwhat__figure::before,
.ws-add__figure::before{
display:none !important;
padding-top:0 !important;
}
.ws-addwhat__video,
.ws-addwhat__img,
.ws-add__video,
.ws-add__img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
.ws-addwhat__swiper,
.ws-addwhat__swiper .swiper,
.ws-add__swiper,
.ws-add__swiper .swiper{
overflow:visible !important;
padding-left:var(--padL) !important;
padding-right:var(--peekR) !important;
}
.ws-addwhat__slide,
.ws-addwhat__swiper .swiper-slide,
.ws-add__slide,
.ws-add__swiper .swiper-slide{
width:var(--reelW) !important;
max-width:100% !important;
margin-right:var(--reelGap) !important;
flex:0 0 auto !important;
}
.ws-addwhat__swiper .swiper-slide:last-child,
.ws-add__swiper .swiper-slide:last-child{
margin-right:0 !important;
}
.ws-addwhat .ws2-card__price,
.ws-add .ws2-card__price{
bottom:0.5rem !important;
padding:0.5rem 0.875rem !important;
font-size:0.95rem !important;
}
.ws-addwhat__nav,
.ws-add__nav{
width:2.25rem;
height:2.25rem;
}
.ws-addwhat__nav svg,
.ws-add__nav svg{
width:1.125rem;
height:1.125rem;
}
}
@media (max-width:64rem){
.ws-footer{
min-height:auto;
overflow:hidden;
}
.ws-footer__shade{
background:linear-gradient(
180deg,
rgba(0,0,0,.12) 0%,
rgba(0,0,0,.42) 48%,
rgba(0,0,0,.82) 100%
);
}
.ws-footer__cta{
position:relative;
inset:auto;
z-index:4;
justify-content:flex-start;
padding:2.25rem 1.25rem 1rem;
pointer-events:none;
}
.ws-footer__title{
font-size:clamp(1.375rem,3.2vw,1.875rem);
line-height:1.15;
margin-bottom:0.75rem;
}
.ws-footer__btn,
.ws-footer__cta a.btn{
min-width:min(17.5rem,100%);
max-width:100%;
}
.ws-footer__ratings{
position:relative !important;
top:auto !important;
left:auto !important;
right:auto !important;
transform:none !important;
width:100%;
max-width:40rem;
margin:0 auto 1rem;
padding:0 1rem;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
gap:0.75rem;
z-index:3;
}
.rating-card{
flex:1 1 15.5rem;
max-width:19.5rem;
min-width:min(100%,14.5rem);
margin:0;
}
.ws-footer__container{
padding-bottom:1.5rem;
}
.ws-footer__columns{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1rem 1.375rem;
padding-top:0.75rem;
align-items:start;
}
.ws-footer__col a{
font-size:0.8125rem;
line-height:1.35;
}
.ws-footer__brand{
grid-column:1 / -1;
width:100%;
margin-left:0;
align-items:center;
text-align:center;
gap:0.875rem;
margin-top:0.5rem;
}
.ws-footer__pay{
justify-content:center;
gap:0.625rem 0.75rem;
max-width:100%;
}
.ws-footer__pay img{
height:1.625rem;
flex:0 0 auto;
}
.ws-footer__addr{
font-size:0.75rem;
line-height:1.45;
max-width:36rem;
margin:0 auto;
}
.ws-footer__copy{
max-width:36rem;
margin:0 auto;
}
}
@media (max-width:47.9375rem){
.ws-footer{
min-height:32.5rem;
}
.ws-footer__shade{
background:linear-gradient(
180deg,
rgba(0,0,0,.08) 0%,
rgba(0,0,0,.45) 55%,
rgba(0,0,0,.88) 100%
);
}
.ws-footer__cta{
z-index:9;
justify-content:flex-start;
padding:1.75rem 1rem 13.125rem;
}
.ws-footer__title{
font-size:1.625rem;
line-height:1.15;
letter-spacing:.9px;
}
.ws-footer__btn,
.ws-footer__cta a.btn{
height:3.125rem;
min-width:min(260px,100%);
max-width:100%;
box-sizing:border-box;
}
.ws-footer__ratings{
position:absolute !important;
top:10rem;
left:0;
right:0;
transform:none !important;
margin:0 auto;
width:100%;
max-width:32.5rem;
padding:0 0.75rem;
display:grid;
justify-items:center;
gap:0.625rem;
z-index:9;
}
.rating-card{
width:min(26.25rem,94%);
padding:0.75rem 0.875rem;
border-radius:0.875rem;
}
.ws-footer__columns{
position:relative;
z-index:1;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:0.875rem 1.125rem;
padding-top:21.25rem;
}
.ws-footer__brand{
grid-column:1/-1;
width:100%;
margin-left:0;
align-items:center;
text-align:center;
gap:0.75rem;
margin-top:0.375rem;
}
.ws-footer__pay{
justify-content:center;
gap:0.75rem;
}
.ws-footer__pay img{
height:1.625rem;
width:auto;
padding:0.375rem;
background:#fff;
border-radius:9999px;
box-shadow:0 0.375rem 1rem rgba(0,0,0,.22);
}
.ws-footer__addr{
display:none !important;
}
.ws-footer__copy{
font-size:0.75rem;
opacity:.9;
}
}
@media (max-width:30rem){
.ws-footer__cta{
padding:1.5rem 0.75rem 12.5rem;
}
}
@media (max-width:47.9375rem) and (max-height:42.5rem){
.ws-footer{
min-height:30rem;
}
.ws-footer__cta{
padding:1.25rem 0.75rem 11.25rem;
}
.ws-footer__ratings{
top:9.0625rem;
}
.ws-footer__columns{
padding-top:19.375rem;
}
}
@media (prefers-reduced-motion:reduce){
.ws-footer__btn,
.ws-footer__cta a.btn,
.rating-card{
transition:none !important;
}
}
@media (max-width:47.9375rem){
.ws-footer__cta{
position:relative;
inset:auto;
z-index:4;
justify-content:flex-start;
padding:1.5rem 1rem 0.75rem;
}
.ws-footer__ratings{
position:relative !important;
top:auto;
left:auto;
right:auto;
transform:none !important;
width:100%;
max-width:32.5rem;
margin:0.625rem auto 0;
padding:0 0.75rem;
display:grid;
grid-template-columns:1fr;
gap:0.75rem;
z-index:3;
}
.rating-card{
width:100%;
margin:0;
}
.ws-footer__columns{
position:relative;
z-index:1;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:0.875rem 1.125rem;
padding-top:1rem;
}
.ws-footer{
min-height:30rem;
}
}
@media (max-width:47.9375rem){
.ws-footer__ratings{
padding:0;
}
.rating-card{
width:min(22.5rem, 86%);
margin:0 auto;
}
.ws-footer__pay{
gap:0.875rem;
}
.ws-footer__pay img{
width:2.875rem;
height:2.875rem;
padding:0.5rem;
object-fit:contain;
background:#fff;
border-radius:9999px;
box-shadow:0 0.5rem 1.375rem rgba(0,0,0,.22);
}
}
@media (max-height: 500px) and (orientation: landscape) {
.ws-footer{
min-height:28rem;
}
.ws-footer__cta{
position:relative;
inset:auto;
z-index:4;
justify-content:flex-start;
padding:1.25rem 1rem 0.5rem;
}
.ws-footer__title{
font-size:1.5rem;
line-height:1.15;
margin-bottom:0.5rem;
}
.ws-footer__ratings{
position:relative !important;
top:auto;
left:auto;
right:auto;
transform:none !important;
width:100%;
max-width:32.5rem;
margin:0.5rem auto 0;
padding:0 0.75rem;
display:grid;
grid-template-columns:1fr;
gap:0.5rem;
justify-items:center;
z-index:3;
}
.rating-card{
width:min(22.5rem, 86%);
margin:0;
}
.ws-footer__columns{
position:relative;
z-index:1;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:0.75rem 1.125rem;
padding-top:1rem;
}
.ws-footer__brand{
grid-column:1/-1;
width:100%;
margin-left:0;
align-items:center;
text-align:center;
gap:0.75rem;
margin-top:0.375rem;
}
.ws-footer__pay{
justify-content:center;
gap:0.75rem;
}
.ws-footer__pay img{
width:2.25rem;
height:2.25rem;
padding:0.4rem;
object-fit:contain;
background:#fff;
border-radius:9999px;
box-shadow:0 0.4rem 1.1rem rgba(0,0,0,.22);
}
}
.ws-footer__ratings .rating-card--trustpilot,
.ws-footer__ratings .rating-card--google {
display:flex !important;
}
@media (max-width:56.25rem){
.drevos-vhero__title{
font-size:2rem;
}
}
@media (max-width:48rem){
.drevos-vhero{
--gutter20:0.375rem;
padding:0 0.375rem 0 !important;
overflow:hidden;
}
.drevos-vhero__head{
padding:0 0.375rem 0 !important;
margin-top:2.5rem;
}
.drevos-vhero__title,
.drevos-vhero__sub,
.drevos-vhero__desc{
padding-left:0 !important;
padding-right:0 !important;
max-width:none !important;
margin-left:auto;
margin-right:auto;
}
.drevos-vhero__title{
font-size:2rem;
}
.drevos-vhero__stage{
height:30.625rem !important;
min-height:30.625rem !important;
max-height:30.625rem !important;
border-radius:0 !important;
position:relative;
width:100%;
max-width:100%;
left:50%;
transform:translateX(-50%);
margin:0 !important;
}
.drevos-vhero__video,
.drevos-vhero__shade{
position:absolute;
inset:0;
width:100% !important;
height:100% !important;
object-fit:cover !important;
border-radius:0 !important;
background:transparent !important;
}
.drevos-vhero__stage .drevos-vhero__btn.btn{
min-width: min(260px, 100%);
max-width: 100%;
width: auto;
height: var(--ws-btn-height);
font-size: var(--btn-font-size-cta);
box-sizing: border-box;
}
.drevos-vhero__pp{
right:0.625rem;
top:0.625rem;
width:2.5rem;
height:2.5rem;
}
.drevos-vhero__mute{
left:1rem;
bottom:0.75rem;
width:3rem;
height:3rem;
}
}
@supports not (width:100%){
@media (max-width:48rem){
.drevos-vhero__stage{
width:100vw;
left:auto;
transform:none;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
}
}
}
@media (max-width:48rem){
.drevos-vhero .drevos-vhero__badge{
top:0.75rem;
left:0.75rem;
padding:0.375rem 0.75rem;
}
.drevos-vhero .drevos-vhero__pp{
top:0.75rem;
right:0.75rem;
width:2.5rem;
height:2.5rem;
}
.drevos-vhero .drevos-vhero__mute{
left:0.75rem;
bottom:0.75rem;
width:2.25rem;
height:2.25rem;
}
}
@media (max-width:48rem){
#drevosVhero .drevos-vhero__badge{
top:0.75rem !important;
left:0.75rem !important;
}
}
@media (max-width:900px) and (max-height:500px) and (orientation:landscape){
.drevos-vhero__stage{
height:18.75rem !important;
min-height:18.75rem !important;
max-height:60vh !important;
}
.drevos-vhero__video,
.drevos-vhero__shade{
height:100% !important;
width:100% !important;
object-fit:cover !important;
}
.drevos-vhero__head{
margin-top:1.25rem;
}
.drevos-vhero__title{
font-size:2rem;
}
}
@media (min-width: 64rem) {
.ws-addwhat .ws-addwhat__container {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
}
@media (max-height: 31.25rem) and (orientation: landscape) {
.ws-add__container {
max-width: 50rem;
margin: 0 auto;
padding: 0 0.0rem;
}
}
body.single-post{
--ws-wrap: var(--ws-listing-wrap-max);
--ws-pad: 20px;
--ws-r: 18px;
--ws-line: rgba(0,0,0,.12);
--ws-shadow: 0 18px 60px rgba(0,0,0,.10);
--ws-text: #0b0b0b;
--ws-muted: rgba(0,0,0,.65);
}
body.single-post .ws-container{
max-width: var(--ws-wrap);
padding: 0 var(--ws-pad);
margin: 0 auto;
box-sizing: border-box;
}
body.single-post .ws-single{
padding: 20px 0 40px;
}
body.single-post .ws-article__head{
text-align:center;
padding-top:6px;
margin: 0 0 18px;
}
body.single-post .ws-article__title{
font-size: clamp(32px, 3.2vw, 54px);
line-height: 1.06;
margin: 0 0 12px;
}
body.single-post .ws-article__meta{ display:none !important; }
body.single-post .ws-article__lead{
font-size: 17px;
line-height: 1.7;
margin: 0 auto 16px;
max-width: 920px;
}
body.single-post .ws-article__body{
font-size: 17px;
line-height: 1.75;
color: var(--ws-text);
}
body.single-post .ws-article__body *{ color: inherit; }
body.single-post .ws-article__thumb{
position:relative;
margin: 18px 0 22px;
border-radius: 20px;
overflow:hidden;
box-shadow: var(--ws-shadow);
background:#000;
}
body.single-post .ws-article__img{
display:block;
width:100%;
height:auto;
object-fit:cover;
}
@media (min-width:1024px){
body.single-post .ws-article__thumb{ height: 680px; }
body.single-post .ws-article__thumb > picture,
body.single-post .ws-article__thumb > img{
width:100%;
height:100%;
display:block;
}
body.single-post .ws-article__thumb img.ws-article__img{
width:100%;
height:100%;
object-fit:cover;
}
}
body.single-post .ws-article__media{ margin: 16px 0; }
body.single-post .ws-vplayer{
position:relative;
overflow:hidden;
border-radius: 14px;
background:#000;
}
body.single-post .ws-vplayer__el,
body.single-post .ws-article__media > img,
body.single-post .ws-article__media > video{
display:block;
width:100%;
height:auto;
aspect-ratio: 16 / 9;
object-fit:cover;
background:#000;
border:0;
}
body.single-post .ws-vplayer__toggle{
position:absolute;
z-index:6;
top:16px;
right:16px;
width:44px;
height:44px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:0;
cursor:pointer;
background: rgba(0,0,0,.35);
backdrop-filter: saturate(140%) blur(6px);
-webkit-backdrop-filter: saturate(140%) blur(6px);
}
body.single-post .ws-vplayer__toggle,
body.single-post .ws-vplayer__toggle svg,
body.single-post .ws-vplayer__toggle svg *{
color:#fff !important;
fill:#fff !important;
stroke:#fff !important;
}
body.single-post .ws-vplayer[data-state="playing"] .ws-ico--pause{ display:block; }
body.single-post .ws-vplayer[data-state="playing"] .ws-ico--play { display:none; }
body.single-post .ws-vplayer[data-state="paused"] .ws-ico--pause{ display:none; }
body.single-post .ws-vplayer[data-state="paused"] .ws-ico--play { display:block; }
@media (max-width:768px){
body.single-post .ws-single{ padding-left:0; padding-right:0; }
body.single-post figure.ws-article__media,
body.single-post .ws-article__media,
body.single-post .ws-vplayer{
width:100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
border-radius:0 !important;
overflow:hidden;
background:#000;
line-height:0;
position:relative;
aspect-ratio: 16 / 9;
}
body.single-post .ws-article__media > img,
body.single-post .ws-article__media > video,
body.single-post .ws-vplayer > img,
body.single-post .ws-vplayer > video,
body.single-post .ws-article__media .wp-video,
body.single-post .ws-article__media .mejs-container,
body.single-post .ws-vplayer .wp-video,
body.single-post .ws-vplayer .mejs-container{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
background:#000;
border:0;
display:block;
}
body.single-post .ws-vplayer__toggle{
top:12px; right:12px;
width:40px; height:40px;
}
body.single-post .ws-single.ws-container{
padding: 16px 16px 32px;
}
}
body.single-post.ws-area-stories{
--ws-story-stack-gap: clamp(28px, 4vw, 44px);
}
body.single-post.ws-area-stories .ws-videos{
padding: var(--ws-story-stack-gap) 0;
margin: 0;
}
body.single-post.ws-area-stories .ws-videos__head{
text-align:center;
margin: 0 0 clamp(16px, 2.2vw, 22px);
}
body.single-post.ws-area-stories .ws-videos__title{
margin:0;
font-weight:800;
line-height:1.05;
font-size: clamp(34px, 4.2vw, 56px);
}
body.single-post.ws-area-stories .ws-videos__from{
margin-top:6px;
font-size:16px;
letter-spacing:.08em;
}
body.single-post.ws-area-stories .ws-videos__grid{
max-width: var(--ws-wrap);
margin: 0 auto;
padding: 0 var(--ws-pad);
display:grid;
gap:24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width:1024px){
body.single-post.ws-area-stories .ws-videos__grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width:680px){
body.single-post.ws-area-stories .ws-videos__grid{
grid-template-columns: 1fr;
gap:16px;
padding: 0 14px;
}
}
body.single-post.ws-area-stories .ws-vcard{
border:0;
border-radius:0;
overflow:visible;
background:transparent;
}
body.single-post.ws-area-stories .ws-vcard__thumb{
position:relative;
display:block;
width:100%;
border-radius:0 !important;
overflow:visible !important;
text-decoration:none;
color:inherit;
--cut: 22px;
background:transparent;
border:0;
padding:0;
}
body.single-post.ws-area-stories .ws-vcard__thumb > img,
body.single-post.ws-area-stories .ws-vcard__thumb > video{
display:block;
width:100%;
height:auto;
aspect-ratio: 16 / 9;
object-fit:cover;
border-radius:0 !important;
background:#000;
}
body.single-post.ws-area-stories .ws-vcard__thumb::before,
body.single-post.ws-area-stories .ws-vcard__thumb::after{
content:"";
position:absolute;
z-index:3;
pointer-events:none;
}
body.single-post.ws-area-stories .ws-vcard__thumb::before{
top:0; right:0;
width:0; height:0;
border-top: var(--cut) solid #fff;
border-left: var(--cut) solid transparent;
}
body.single-post.ws-area-stories .ws-vcard__thumb::after{
bottom:0; left:0;
width:0; height:0;
border-bottom: var(--cut) solid #fff;
border-right: var(--cut) solid transparent;
}
body.single-post.ws-area-stories .ws-vcard__play{
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
width:56px;
height:56px;
border-radius:50%;
background:#fff;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
pointer-events:none;
}
body.single-post.ws-area-stories .ws-vcard__play::before{
content:"";
display:block;
margin:19px 0 0 22px;
width:0; height:0;
border-left:14px solid #000;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
}
body.single-post.ws-area-stories .ws-vcard__title{
margin:12px 12px 8px;
font-weight:800;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
body.single-post .ws-videos--story .ws-vcard__title--visually-hidden,
body.single-post.ws-area-stories .ws-videos--story .ws-vcard__title--visually-hidden{
position:absolute !important;
width:1px !important;
height:1px !important;
min-height:0 !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0, 0, 0, 0) !important;
clip-path:inset(50%) !important;
white-space:nowrap !important;
border:0 !important;
display:block !important;
-webkit-line-clamp:unset !important;
-webkit-box-orient:unset !important;
}
body.single-post.ws-area-stories .ws-related{
max-width: var(--ws-wrap);
margin: var(--ws-story-stack-gap) auto 24px;
padding: 0 16px;
text-align:left !important;
}
body.single-post.ws-area-stories .ws-related__grid{
display:grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap:var(--ws-listing-grid-gap);
align-items:stretch;
}
@media (max-width:1024px){
body.single-post.ws-area-stories .ws-related__grid{
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (max-width:680px){
body.single-post.ws-area-stories .ws-related{
margin: var(--ws-story-stack-gap) auto 12px;
padding: 0 14px;
}
body.single-post.ws-area-stories .ws-related__grid{
grid-template-columns: 1fr;
gap:var(--ws-listing-grid-gap-sm);
}
}
body.single-post.ws-area-stories .ws-related .ws-card{
height:100%;
display:flex;
flex-direction:column;
background:#fff;
border:1px solid var(--ws-line);
border-radius:16px;
overflow:hidden;
box-sizing:border-box;
}
body.single-post.ws-area-stories .ws-related .ws-card__imgwrap{
display:block;
aspect-ratio: 16 / 11;
position: relative;
}
body.single-post.ws-area-stories .ws-related .ws-card__img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
body.single-post.ws-area-stories .ws-related .ws-card__body{
padding:var(--ws-listing-grid-title-margin-t) var(--ws-listing-card-body-pad) var(--ws-listing-card-body-pad);
display:flex;
flex-direction:column;
gap:0;
flex:1 1 auto;
}
body.single-post.ws-area-stories .ws-related .ws-card__excerpt{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:var(--ws-listing-excerpt-min-height);
}
body.single-post.ws-area-stories .ws-related .ws-card .btn{
margin:var(--ws-listing-card-cta-margin-top) auto 0;
align-self:center;
}
body.single-post.ws-area-stories .ws-story-socials{ margin-top:32px; }
body.single-post.ws-area-stories .ws-story-social’s__title{ text-align:center; }
body.single-post.ws-area-techblog{
}
body.single-post.ws-area-techblog .ws-card{ }
.ws-videos{
padding: clamp(28px, 4vw, 44px) 0;
}
.ws-videos__head{
text-align: center;
margin: 6px 0 22px;
}
.ws-videos__title{
margin: 0;
font-weight: 800;
line-height: 1.05;
font-size: clamp(34px, 4.2vw, 56px);
}
.ws-videos__from{
margin-top: 6px;
font-size: 16px;
letter-spacing: .08em;
}
.ws-videos__grid{
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
display: grid;
gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
align-items: start;
}
.ws-vcard{
width: 100%;
border: 0;
border-radius: 0;
overflow: visible;
}
.ws-vcard__thumb{
--cut: 22px;
position: relative;
display: block;
width: 100%;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
border-radius: 0 !important;
overflow: visible !important;
-webkit-mask:
conic-gradient(from 90deg at 100% 0, transparent 0 45deg, #000 0)
top right / var(--cut) var(--cut) no-repeat,
conic-gradient(from -90deg at 0 100%, transparent 0 45deg, #000 0)
bottom left / var(--cut) var(--cut) no-repeat,
linear-gradient(#000 0 0) !important;
mask:
conic-gradient(from 90deg at 100% 0, transparent 0 45deg, #000 0)
top right / var(--cut) var(--cut) no-repeat,
conic-gradient(from -90deg at 0 100%, transparent 0 45deg, #000 0)
bottom left / var(--cut) var(--cut) no-repeat,
linear-gradient(#000 0 0) !important;
}
.ws-vcard__thumb > img,
.ws-vcard__thumb > video{
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
background: #000;
border-radius: 0 !important;
}
.ws-vcard__play{
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
width:56px;
height:56px;
border-radius:50%;
background:#fff;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
pointer-events:none;
}
.ws-vcard__play::before{
content:"";
display:block;
margin:19px 0 0 22px;
width:0; height:0;
border-left:14px solid #000;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
}
.ws-vcard__title{
margin: 12px 12px 8px;
font-weight: 800;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ws-vcard__btn{
border: 1px solid #000;
background: transparent;
height: 46px;
border-radius: 12px;
padding: 0 22px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 12px auto 0;
}
@media (max-width:680px){
.ws-videos__grid{
padding: 0 14px;
gap: 16px;
}
.ws-vcard__thumb{ --cut: 18px; }
}
.ws-vplayer__el {
width: 100%;
height: 680px;
display: block;
object-fit: cover;
}
.ws-videos__head{
text-align:center !important;
margin: 6px 0 22px !important;
}
.ws-videos__title{
margin:0 !important;
font-weight:800 !important;
line-height:1.05 !important;
font-size: clamp(34px, 4.2vw, 56px) !important;
}
.ws-videos__from{
margin-top:6px !important;
font-size:16px !important;
letter-spacing:.08em !important;
}
.ws-videos__grid{
width:100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
display:grid !important;
gap:24px !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: start !important;
padding: 0 20px !important;
box-sizing: border-box !important;
}
@media (max-width: 1200px){
.ws-videos__grid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 900px){
.ws-videos__grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 560px){
.ws-videos__grid{ grid-template-columns: 1fr !important; padding: 0 14px !important; }
}
.ws-videos .ws-vcard{
display:flex !important;
flex-direction:column !important;
border:0 !important;
border-radius:0 !important;
overflow:hidden !important;
}
.ws-videos .ws-vcard__thumb{
display:block !important;
position:relative !important;
overflow:hidden !important;
border-radius:0 !important;
width:100% !important;
left:auto !important;
transform:none !important;
padding:0 !important;
}
.ws-videos .ws-vcard__thumb > img,
.ws-videos .ws-vcard__thumb > video{
display:block !important;
width:100% !important;
height:200px !important;
object-fit:cover !important;
}
.ws-videos .ws-vcard__title{
margin:12px 12px 8px !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
overflow:hidden !important;
min-height:2.3em !important;
}
@media (max-width: 768px){
.ws-videos .ws-vcard__thumb{
width:100% !important;
max-width:none !important;
left:auto !important;
transform:none !important;
}
.ws-videos .ws-vcard__thumb > img,
.ws-videos .ws-vcard__thumb > video{
height:180px !important;
}
}
body.single-post .ws-vplayer__el, body.single-post .ws-article__media > img, body.single-post .ws-article__media > video {
display: block;
width: 100%;
height: 680px;
aspect-ratio: 16 / 9;
object-fit: cover;
background: #000;
border: 0;
}
.ws-banner__img, .ws-vcard__thumb img, .ws-vcard .ws-sw__video video {
-webkit-clip-path: inherit!important;
clip-path: inherit!important;
border-radius: 0!important;
}
@media (max-width: 48rem) {
.ws-add {
--reelW: 82vw;
--reelGap: 2.5vw;
--padL: 3vw;
--peekR: 3vw;
--mediaH: clamp(13.75rem, 56vw, 22rem);
}
}
.ws-addwhat--stories .ws-addwhat__tag,
.ws-addwhat--stories .ws-addwhat__cap,
.ws-addwhat--stories .ws2-card__price{
display:none !important;
}
.ws-addwhat--stories .ws-addwhat__figure{
border-radius:18px;
overflow:hidden;
}
.ws-addwhat--stories .ws-addwhat__img{
width:100%;
height:100%;
object-fit:cover;
}
@media (min-width: 768px) {
.ws-story-photos--dual .ws-addwhat--mobile {
display: none !important;
}
}
@media (max-width: 767.98px) {
.ws-story-photos--dual .ws-addwhat--desktop {
display: none !important;
}
}
body.single-post .ws-videos.ws-videos--story {
--ws-story-stack-gap: clamp(28px, 4vw, 44px);
padding-top: var(--ws-story-stack-gap) !important;
padding-bottom: var(--ws-story-stack-gap) !important;
}
body.single-post .ws-related.ws-related--stories {
--ws-story-stack-gap: clamp(28px, 4vw, 44px);
margin: clamp(20px, 3vw, 36px) auto 24px !important;
}
@media (max-width: 680px) {
body.single-post .ws-related.ws-related--stories {
margin: var(--ws-story-stack-gap) auto 12px !important;
}
}
.ws-te{
--ink:#291711;
--muted:#291711;
--bg:#F0EEEB;
--card:#fff;
--br:#E6DED7;
--accent:#291711;
--radius:40px;
--cut:28px;
font-family:'Inter Tight',system-ui,Arial,sans-serif;
color:var(--ink);
overflow-x:hidden;
}
@media (max-width:767.98px){
.ws-te{ --cut:22px; }
}
.ws-te__container{
max-width:1130px;
margin:0 auto;
padding:40px 0 0;
}
.ws-te__h2{
margin:0 0 16px;
text-align:center;
font-weight:800;
line-height:1.15;
font-size:52px;
color:var(--ink);
}
@media (max-width:767.98px){
.ws-te__h2{ font-size:32px; margin:12px 0 16px; }
}
.ws-tef{
background:var(--bg);
border-radius:var(--radius);
padding:40px;
display:grid;
grid-template-columns:520px 1fr;
gap:40px;
box-shadow:0 8px 30px rgba(0,0,0,.04);
}
@media (max-width:980px){
.ws-tef{ grid-template-columns:1fr; padding:28px; gap:18px; }
}
@media (max-width:767.98px){
.ws-tef{
border-radius:20px;
padding:16px;
gap:12px;
box-shadow:0 6px 22px rgba(0,0,0,.05);
}
}
.ws-tef__media,
.ws-ter__media{
position:relative;
overflow:hidden;
background:#000;
border-radius:0 !important;
aspect-ratio:16/9;
-webkit-clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}
@supports not (clip-path: polygon(0 0,100% 0,100% 100%)){
.ws-tef__media,
.ws-ter__media{ border-radius:0 24px 0 24px !important; }
}
.ws-te__img,
.ws-te__video{
position:absolute; inset:0;
width:100%; height:100%;
object-fit:cover; display:block; background:#000;
-webkit-clip-path:inherit; clip-path:inherit;
-webkit-transform:translateZ(0); transform:translateZ(0);
}
@media (max-width:767.98px){
.ws-tef__media{ aspect-ratio:328/220; }
.ws-ter__media{ aspect-ratio:3/2; }
}
.ws-te__toggle{
position:absolute; top:10px; right:10px;
width:36px; height:36px; border-radius:50%;
display:grid; place-items:center;
background:#fff; border:1px solid #ffffff66;
box-shadow:0 6px 18px rgba(0,0,0,.15);
cursor:pointer;
}
.ws-te__toggle:focus-visible{ outline:2px solid #111; outline-offset:2px; }
.ws-tef__content{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
gap:0;
}
.ws-tef__title{
margin:0 0 var(--ws-listing-grid-title-margin-b);
font-weight:800; font-size:24px; line-height:1.25; color:var(--ink);
}
.ws-tef__excerpt{
margin:0;
color:#000; font-size:16px; line-height:1.6;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
position:relative;
}
.ws-tef__excerpt:after{
content:""; position:absolute; left:0; right:0; bottom:0; height:1.6em;
background:linear-gradient(to bottom, rgba(240,238,235,0), var(--bg));
pointer-events:none;
}
.ws-tef .btn.btn-primary{
display:inline-flex !important;
align-items:center;
justify-content:center;
box-sizing:border-box;
width:auto !important;
min-width:min(260px, 100%);
max-width:100%;
height:auto !important;
min-height:var(--ws-btn-height);
padding:0 var(--ws-btn-pad-x) !important;
font-family:var(--ws-btn-font) !important;
font-weight:var(--ws-btn-fw) !important;
font-size:var(--btn-font-size-cta) !important;
line-height:var(--btn-line-height) !important;
letter-spacing:0 !important;
text-transform:uppercase;
border-radius:var(--ws-btn-radius) !important;
text-decoration:none;
box-shadow:none !important;
-webkit-box-shadow:none !important;
margin-top:var(--ws-listing-card-cta-margin-top);
transition:box-shadow .2s ease, transform .15s ease;
}
.ws-tef .btn.btn-primary:hover{
box-shadow:0 6px 18px rgba(0,0,0,.08);
transform:translateY(-1px);
}
.ws-tef .btn.btn-primary:active{
transform:none;
box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.ws-ter__btn{ margin-top:6px; }
@media (max-width:767.98px){
.ws-tef .btn.btn-primary{
min-width:min(260px, 100%);
padding:0 var(--ws-btn-pad-x) !important;
}
}
.ws-ter{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:22px;
margin-top:24px;
}
.ws-ter__card{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.ws-ter__title{
color:var(--ink); text-decoration:none; font-weight:700;
font-size:18px; line-height:1.35;
}
.ws-ter .btn.btn-primary.ws-ter__btn{
width:240px;
height:46px;
font-size:var(--btn-font-size-cta);
}
@media (max-width:980px){
.ws-ter{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767.98px){
.ws-te__container{ padding:0; max-width:360px; }
.ws-ter{
grid-template-columns:repeat(2, 1fr);
column-gap:12px; row-gap:12px;
justify-content:center;
margin:16px auto 0;
}
.ws-ter__card{ gap:8px; }
.ws-ter__title{ font-size:13px; line-height:1.35; }
.ws-ter .btn.btn-primary.ws-ter__btn{
width:150px;
height:40px;
font-size:var(--btn-font-size-cta);
}
}
@media (max-width: 767px){
.ws-te .ws-ter__btn.btn.btn-primary{
font-size: var(--btn-font-size-cta) !important;
line-height: 1.1 !important;
padding: 8px 14px !important;
width: auto !important;
min-width: 120px;
max-width: 100%;
white-space: nowrap;
display: inline-flex !important;
justify-content: center;
margin: 10px auto 0 !important;
border-radius: 10px;
}
}
@media (max-width: 400px){
.ws-te .ws-ter__btn.btn.btn-primary{
font-size: var(--btn-font-size-cta) !important;
padding: 7px 12px !important;
min-width: 110px;
}
}
.ws-ter .btn.btn-primary.ws-ter__btn {
width: 240px !important;
max-width: 100%;
}
.ws-ter a.btn.btn-primary.ws-ter__btn, .ws-ter .btn.btn-primary.ws-ter__btn, .ws-ter .ws-ter__btn {
font-size: var(--btn-font-size-cta) !important;
}
@media (max-width: 400px) {
.ws-te .ws-ter__btn.btn.btn-primary {
font-size: var(--btn-font-size-cta) !important;
padding: 7px 12px !important;
min-width: 110px;
}
}
@media (max-width: 767.98px) {
.ws-ter__title {
font-size: 18px;
line-height: 1.35;
}
}
@media (max-width: 48rem) {
.ws-addwhat,
section.ws-addwhat,
.ws-addwhat.ws-addwhat--posters {
--reelW: 82vw !important;
--reelGap: 2.5vw !important;
--padL: 3vw !important;
--peekR: 3vw !important;
}
.ws-addwhat__slide,
.ws-addwhat .ws-addwhat__swiper .swiper-slide,
.ws-addwhat__swiper .swiper-slide {
width: var(--reelW) !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
.ws-addwhat__figure {
aspect-ratio: 600 / 670 !important;
min-height: 0 !important;
height: auto !important;
}
.ws-addwhat__img,
.ws-addwhat__video {
object-fit: cover !important;
object-position: center center !important;
}
}