.dq-about-products{padding:6rem 0}.dq-about-products__inner{max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.dq-about-products__heading{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;color:#000;margin:0 0 3rem;line-height:1.1}.dq-about-products__image-wrap{width:100%;overflow:hidden;border-radius:12px;margin-bottom:3rem}.dq-about-products__image{width:100%;height:auto;display:block;object-fit:cover;max-height:480px}.dq-about-products__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.dq-about-products__card{display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:opacity .3s ease}.dq-about-products__card-divider{height:1px;background:#ccc;width:100%;transition:background .3s ease}.dq-about-products__card-heading{font-family:var(--font-subheading);font-size:var(--text-3xl);font-weight:600;color:#aaa;margin:0;transition:color .3s ease}.dq-about-products__card-body{font-family:var(--font-body);font-size:var(--text-3xl);color:#aaa;margin:0;line-height:1.6;transition:color .3s ease}.dq-about-products__card.is-active .dq-about-products__card-divider{background:#000}.dq-about-products__card.is-active .dq-about-products__card-heading,.dq-about-products__card.is-active .dq-about-products__card-body{color:#000}.dq-about-products__indicators{display:none}@media(max-width:768px){.dq-about-products{padding:4rem 0}.dq-about-products__heading{font-size:var(--text-5xl)}.dq-about-products__image{max-height:280px}.dq-about-products__cards{display:block;position:relative}.dq-about-products__card{display:none;opacity:0;transition:opacity .4s ease}.dq-about-products__card.is-active{display:flex;opacity:1}.dq-about-products__indicators{display:flex;gap:.5rem;margin-top:2rem}.dq-about-products__indicator{flex:1;height:2px;background:#ccc;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden}.dq-about-products__indicator-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:#000}.dq-about-products__indicator.is-active .dq-about-products__indicator-fill{animation:dq-indicator-fill 5s linear forwards}}@keyframes dq-indicator-fill{0%{width:0%}to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dq-about-products.css.map */