.service-works-header--mobile{display:none;margin-bottom:25px}.service-works-header-content{text-align:left;margin-bottom:40px}.service-works-header--mobile .service-works-subtitle{color:#063;font-size:22px;letter-spacing:.2em;margin-bottom:5px}.service-works-header--mobile .service-works-title{color:#000;font-size:38px;line-height:1.3;margin:0}.service-works-header-content .service-works-subtitle{color:#063;font-size:28px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.service-works-header-content .service-works-title{font-size:48px;color:#000;margin:0;line-height:1.2}.service-works-video{width:100%;max-width:100%}@media screen and (min-width: 1000px){.service-works-content-wrapper{position:relative;display:flex;gap:60px;justify-content:center}.service-works-left-section{flex:1;order:1}.service-works-video{flex-shrink:0;width:45%;max-width:500px;order:2}}.video-container{position:relative;width:100%;height:100%;min-height:400px;background:#000;overflow:hidden;cursor:pointer}.video-container video{width:100%;height:100%;object-fit:cover;display:block}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;transition:transform .3s ease}.video-container:hover .video-play-button{transform:translate(-50%,-50%) scale(1.1)}.video-container.playing .video-play-button{opacity:0;pointer-events:none}.service-works-left-section{width:100%}.service-works-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative}.step-item{position:relative;z-index:2;background:#fff;padding:20px;box-shadow:14px 14px 44px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.step-item--button{background:#fff;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:14px 14px 44px -1px #0000001a}.step-item--button:hover{background:#000;box-shadow:0 8px 24px #0000004d}.package-button{display:flex;align-items:center;justify-content:center;gap:15px;color:#000;text-decoration:none;font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:100%;height:100%;padding:30px;transition:color .3s ease}.package-button:hover{color:#fff}.package-button svg{transition:transform .3s ease;flex-shrink:0}.package-button:hover svg{transform:translate(5px)}.step-number{font-family:Lora;font-weight:400;font-size:45px;line-height:1.5;color:#063}.step-item:nth-child(1) .step-number{opacity:.4}.step-item:nth-child(2) .step-number{opacity:.5}.step-item:nth-child(3) .step-number{opacity:.6}.step-item:nth-child(4) .step-number{opacity:.8}.step-item:nth-child(5) .step-number{opacity:1}.step-title{font-size:22px;color:#000;text-transform:uppercase;letter-spacing:.08em;line-height:1.3;max-width:220px}.step-description{font-size:18px;color:#606060;margin:0;line-height:1.5}.service-works-buttons{display:none}@media screen and (max-width: 1200px) and (min-width: 1000px){.service-works-content-wrapper{gap:20px}.service-works-video{width:40%}.service-works-steps{gap:15px}.step-item{padding:10px}.package-button{font-size:18px;padding:10px}.step-number{font-size:38px}.step-title{font-size:18px}.step-description{font-size:16px}.service-works-header-content .service-works-subtitle{font-size:22px}.service-works-header-content .service-works-title{font-size:38px}}@media screen and (max-width: 999px){.service-works-header--desktop{display:none}.service-works-header--mobile{display:block;text-align:center}.service-works-header-content{display:none}.service-works-content-wrapper{display:flex;flex-direction:column;margin-bottom:15px}.service-works-video{order:-1;width:100%;max-width:100%;margin-bottom:30px}.service-works-left-section{order:1}.video-container{min-height:250px}.service-works-steps{display:flex;flex-direction:column;gap:10px}.step-item{box-shadow:none;padding:0 0 20px;background:transparent}.step-item:hover{transform:none;box-shadow:none}.step-item--button{display:none}.step-item:not(:last-of-type):not(:nth-of-type(5)):after{content:"";position:absolute;bottom:0;left:-20px;width:100px;height:1px;background:#000;z-index:1}.step-item:last-child:after{display:none}.step-item:last-child{padding-bottom:0}.step-title{max-width:unset}.step-description{font-size:16px}.service-works-buttons{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.btn-whatsapp,.btn-shop{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/service-works.css.map */
