.hpg-bands-accessories{background:var(--hpg-bg);color:var(--hpg-text);overflow:hidden}.hpg-bands-accessories__inner{position:relative;width:100%;padding:80px 0}.hpg-bands-accessories__header{margin-bottom:80px}.hpg-bands-accessories__heading{margin:0;color:var(--hpg-text);font-family:var(--hpg-font-heading);font-size:var(--hpg-section-heading-size);line-height:var(--hpg-section-heading-line-height);font-weight:700;letter-spacing:0}.hpg-bands-accessories__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hpg-rail-offset);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hpg-bands-accessories__viewport.is-animating{scroll-snap-type:none}.hpg-bands-accessories__viewport::-webkit-scrollbar{display:none}.hpg-bands-accessories__track{display:flex;gap:24px;width:max-content;padding-inline:var(--hpg-rail-offset)}.hpg-bands-accessories__card{display:flex;flex-direction:column;gap:8px;flex:0 0 360px;width:360px;min-height:593px;padding:24px;border-radius:40px;background:var(--hpg-card);color:var(--hpg-text);scroll-snap-align:start}.hpg-bands-accessories__media{display:grid;place-items:center;width:312px;height:180px;overflow:hidden}.hpg-bands-accessories__media img{width:100%;height:100%;object-fit:contain}.hpg-bands-accessories__placeholder{width:100%;height:100%;border-radius:8px;--hpg-placeholder-color: rgba(0, 0, 0, .46);--hpg-placeholder-icon-bg: rgba(0, 0, 0, .08);background:radial-gradient(circle at 50% 42%,rgba(35,105,236,.16),transparent 32%),linear-gradient(135deg,#0000000a,#0000001a)}.hpg-bands-accessories__content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.hpg-bands-accessories__copy{width:100%}.hpg-bands-accessories__badge{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:4px;border-radius:50%;background:#42454b99;color:#fff;font-family:var(--hpg-font-body);font-size:14px;line-height:17px;font-weight:700;letter-spacing:.3px}.hpg-bands-accessories__title{margin:0;color:var(--hpg-text);font-family:var(--hpg-font-body);font-size:20px;line-height:30px;font-weight:700;letter-spacing:.5px}.hpg-bands-accessories__description{margin:16px 0 0;color:var(--hpg-muted);font-family:var(--hpg-font-body);font-size:16px;line-height:24px;font-weight:400;letter-spacing:0}.hpg-bands-accessories__link{display:inline-flex;margin-top:20px;color:var(--hpg-accent);font-size:16px;line-height:24px;text-decoration:none}.hpg-bands-accessories__link:hover{text-decoration:underline}.hpg-bands-accessories__navigation{margin-top:40px}@media screen and (max-width:989px){.hpg-bands-accessories__heading{width:auto;margin-inline:40px}.hpg-bands-accessories__track{padding-inline:40px}.hpg-bands-accessories__viewport{scroll-padding-inline:40px}.hpg-bands-accessories__card{flex-basis:clamp(320px,44vw,360px);width:clamp(320px,44vw,360px);min-height:auto}.hpg-bands-accessories__media{width:100%;height:auto;aspect-ratio:312 / 180}}@media screen and (min-width:990px)and (max-width:1199px){.hpg-bands-accessories{--hpg-rail-offset: var(--hpg-tablet-landscape-gutter)}.hpg-bands-accessories__heading{width:auto;margin-inline:0}.hpg-bands-accessories__track{padding-inline:var(--hpg-tablet-landscape-gutter)}.hpg-bands-accessories__viewport{scroll-padding-inline:var(--hpg-tablet-landscape-gutter)}}@media screen and (max-width:749px){.hpg-bands-accessories__inner{padding:40px 0 48px}.hpg-bands-accessories .hpg-bands-accessories__header.hpg-bands-content-shell{width:100%;max-width:none;padding-inline:var(--hpg-mobile-gutter)}.hpg-bands-accessories__heading{width:100%;max-width:none;margin-inline:0;color:var(--hpg-text);font-size:var(--hpg-mobile-section-heading-size);font-style:normal;font-weight:var(--hpg-mobile-section-heading-weight);line-height:var(--hpg-mobile-section-heading-line-height)}.hpg-bands-accessories__header{margin-bottom:50px}.hpg-bands-accessories__track{gap:16px;width:100%;padding-inline:var(--hpg-mobile-gutter)}.hpg-bands-accessories__viewport{scroll-padding-inline:var(--hpg-mobile-gutter)}.hpg-bands-accessories__card{flex-basis:100%;width:100%;min-height:0;border-radius:28px}.hpg-bands-accessories__media{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/section-hpg-bands-and-accessories.css.map */