.tutorials-page-container{max-width:1200px;margin:0 auto;padding:60px 20px}.tutorials-header{text-align:center;margin-bottom:60px}.tutorials-header h1{font-size:40px;font-weight:800;color:#2b2b2b;margin-bottom:24px}.tutorials-seo-text{max-width:800px;margin:0 auto;color:#4a4a4a;font-size:16px;line-height:1.6}.tutorials-list{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.tutorial-block{border-radius:24px;padding:40px;box-shadow:0 12px 32px #0000000a;display:grid;grid-template-columns:350px 1fr;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"video ." "video title" "video desc" "video .";gap:0 60px}.tutorial-block:nth-child(2n){grid-template-columns:1fr 350px;grid-template-areas:". video" "title video" "desc video" ". video"}.tutorial-title{grid-area:title;align-self:end;font-size:32px;font-weight:800;color:#2b2b2b;margin:0 0 24px}.tutorial-description{grid-area:desc;align-self:start;font-size:16px;line-height:1.8;color:#4a4a4a}.tutorial-description p{margin-bottom:16px}.tutorial-description strong,.tutorial-description b{color:#2b2b2b}.tutorial-intro{margin-bottom:24px;font-size:16px;line-height:1.6;color:#4a4a4a}.tutorial-steps-container{display:flex;flex-direction:column;gap:24px}.tutorial-step-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;background:linear-gradient(90deg,#c7657b,#e8c678);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.tutorial-step-text{font-size:15px;line-height:1.6;color:#4a4a4a}.tutorial-step-text p{margin:0}.tutorial-video-wrapper{grid-area:video;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001a;aspect-ratio:9 / 16;background:transparent;cursor:pointer;width:100%}.tutorial-video-wrapper video{width:100%;height:100%;object-fit:cover;border-radius:16px}.video-placeholder{width:100%;height:100%;background:#eaeaea;display:flex;align-items:center;justify-content:center;color:#888}.tutorial-custom-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#e8c678e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease;z-index:2;pointer-events:none}.tutorial-video-wrapper:hover .tutorial-custom-play-btn{transform:translate(-50%,-50%) scale(1.1);background:#e8c678}.tutorial-video-wrapper.native-controls-active .tutorial-custom-play-btn{opacity:0;visibility:hidden}.tutorials-cta-section{text-align:center;padding:60px 20px;border-radius:24px;box-shadow:0 12px 32px #0000000a;margin-top:40px}.tutorials-cta-title{font-size:28px;font-weight:800;color:#2b2b2b;margin-bottom:32px}.glamoria-cta-btn{display:inline-block;background-image:linear-gradient(to top,#fad7d8 50%,#e8c678 50%);background-size:100% 200%;background-position:top;color:#000;font-weight:800;padding:16px 40px;border-radius:8px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:background-position .3s ease,transform .2s ease;font-size:16px}.glamoria-cta-btn:hover{background-position:bottom;transform:translateY(-2px)}@media(max-width:989px){.tutorial-block,.tutorial-block:nth-child(2n){grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "video" "desc";gap:24px;padding:24px}.tutorial-title{font-size:28px;text-align:center;align-self:center;margin-bottom:0}.tutorial-video-wrapper{max-width:350px;margin:0 auto}.tutorials-list{gap:40px}.tutorials-header h1{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/glamoria-tutorials-page.css.map */