.ctr-htu{background-color:var(--ctr-htu-bg, #f5f5f5);padding-top:var(--ctr-htu-pt-mobile, 40px);padding-bottom:var(--ctr-htu-pb-mobile, 40px)}.ctr-htu__container{max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:768px){.ctr-htu__container{padding:0 30px}}.ctr-htu__header{text-align:center;margin-bottom:24px}@media(min-width:768px){.ctr-htu__header{margin-bottom:40px}}.ctr-htu__heading{font-family:var(--font-inter, "Inter", sans-serif);font-weight:700;font-size:40px;line-height:1.1;text-transform:none;letter-spacing:-.04em;color:var(--ctr-htu-heading-color, #000000);margin:0 0 8px}.ctr-htu__subheading{font-family:"Roboto",var(--custom-main-font-stack, sans-serif);font-weight:400;font-size:16px;line-height:1.5;color:var(--ctr-htu-subheading-color, #555555);margin:0}.ctr-htu__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-24px;padding-right:24px}.ctr-htu__track::-webkit-scrollbar{display:none}.ctr-htu__card{position:relative;flex:0 0 85%;scroll-snap-align:start;overflow:hidden;background:#1a1a1a;border-radius:8px;aspect-ratio:3 / 4}.ctr-htu__card-img,.ctr-htu__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ctr-htu__card-placeholder{background:#2a2a2a}.ctr-htu__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.ctr-htu__card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;pointer-events:none}.ctr-htu__card-title{font-family:var(--font-inter, "Inter", sans-serif);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:.01em;color:#fff;margin:0}.ctr-htu__card-desc{font-family:"Roboto",var(--custom-main-font-stack, sans-serif);font-weight:400;font-size:20px;line-height:1.4;color:#fff;margin:0}@media(max-width:767px){.ctr-htu__card-desc{font-size:16px}}.ctr-htu__controls{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0}.ctr-htu__pagination{display:flex;align-items:center;gap:8px}.ctr-htu__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#d4d4d4;cursor:pointer;transition:background-color .2s ease}.ctr-htu__dot.is-active{background:#000}.ctr-htu__dot:focus-visible{outline:2px solid #000000;outline-offset:2px}.ctr-htu__navigation{display:flex;gap:8px}.ctr-htu__nav-btn{width:40px;height:40px;border-radius:6px;border:1px solid #d4d4d4;background:#f0f0f0;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease;padding:0}.ctr-htu__nav-btn:focus-visible{outline:2px solid #000000;outline-offset:2px}.ctr-htu__nav-btn:disabled{opacity:.4;cursor:default}.ctr-htu__nav-next{background:#000;color:#fff;border-color:#000}.ctr-htu__nav-prev:hover:not(:disabled){background:#000;color:#fff;border-color:#000}.ctr-htu__nav-next:hover:not(:disabled){background:#333;border-color:#333}@media(min-width:768px){.ctr-htu{padding-top:var(--ctr-htu-pt-desktop, 60px);padding-bottom:var(--ctr-htu-pb-desktop, 60px)}.ctr-htu__heading{font-size:56px;letter-spacing:-.06em}.ctr-htu__track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ctr-htu-gap, 16px);overflow:visible;scroll-snap-type:unset;margin:0;padding-right:0}.ctr-htu__card{flex:unset;scroll-snap-align:unset;border-radius:8px}.ctr-htu__card-title{font-size:32px}.ctr-htu__card-content{padding:24px}.ctr-htu__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/ctr-how-to-use.css.map */