.media-with-text-section{width:100%;max-width:1200px;margin:0 auto;padding:0;position:relative;overflow:visible}.background-decoration{position:absolute;top:20px;left:40px;width:356px;height:410px;z-index:1;pointer-events:none}.background-decoration svg{width:100%;height:100%}.media-with-text-container{display:flex;width:100%;height:421px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000001a;position:relative;z-index:2}.text-content{flex:0 0 32%;background-color:#d6b7a5;position:relative;display:flex;align-items:flex-start;justify-content:unset;z-index:3}.text-content-inner{width:394px;height:281px;padding-right:81px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5;margin-top:77px}.section-title{font-size:42px;font-weight:700;line-height:1;margin:10px 0 20px;color:#1a1a1b;white-space:nowrap}.section-title h2{margin-bottom:-3px}.section-subtitle{font-size:22px;font-weight:600;line-height:1.5;margin:0;color:#1a1a1b}.section-text{font-size:16px;line-height:1.5;margin:0 0 36px;color:#1a1a1b;min-width:346px!important}.section-text p{margin:0 0 16px}.section-text p:last-child{margin-bottom:0}.section-button{display:inline-block;width:208px;height:60px;min-height:60px;background-color:#dd2d4a;color:#fff;text-decoration:none;border-radius:34px;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;align-self:flex-start}.section-button:hover{background-color:#c02540;color:#fff}.media-content{flex:0 0 68%;height:100%;position:relative;overflow:visible;border-radius:0 20px 20px 0}.media-image,.media-video,.media-youtube{width:100%;height:100%;position:relative;overflow:visible}.media-image img,.media-video video{width:100%;height:100%;object-fit:cover}.media-overlay{position:absolute;top:0;right:0;width:15%;height:100%;background-image:linear-gradient(270deg,#d6b7a5,#d6b7a5c2 15%,#d6b7a536 35%,#d6b7a500 50%);pointer-events:none;overflow:visible}.youtube-thumbnail{position:relative;width:100%;height:100%;cursor:pointer}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease}.youtube-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666;font-size:16px}@media(max-width:768px){.media-with-text-section{padding:0;max-width:100%;margin:0 auto}.background-decoration{display:none}.media-with-text-container{flex-direction:column;height:444px;border-radius:0}.section-title h2{margin-bottom:0}.text-content{flex:0 0 200px;order:1;position:relative;background-color:#d6b7a5}.text-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(360deg,#d6b7a500,#d6b7a5cc 70%,#d6b7a5);z-index:4;opacity:.3}.text-content:after{content:"";position:absolute;top:0;right:0;width:334px;height:243px;background:url("data:image/svg+xml,%3Csvg width='334' height='243' viewBox='0 0 334 243' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='213.151' cy='29.9491' r='175.131' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='213.148' cy='29.949' r='212.852' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='212.814' cy='29.6125' r='136.4' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E") no-repeat;background-size:contain;z-index:2}.media-content{flex:0 0 244px;order:2}.media-overlay{position:absolute;top:-20px;left:0;width:100%;height:50%;background:linear-gradient(180deg,#d6b7a5 30%,#d6b7a500 90%)}.text-content-inner{position:relative;z-index:5;padding:20px;width:auto;height:auto;margin-top:0}.section-title{font-size:24px;margin:0 0 7px;white-space:normal}.section-subtitle{text-align:center;font-size:18px;margin:0 0 2px}.section-text{text-align:center;font-size:14px;margin:0 auto 15px}.section-text p{margin:0 auto}.section-button{width:140px;height:42px;min-height:42px;align-self:center;font-size:16px;border-radius:32px}}@media(max-width:480px){.section-text p{max-width:330px}.media-with-text-section{padding:0;max-width:100%}.media-with-text-container{border-radius:0}.section-title{font-size:26px}.section-subtitle{font-size:16px}.text-content-inner{padding:0;width:100%;padding-top:39px!important}.media-content{height:244px}.text-content{min-height:200px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-baner.css.map */