@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";:root{--htu-peach: #dc655f;--htu-peach-soft: #fff1f0;--htu-gradient: linear-gradient(135deg, #dc655f 0%, #f4a07e 100%);--htu-text: #111827;--htu-gray: #4b5563;--htu-radius-xl: 24px;--htu-radius-lg: 18px;--htu-card-border: #e2e8f0}.htu-section{width:100%;padding:48px 20px;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}.htu-outer{max-width:1200px;margin:0 auto;text-align:center}.htu-header-wrap{margin-bottom:30px}.htu-badge-top{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--htu-peach);background:#dc655f14;padding:5px 14px;border-radius:50px;display:inline-block;margin-bottom:12px}.htu-main-title{font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--htu-text);margin:0 0 10px;line-height:1.1;letter-spacing:-1px}.htu-main-title span{color:var(--htu-peach)}.htu-subtitle{font-size:15px;color:var(--htu-gray);max-width:550px;margin:0 auto;line-height:1.5;position:relative;padding-top:15px}.htu-subtitle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:#eee}.htu-grid{display:grid;gap:15px;margin-bottom:20px}.htu-count-4 .htu-grid{grid-template-columns:repeat(4,1fr)}.htu-count-5 .htu-grid{grid-template-columns:repeat(5,1fr)}.htu-grid{grid-template-columns:repeat(4,1fr)}.htu-card{background:#fff;border-radius:var(--htu-radius-xl);padding:18px;text-align:left;border:1.2px solid var(--htu-card-border);transition:all .4s ease;position:relative;display:flex;flex-direction:column}.htu-media-box{position:relative;aspect-ratio:1 / 1;border-radius:var(--htu-radius-lg);overflow:hidden;background:#f0f0f0;margin-bottom:12px}.htu-img-base,.htu-img-hover{width:100%;height:100%;object-fit:cover;display:block}.htu-img-base{transition:opacity .4s ease}.htu-img-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .5s ease}.htu-step-num{position:absolute;top:8px;left:8px;background:var(--htu-gradient);color:#fff;font-size:10px;font-weight:900;padding:4px 10px;border-radius:50px;z-index:5;box-shadow:0 2px 6px #dc655f4d}.htu-tag{font-size:8.5px;font-weight:800;color:var(--htu-peach);letter-spacing:1px;margin-bottom:4px;display:block;text-transform:uppercase}.htu-name{font-size:15px;font-weight:800;color:var(--htu-text);margin:0 0 5px;line-height:1.2}.htu-desc{font-size:12px;line-height:1.4;color:var(--htu-gray);margin:0}@media(min-width:1025px){.htu-card:hover{border-color:var(--htu-peach);transform:translateY(-3px);box-shadow:0 8px 20px #dc655f14}.htu-card:hover .htu-img-hover{opacity:1}.htu-card:hover .htu-img-base{opacity:.1}}.htu-pro-box{background:#fff;border:1.5px solid var(--htu-peach);border-radius:20px;padding:15px 25px;display:flex;align-items:center;gap:20px;text-align:left;margin-top:10px}.htu-pro-label{background:var(--htu-gradient);color:#fff;font-size:10px;font-weight:900;padding:5px 15px;border-radius:50px;text-transform:uppercase;flex-shrink:0}.htu-pro-text p{font-size:13.5px;color:var(--htu-gray);margin:0;line-height:1.5}@media(max-width:1024px){.htu-section{padding:40px 18px}.htu-count-5 .htu-grid{gap:10px}.htu-count-4 .htu-grid{gap:12px}}@media(max-width:768px){.htu-section{padding:32px 14px}.htu-grid{grid-template-columns:1fr!important;gap:12px}.htu-card{flex-direction:row;align-items:center;padding:10px;text-align:left;gap:12px}.htu-media-box{flex-shrink:0;width:70px;height:70px;margin-bottom:0}.htu-img-hover{opacity:1;position:relative}.htu-img-base{display:none}.htu-step-num{top:4px;left:4px;padding:2px 7px;font-size:8px}.htu-name{font-size:13px;margin-bottom:1px}.htu-desc{font-size:11px;line-height:1.2}.htu-tag{font-size:7px;margin-bottom:1px}.htu-pro-box{flex-direction:column;text-align:center;padding:15px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/how-to-use-showcase.css.map */