hub-benefits{display:block}.hub-benefits{--column-gap: 24px;--columns: var(--columns-pc);padding-top:48px;padding-bottom:48px}.hub-benefits__inner{position:relative}.hub-benefits .hub-benefits__loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;z-index:3}.hub-benefits__content.loading>:not(.loading__spinner){opacity:.3;pointer-events:none}.hub-benefits .common-header{margin-bottom:32px;text-align:center}.hub-benefits .common-title{color:#000;font-family:Shokz Sans Display;font-size:var(--fontSize-36, 36px);font-style:normal;font-weight:400;line-height:1.1;margin-bottom:16px}.hub-benefits .common-subtitle{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-18, 18px);font-weight:var(--regular, 400);line-height:1.2}.hub-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.hub-benefits__card{display:flex;flex-direction:column;gap:8px;position:relative;--subtitle-color: #CA3700;--title-color: #0A0A0A;--desc-color: #404040;border-radius:12px;background:#f3efe6;overflow:hidden}.hub-benefits__card.card--large{grid-column:span 2}.hub-benefits__card p{margin:0}.hub-benefits__card-bg{position:absolute;top:0;left:0;width:100%;height:100%}.hub-benefits__card-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f3efe600 21.77%,#f3efe6 36.05%);pointer-events:none}.hub-benefits__card-bg picture,.hub-benefits__card-bg picture img{width:100%;height:100%;display:block;object-fit:cover;object-position:left top}.hub-benefits__card-bg,.hub-benefits__card-bg img{width:100%;height:100%;display:block;object-fit:fill;border-radius:inherit}.hub-benefits__card-bg auto-play-video,.hub-benefits__card-bg video{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.hub-benefits__card-video--mb{display:none!important}.hub-benefits__card-overlay{padding:24px;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.hub-benefits__card-content{flex:1;display:flex;flex-direction:column}.hub-benefits__card.card--large .hub-benefits__card-overlay{padding-left:39.5%}.hub-benefits__card-overlay>*:first-child{margin-top:0!important}.hub-benefits__card-badge{border-radius:20px;width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#0006;border:1px solid transparent;color:#fff;text-align:center;font-family:Shokz Sans Text;font-size:16px;font-style:normal;font-weight:400;line-height:1;margin-bottom:15px;min-height:40px}.hub-benefits__card-badge span{transform:translateY(1px)}.hub-benefits__card-badge strong{font-family:Shokz Sans Product Name;font-weight:800;line-height:1.2;text-transform:uppercase}.hub-benefits__card-badge svg{color:var(--color-member-tier);vertical-align:middle}.hub-benefits__card-badge.badge--locked{color:#fff}.hub-benefits__card-badge.badge--locked svg{display:none}.hub-benefits__card-badge.badge--coming-soon svg{color:#9ca3af;flex:none}.hub-benefits__card-badge.badge--coming-soon,.hub-benefits__card-badge.badge--unlocked{padding:8px 16px 8px 8px;background:initial;border-color:var(--brand-black, #000);color:var(--font-primary, #0A0A0A)}.hub-benefits__card.card--large .hub-benefits__card-badge.badge--unlocked{background:#000;color:#fff}.hub-benefits__card-subtitle-wrapper{display:flex;justify-content:space-between;gap:16px;flex:1}.hub-benefits__card.card--large .hub-benefits__card-subtitle-wrapper{gap:clamp(20px,3.4285714286vw,48px)}.hub-benefits__card-icon{align-items:center;cursor:pointer;padding:0;margin:0;height:24px;width:24px;display:flex;flex:none;align-self:flex-end;color:#737373}.hub-benefits__card-icon img{vertical-align:middle;height:inherit;width:inherit}.hub-benefits__card-title{color:var(--font-primary, #0A0A0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2;margin-bottom:8px}.hub-benefits__card-subtitle{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:300;line-height:1.3}.hub-benefits__coupons{margin-top:16px;padding:24px 0}.hub-benefits__coupons__title{color:#ca3700;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.3;margin-bottom:12px}.hub-benefits__coupons__desc{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:300;line-height:1.3;padding-right:55px}.hub-benefits__coupons__list{list-style:none;padding:0;margin:0}.hub-benefits__coupons__list-item{list-style:none;margin:0;padding:0;position:relative;z-index:2}.hub-benefits__coupons__list-item:not(:last-child){margin-bottom:8px}.hub-benefits__coupons__list-item__container{display:flex;gap:14px;margin-bottom:4px}.hub-benefits__coupons__list-item__code{position:relative;color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--Light, 300);line-height:1.2;text-align:center}.hub-benefits__coupons__list-item__code span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding-left:1em;padding-right:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-benefits__coupons__list-item__code img{display:block;width:13.5714285714em}.hub-benefits__coupons__list-item__button{display:flex;align-items:center;cursor:pointer;padding:0;margin:0;color:var(--font-primary, #0A0A0A);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-14, 14px);font-style:normal;font-weight:var(--Light, 300);line-height:1.3;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;gap:.5714285714em;white-space:nowrap;position:relative;transition:all .2s}.hub-benefits__coupons__list-item__button:disabled{opacity:.3;cursor:not-allowed}.hub-benefits__coupons__list-item__button.loading{opacity:.6;pointer-events:none;text-decoration:none}.hub-benefits__coupons__list-item__button.loading>:not(.loading__spinner){color:transparent;text-decoration:none}.hub-benefits__coupons__list-item__button.loading .loading__spinner{display:flex!important;left:50%;top:50%;transform:translate(-50%,-50%)}.hub-benefits__coupons__list-item__button[data-copied=false] .copy-label--copied{display:none}.hub-benefits__coupons__list-item__button[data-copied=true] .copy-label--copy,.hub-benefits__coupons__list-item__button[data-copied=true] .copy-label--copied+svg{display:none}.hub-benefits__coupons__list-item__button[data-copied=true]{text-decoration:none}.hub-benefits__coupons__list-item__button:not(:disabled):hover{color:#ff7a3d}.hub-benefits__coupons__list-item__button svg{flex:none;width:1.1428571429em;height:1.1428571429em;color:#737373}.hub-benefits__coupons__list-item p{color:var(--font-tertiary, #737373);margin-left:16px;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-12, 12px);font-style:normal;font-weight:var(--Light, 300);line-height:1.3}.hub-benefits__view-more{cursor:pointer;margin:32px auto 0;width:fit-content;display:flex;gap:10px;padding:8px 16px;align-items:center;border-radius:20px;background:var(--BG-page, #FFF);box-shadow:0 0 22px #0000000f,0 0 7.007px #0000000d,0 0 1.793px #00000008;color:var(--font-secondary, #404040);font-family:Shokz Sans Text;font-size:16px;font-style:normal;font-weight:400;line-height:1.35}.hub-benefits__view-more svg{color:#737373}.hub-benefits__view-more--less svg{transform:rotate(180deg)}.hub-benefits__popup{background:#f3efe6}.hub-benefits__popup .common-popup__scroll-wrapper{display:flex}.hub-benefits__popup__inner{flex:1;display:flex;gap:5.4%;height:100%}.hub-benefits__popup__image{max-width:26.21667%;max-height:84vh;flex:none}.hub-benefits__popup__image img{object-fit:contain;object-position:left center}.hub-benefits__popup .common-popup__scroll>*:last-child{margin-bottom:0}.hub-benefits__popup__content__title{color:#0a0a0a;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-32, 32px);font-style:normal;font-weight:var(--medium, 400);line-height:1.1;margin-bottom:16px}.hub-benefits__popup__content__subtitle{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-18, 18px);font-style:normal;font-weight:var(--regular, 400);line-height:1.2}.hub-benefits__popup__content__richtext{margin-bottom:24px}.hub-benefits__popup__content__richtext h4{color:#0a0a0a;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2;margin:32px 0 16px}.hub-benefits__popup__content__richtext{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:300;line-height:1.3}.hub-benefits__popup__content__richtext p{font-weight:inherit;font-size:inherit;margin:0 0 1em}.hub-benefits__popup__content__richtext strong{font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-weight:var(--medium, 400)}.hub-benefits__popup__content__richtext ul{padding-left:1.5em;margin:0 0 1em}.hub-benefits__popup__content__richtext p+ul{margin-top:-1em}.hub-benefits__popup__content__richtext>*:last-child{margin-bottom:0}.hub-benefits__popup__content__button{padding:14px 20px;font-size:var(--fontSize-16, 16px);line-height:1.3;min-height:initial}.hub-benefits__popup__content__coupons__list{padding:0;margin:0;list-style:none}.hub-benefits__card.card--large .hub-benefits__popup .hub-benefits__card-badge.badge--unlocked{background:initial;border-color:var(--brand-black, #000);color:var(--font-primary, #0A0A0A)}.hub-benefits__popup .hub-benefits__coupons{margin-top:32px;padding:0}.hub-benefits__popup .hub-benefits__coupons__list-item__container{align-items:center}.hub-benefits__popup .hub-benefits__coupons__list-item__button{padding:6px 12px;border-radius:4px;background:var(--font-primary, #0A0A0A);color:var(--font-white, #FFF);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:var(--medium, 400);line-height:1.3;text-decoration:none}.hub-benefits__popup .hub-benefits__coupons__list-item__button span{transform:translateY(1px)}.hub-benefits__popup .hub-benefits__coupons__list-item__button svg:not(.spinner){display:none}.hub-benefits__popup .hub-benefits__coupons__list-item__button:not(:disabled):hover{color:#fff;background:#ff7a3d}.hub-benefits__popup .hub-benefits__coupons__list-item__button.loading .loading__spinner svg{color:#fff;--color-foreground: 255 255 255}@media screen and (max-width:1279px)and (min-width:768px){.hub-benefits{--column-gap: 16px}}@media screen and (max-width:1279px)and (min-width:990px){.hub-benefits__card-badge{font-size:14px;white-space:nowrap}.hub-benefits__card-overlay{padding:20px}.hub-benefits__card-badge.badge--locked{padding:10px}}@media screen and (min-width:990px){.hub-benefits__card.card--large{min-height:250px}.hub-benefits__card.card--large .hub-benefits__card-content{flex:none}}@media screen and (max-width:989px){.hub-benefits__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px)and (min-width:590px){.hub-benefits__card.card--medium-mb{min-height:200px}}@media screen and (min-width:768.1px){.hub-benefits__grid:not(.grid--view-more)>:nth-child(n+7){display:none!important}.hub-benefits__popup .hub-benefits__coupons__title{font-size:var(--fontSize-20, 20px)}}@media screen and (max-width:768px){.hub-benefits{padding-top:35px;padding-bottom:35px}.hub-benefits .common-header{margin-bottom:24px}.hub-benefits .common-title{font-size:clamp(20px,6.1538461538vw,24px)}.hub-benefits .common-subtitle{font-size:16px}.hub-benefits__card-overlay{padding:16px}.hub-benefits__card-badge{font-size:var(--fontSize-14, 14px);font-weight:300;padding:4px 8px;margin-bottom:12px;white-space:nowrap;gap:clamp(4px,3.076923077vw,10px)}.hub-benefits__card-badge.badge--coming-soon,.hub-benefits__card-badge.badge--unlocked{padding:4px 8px 4px 4px}.hub-benefits__card-badge svg{width:20px;height:20px}.hub-benefits__card-badge{min-height:28px}.hub-benefits__card.card--small .hub-benefits__card-subtitle-wrapper{flex-direction:column;gap:0}.hub-benefits__card.card--medium-mb .hub-benefits__card-subtitle-wrapper,.hub-benefits__card.card--large .hub-benefits__card-subtitle-wrapper{flex-direction:row;gap:20px}.hub-benefits__card-title{font-size:var(--fontSize-20, 18px);margin-bottom:4px}.hub-benefits__card.card--small .hub-benefits__card-title{min-height:2.4444444444em}.hub-benefits__card-subtitle{font-size:var(--fontSize-14, 14px)}.hub-benefits__coupons{padding:0}.hub-benefits__coupons__title{font-size:16px}.hub-benefits__coupons__desc{font-size:14px;padding-right:67px}}@media screen and (max-width:768px)and (min-width:590px){.hub-benefits__popup{--fontSize-20: 17px;--fontSize-18: 15px;--fontSize-16: 14px;--fontSize-14: 12px}}@media screen and (min-width:590px){.hub-benefits__popup .common-popup__scroll{padding-left:0}[hide-590-up]{display:none!important}}@media screen and (max-width:589px){.hub-benefits__grid{gap:16px}.hub-benefits__card.card--large .hub-benefits__card-bg:after{background:linear-gradient(180deg,#f3efe600 30vw,#f3efe6 44vw)}.hub-benefits__card.card--large .hub-benefits__card-overlay{padding-top:51.15%;padding-left:16px}.hub-benefits__card.card--medium-mb .hub-benefits__card-overlay{padding-left:38%}.hub-benefits__card:nth-child(3){grid-column:span 2}.hub-benefits__card:nth-child(5) .hub-benefits__card-badge.badge--locked{font-size:clamp(4px,2.9vw,14px);padding-right:clamp(6px,.5714285714em,8px);padding-left:clamp(6px,.5714285714em,8px)}.hub-benefits__popup__inner{flex-direction:column;gap:16px}.hub-benefits__popup .common-popup__scroll-wrapper{margin-top:0;padding-top:0}.hub-benefits__popup .common-popup__inner{flex-direction:column;gap:16px}.hub-benefits__popup__image{width:100%;max-width:initial}.hub-benefits__popup__close,.hub-benefits__popup__close:hover{color:#fff}.hub-benefits__popup .hub-benefits__scrollbar{margin-bottom:16px}.hub-benefits__popup__content__title{font-size:18px;margin-bottom:4px}.hub-benefits__popup__content__subtitle{font-size:14px}.hub-benefits__popup .hub-benefits__coupons{margin-top:16px}.hub-benefits__popup__content__richtext{margin-bottom:16px}.hub-benefits__popup__content__richtext h4{margin:16px 0 4px;font-size:18px;line-height:1.3}.hub-benefits__popup__content__richtext p{font-size:14px;line-height:1.3}.hub-benefits__popup__content__button{min-height:initial;padding:10px 20px;font-size:var(--fontSize-14, 14px)}.hub-benefits__popup__content__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/542/assets/section-hub-benefits.css.map */