.community-cta{display:flex;flex-direction:column-reverse;width:100%;padding:var(--homepage-space-lg) var(--homepage-space-md)}.community-cta .community-cta__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--homepage-space-sm);width:100%}.community-cta .community-cta__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--homepage-space-md);padding:var(--homepage-space-lg) var(--homepage-container-pad);text-align:center}.community-cta .community-cta__heading{font-family:var(--homepage-font-body);font-size:26px;line-height:var(--homepage-type-title-line);color:var(--homepage-color-heading);font-weight:550}.community-cta .community-cta__cta{font-family:var(--homepage-font-body);font-size:var(--homepage-type-cta-size);letter-spacing:var(--homepage-type-cta-spacing);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:var(--homepage-color-heading);font-weight:600}.community-cta .community-cta__tile{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:pointer}.community-cta .community-cta__tile-img{display:block;width:100%;height:auto;object-fit:cover;transition:opacity .3s ease}.community-cta .community-cta__tile:hover .community-cta__tile-img{opacity:.92}.community-cta .community-cta__tag{display:inline-flex;align-items:center;gap:7px;position:absolute;bottom:var(--homepage-space-sm);left:var(--homepage-space-sm);padding:3px 12px;font-family:var(--homepage-font-body);font-size:var(--homepage-type-cta-size);color:#fff;background-color:#050505ba;border-radius:999px}.community-cta .community-cta__tag-icon{width:14px;height:14px;color:#fff}.community-cta .community-cta__dot{position:absolute;top:var(--cc-y, 50%);left:var(--cc-x, 50%);width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.community-cta .community-cta__dot--light{background-color:#fffffff2;box-shadow:0 0 0 2px #ffffff59}.community-cta .community-cta__dot--dark{background-color:#1c1b1bf2;box-shadow:0 0 0 2px #1c1b1b40}.community-cta .community-cta__modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;align-items:stretch;justify-content:center;opacity:0;transition:opacity .3s ease}.community-cta .community-cta__modal.is-open{display:flex;opacity:1}.community-cta .community-cta__modal.is-behind-cart{z-index:9}.community-cta .community-cta__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0e0e0eb8}.community-cta .community-cta__modal-box{display:flex;flex-direction:column;position:relative;z-index:1;width:100%;height:100%;background-color:#fff;overflow:hidden;transform:translateY(14px);transition:transform .35s ease}.community-cta .community-cta__modal.is-open .community-cta__modal-box{transform:none}.community-cta .community-cta__modal-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:var(--homepage-space-sm);left:var(--homepage-space-sm);z-index:4;width:36px;height:36px;padding:0;border:0;cursor:pointer;transition:background-color .2s ease}.community-cta .community-cta__modal-close svg path{stroke:#fff;stroke-width:2}.community-cta .community-cta__media{display:flex;align-items:center;justify-content:center;position:relative;flex:1 1 auto;min-width:0;min-height:0;width:100%;overflow:hidden;background-color:#000c}.community-cta .community-cta__swiper{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.community-cta .community-cta__swiper .swiper-wrapper{display:flex;height:100%}.community-cta .community-cta__swiper .swiper-slide{flex:0 0 100%}.community-cta .community-cta__slide{position:relative;display:flex;align-items:flex-start;justify-content:center;height:100%}.community-cta .community-cta__look-frame{position:relative;display:block;width:100%}.community-cta .community-cta__look-img{display:block;width:100%;height:auto}.community-cta .community-cta__hotspot{position:absolute;top:var(--cc-y, 50%);left:var(--cc-x, 50%);z-index:3;width:16px;height:16px;padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.community-cta .community-cta__hotspot:hover{transform:translate(-50%,-50%) scale(1.15)}.community-cta .community-cta__hotspot--light{background-color:#fffffff2;box-shadow:0 0 0 3px #ffffff59}.community-cta .community-cta__hotspot--dark{background-color:#1c1b1bf2;box-shadow:0 0 0 3px #1c1b1b40}.community-cta .community-cta__tooltip{display:flex;align-items:center;gap:var(--homepage-space-xs);position:absolute;bottom:calc(100% + 10px);left:50%;z-index:4;width:max-content;max-width:240px;padding:var(--homepage-space-2xs);background-color:#fff;box-shadow:0 6px 24px #0000002e;opacity:0;visibility:hidden;transform:translate(-50%) translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}.community-cta .community-cta__hotspot.is-active .community-cta__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.community-cta .community-cta__tooltip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.community-cta .community-cta__hotspot--tip-below .community-cta__tooltip{top:calc(100% + 10px);bottom:auto}.community-cta .community-cta__hotspot--tip-below .community-cta__tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff}.community-cta .community-cta__tooltip-img{width:48px;height:auto;object-fit:cover}.community-cta .community-cta__tooltip-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.community-cta .community-cta__tooltip-title{font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);line-height:1.2;text-align:left}.community-cta .community-cta__tooltip-price{font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size)}.community-cta .community-cta__pagination{display:flex;justify-content:center;gap:6px;position:absolute;top:var(--homepage-space-sm);left:50%;z-index:2;transform:translate(-50%);pointer-events:none}.community-cta .community-cta__pagination .swiper-pagination-bullet{width:24px;height:3px;border-radius:0;background-color:#ffffff8c;opacity:1;pointer-events:auto;transition:background-color .25s ease}.community-cta .community-cta__pagination .swiper-pagination-bullet-active{background-color:#fff}.community-cta .community-cta__nav{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;padding:0;border:0;transform:translateY(-50%);cursor:pointer}.community-cta .community-cta__nav:disabled{opacity:.1;cursor:not-allowed}.community-cta .community-cta__nav svg{width:20px;height:20px}.community-cta .community-cta__nav path,.community-cta .community-cta__nav polyline{stroke:#fff}.community-cta .community-cta__nav--prev{left:var(--homepage-space-sm)}.community-cta .community-cta__nav--next{right:var(--homepage-space-sm)}.community-cta .community-cta__drawer{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;z-index:5;min-width:0;min-height:0;width:100%;height:var(--cc-sheet-h, 42vh);max-height:92%;overflow:hidden;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px #00000026}.community-cta .community-cta__sheet-handle{flex:0 0 auto;align-self:center;width:44px;height:4px;margin:10px 0 6px;border-radius:999px;background-color:#c9c9c7;cursor:grab;touch-action:none}.community-cta .community-cta__hotspot-card{display:flex;align-items:center;gap:var(--homepage-space-sm);position:absolute;left:var(--homepage-space-sm);right:var(--homepage-space-sm);bottom:calc(var(--cc-sheet-h, 42vh) + var(--homepage-space-sm));z-index:4;padding:var(--homepage-space-2xs);border:0;background-color:#fff;box-shadow:0 6px 24px #0000002e;text-align:left;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.community-cta .community-cta__hotspot-card.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s}.community-cta .community-cta__drawer-toggle{display:none;align-items:center;justify-content:center;position:absolute;top:var(--homepage-space-sm);left:var(--homepage-space-sm);z-index:4;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer;transition:transform .3s ease}.community-cta .community-cta__panel{display:none;width:100%;min-width:0}.community-cta .community-cta__panel.is-active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.community-cta .community-cta__list-col{flex:1 1 auto;min-width:0;padding:var(--homepage-space-xs);overflow-y:auto}.community-cta .community-cta__panel-title{margin-bottom:var(--homepage-space-md);font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);color:var(--homepage-color-heading);font-weight:600}.community-cta .community-cta__list{display:flex;flex-direction:column;gap:var(--homepage-space-sm)}.community-cta .community-cta__detail-col{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;min-width:0;width:100%;overflow-y:auto;background-color:#fff;transform:translate(100%);transition:transform .35s ease}.community-cta .community-cta__panel.is-detail-open .community-cta__detail-col{transform:translate(0)}.community-cta .community-cta__prod--card{display:flex;align-items:center;gap:var(--homepage-space-sm);width:100%;padding:var(--homepage-space-2xs);border:1px solid #e6e6e4;border-radius:5px;background:none;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.community-cta .community-cta__related .community-cta__prod--card{flex-direction:column;padding:0;border:none}.community-cta .community-cta__related .community-cta__prod-info{flex-direction:column}.community-cta .community-cta__related .community-cta__prod-thumb{width:100%}.community-cta .community-cta__related .community-cta__prod-title,.community-cta .community-cta__related .community-cta__prod-price{font-weight:500}.community-cta .community-cta__prod--card:hover,.community-cta .community-cta__prod--card.is-highlight{border-color:#050505ba}.community-cta .community-cta__prod-thumb{width:72px;height:auto;object-fit:cover}.community-cta .community-cta__prod-info{display:flex;justify-content:space-between;flex-direction:column;gap:4px;width:100%}.community-cta .community-cta__prod-title,.community-cta .community-cta__prod-price{font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);color:var(--homepage-color-text)}.community-cta .community-cta__prod-compare{margin-left:6px;color:var(--homepage-color-muted)}.community-cta .community-cta__prod-content{display:flex;justify-content:space-between}.community-cta .community-cta__detail{display:none;padding:var(--homepage-space-xs) var(--homepage-space-xs)}.community-cta .community-cta__detail.is-open{display:block}.community-cta .community-cta__back-icon{width:22px;height:22px}.community-cta .community-cta__detail-back{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--homepage-space-sm);padding:4px;border:0;background:none;color:var(--homepage-color-heading);cursor:pointer}.community-cta .community-cta__list-back{display:none;align-items:center;justify-content:center;margin-bottom:var(--homepage-space-sm);padding:4px;border:0;background:#f1f1f1;border-radius:50%;color:var(--homepage-color-heading);cursor:pointer}.community-cta .community-cta__gallery{display:flex;gap:var(--homepage-space-2xs);width:100%;margin-bottom:var(--homepage-space-md);overflow-x:auto}.community-cta .community-cta__gallery-img{flex:0 0 auto;width:90%;height:auto;object-fit:cover}.community-cta .community-cta__prod-price--sale{color:var(--homepage-color-text)}.community-cta .community-cta__stock{margin-top:var(--homepage-space-2xs);font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);color:var(--homepage-color-muted)}.community-cta .community-cta__stock-out,.community-cta .community-cta__detail.is-soldout .community-cta__stock-in{display:none}.community-cta .community-cta__detail.is-soldout .community-cta__stock-out{display:inline}.community-cta .community-cta__sizes{display:flex;flex-wrap:wrap;gap:var(--homepage-space-2xs);margin-top:var(--homepage-space-md)}.community-cta .community-cta__size{min-width:44px;padding:10px 12px;font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);color:var(--homepage-color-text);background:none;border:1px solid #c9c9c7;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.community-cta .community-cta__size.is-selected{color:var(--homepage-color-cta-text);background-color:var(--homepage-color-cta-bg);border-color:var(--homepage-color-cta-border)}.community-cta .community-cta__size[disabled]{color:var(--homepage-color-muted);opacity:.5;text-decoration:line-through;cursor:not-allowed}.community-cta .community-cta__actions{display:flex;gap:var(--homepage-space-sm);margin-top:var(--homepage-space-md)}.community-cta .community-cta__atc{flex:1;padding:14px 16px;font-family:var(--homepage-font-body);font-size:var(--homepage-type-cta-size);letter-spacing:var(--homepage-type-cta-spacing);text-transform:uppercase;color:var(--homepage-color-cta-text);background-color:var(--homepage-color-cta-bg);border:1px solid var(--homepage-color-cta-border);cursor:pointer;transition:opacity .2s ease}.community-cta .community-cta__atc:hover{opacity:.88}.community-cta .community-cta__atc[disabled]{opacity:.5;cursor:not-allowed}@keyframes cc-spin{to{transform:rotate(360deg)}}.community-cta .community-cta__atc.is-loading{position:relative;color:transparent;pointer-events:none}.community-cta .community-cta__atc.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:cc-spin .7s linear infinite}.community-cta .community-cta__view{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:14px 16px;font-family:var(--homepage-font-body);font-size:var(--homepage-type-cta-size);letter-spacing:var(--homepage-type-cta-spacing);text-transform:uppercase;text-align:center;color:var(--homepage-color-text);background:none;border:1px solid var(--homepage-color-cta-border);transition:color .2s ease,background-color .2s ease}.community-cta .community-cta__view:hover{color:var(--homepage-color-cta-text);background-color:var(--homepage-color-cta-bg)}.community-cta .community-cta__desc-wrap{margin-top:var(--homepage-space-md)}.community-cta .community-cta__desc-title{margin-bottom:var(--homepage-space-2xs);font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);font-weight:600;text-transform:uppercase;color:var(--homepage-color-heading)}.community-cta .community-cta__desc{position:relative;max-height:7.5em;overflow:hidden;font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);line-height:var(--homepage-type-body-line);color:var(--homepage-color-text)}.community-cta .community-cta__desc:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2.5em;background:linear-gradient(#fff0,#fff);pointer-events:none}.community-cta .community-cta__desc-wrap.is-expanded .community-cta__desc,.community-cta .community-cta__desc-wrap.is-short .community-cta__desc{max-height:none}.community-cta .community-cta__desc-wrap.is-expanded .community-cta__desc:after,.community-cta .community-cta__desc-wrap.is-short .community-cta__desc:after,.community-cta .community-cta__desc-wrap.is-short .community-cta__desc-toggle{display:none}.community-cta .community-cta__desc-toggle{margin-top:var(--homepage-space-2xs);padding:0;border:0;background:none;font-family:var(--homepage-font-body);font-size:var(--homepage-type-cta-size);text-decoration:underline;text-underline-offset:3px;color:var(--homepage-color-heading);cursor:pointer}.community-cta .community-cta__related{display:none;margin-top:var(--homepage-space-lg)}.community-cta .community-cta__related.is-visible{display:block}.community-cta .community-cta__related-title{margin-bottom:var(--homepage-space-sm);font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);text-transform:uppercase;color:var(--homepage-color-heading);font-weight:600}.community-cta .community-cta__related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--homepage-space-sm)}.community-cta .community-cta__prod--link{color:inherit;text-decoration:none}.community-cta .community-cta__sticky{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--homepage-space-sm);margin-top:var(--homepage-space-md);padding:var(--homepage-space-sm) 0;background-color:#fff;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;pointer-events:none}.community-cta .community-cta__sticky.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.community-cta .community-cta__sticky-product{display:flex;align-items:center;gap:var(--homepage-space-sm);width:100%}.community-cta .community-cta__sticky-img{flex:1;width:100%;height:80px;object-fit:cover}.community-cta .community-cta__sticky-info{flex:3;display:flex;justify-content:space-between;gap:2px}.community-cta .community-cta__sticky-title{flex:3;font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);color:var(--homepage-color-text)}.community-cta .community-cta__sticky-price{flex:1;font-family:var(--homepage-font-body);font-size:var(--homepage-type-body-size);font-weight:500}.community-cta .community-cta__sticky-actions{display:flex;gap:var(--homepage-space-2xs);width:100%}@media(hover:hover){.community-cta .community-cta__hotspot:hover .community-cta__tooltip,.community-cta .community-cta__hotspot:focus-within .community-cta__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}@media(min-width:1024px){.community-cta{flex-direction:row;padding:var(--homepage-space-xl) var(--homepage-space-2xl)}.community-cta .community-cta__heading{font-size:30px}.community-cta .community-cta__grid{flex:1;grid-template-columns:repeat(3,1fr)}.community-cta .community-cta__content{flex:1}.community-cta .community-cta__swiper{width:60%}.community-cta .community-cta__look-img,.community-cta .community-cta__look-frame{height:100%}.community-cta .community-cta__look-img{object-fit:cover}.community-cta .community-cta__modal-box{flex-direction:row}.community-cta .community-cta__media{flex:3 1 0;height:100%;transition:flex-grow .4s ease}.community-cta .community-cta__modal-box.is-detail-open .community-cta__media{flex-grow:1}.community-cta .community-cta__drawer{position:static;flex:1.2 1 0;height:100%;max-height:none;border-radius:0;box-shadow:none;transition:flex-grow .4s ease}.community-cta .community-cta__sheet-handle,.community-cta .community-cta__hotspot-card{display:none}.community-cta .community-cta__modal-box.is-detail-open .community-cta__drawer{flex-grow:1}.community-cta .community-cta__drawer-toggle{display:inline-flex;left:auto;right:var(--homepage-space-sm)}.community-cta .community-cta__panel.is-active{flex-direction:row;height:100%}.community-cta .community-cta__list-col{flex:1 1 0;height:100%;transition:flex-basis .4s ease,flex-grow .4s ease}.community-cta .community-cta__panel.is-detail-open .community-cta__list-col{flex:1}.community-cta .community-cta__detail-col{position:static;z-index:auto;flex:0 1 0;width:auto;max-height:none;height:100%;background-color:transparent;border-left:1px solid #050505ba;transform:none;opacity:0;transition:flex-grow .4s ease,opacity .35s ease}.community-cta .community-cta__panel.is-detail-open .community-cta__detail-col{flex:1;opacity:1;overflow-y:auto}.community-cta .community-cta__detail-back{display:none}.community-cta .community-cta__panel.is-detail-open .community-cta__list-back{display:inline-flex}.community-cta .community-cta__modal-box.is-drawer-collapsed .community-cta__drawer{flex-grow:0;flex-basis:0;opacity:0;overflow:hidden}.community-cta .community-cta__modal-box.is-drawer-collapsed .community-cta__media{flex-grow:6}.community-cta .community-cta__modal-box.is-drawer-collapsed .community-cta__drawer-toggle{transform:rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/631/assets/community-cta-stylesheet.css.map */