.social-reels-section *{box-sizing:border-box}.social-reels-section{background:var(--sr-bg, #FAF4EE);padding-top:var(--sr-padding-top, 56px);padding-bottom:var(--sr-padding-bottom, 56px);color:var(--sr-text, #6B6B6B);overflow-x:hidden}.social-reels__inner{max-width:var(--sr-max-width, 1180px);margin-inline:auto;padding-inline:20px}.social-reels .sr-only,.social-reels-section .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-reels__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:var(--sr-header-gap, 28px)}.social-reels__header--center{justify-content:center;text-align:center}.social-reels__header--end{justify-content:flex-end;text-align:right}.social-reels__header-text{min-width:0}.social-reels__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--sr-eyebrow-size, 12px);letter-spacing:.14em;text-transform:uppercase;color:var(--sr-eyebrow, #C8893B)}.social-reels__eyebrow-icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8}.social-reels__heading{margin:0 0 10px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--sr-heading-size, 32px);line-height:1.15;color:var(--sr-heading, #1B1B1B)}.social-reels__description{font-size:var(--sr-body-size, 14px);line-height:1.55;color:var(--sr-text, #6B6B6B);max-width:54ch}.social-reels__description p{margin:0}.social-reels__description p+p{margin-top:6px}.social-reels__header--center .social-reels__description{margin-inline:auto}.social-reels__header--end .social-reels__description{margin-left:auto}.social-reels__follow{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap}.social-reels__follow-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--sr-follow-padding-y, 11px) var(--sr-follow-padding-x, 20px);border-radius:var(--sr-follow-radius, 50px);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--sr-follow-size, 12px);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.social-reels__follow-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.social-reels__follow-btn:hover{opacity:.88;transform:translateY(-1px)}.social-reels__follow-btn--outline{background:transparent;color:var(--sr-heading, #1B1B1B);border:var(--sr-follow-border, 1px) solid var(--sr-arrow-border, #E3E3E3)}.social-reels__follow-btn--solid{background:var(--sr-heading, #1B1B1B);color:var(--sr-bg, #FFFFFF);border:var(--sr-follow-border, 1px) solid var(--sr-heading, #1B1B1B)}.social-reels__carousel{position:relative}.social-reels__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--sr-per-mobile) - 1) * var(--sr-gap-mobile, 12px)) / var(--sr-per-mobile));gap:var(--sr-gap-mobile, 12px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;padding-bottom:4px}.social-reels__track::-webkit-scrollbar{display:none}.social-reels__track>*{scroll-snap-align:start}@media screen and (min-width:750px){.social-reels__track{grid-auto-columns:calc((100% - (var(--sr-per-tablet) - 1) * var(--sr-gap, 16px)) / var(--sr-per-tablet));gap:var(--sr-gap, 16px)}}@media screen and (min-width:990px){.social-reels__track{grid-auto-columns:calc((100% - (var(--sr-per-desktop) - 1) * var(--sr-gap, 16px)) / var(--sr-per-desktop))}}.social-reels__card{display:flex;flex-direction:column;min-width:0;border-radius:var(--sr-card-radius, 10px);border:var(--sr-card-border-width, 0) solid var(--sr-card-border, transparent);overflow:hidden;background:var(--sr-card-bg, #1B1B1B)}.social-reels__media{position:relative;width:100%;aspect-ratio:var(--sr-ratio, 9 / 16);overflow:hidden;background:var(--sr-card-bg, #1B1B1B)}.social-reels__cover,.social-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.social-reels__cover--placeholder{display:flex;align-items:center;justify-content:center;opacity:.4}.social-reels__video{opacity:0;pointer-events:none;z-index:3;transition:opacity .25s ease}.social-reels__media.is-playing .social-reels__video{opacity:1;pointer-events:auto}.social-reels__media.is-playing .social-reels__scrim,.social-reels__media.is-playing .social-reels__caption,.social-reels__media.is-playing .social-reels__play,.social-reels__media.is-playing .social-reels__post-link{opacity:0;pointer-events:none}.social-reels__video--embed{width:100%;height:100%;border:0}.social-reels__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000040,#0000 35%,rgba(0,0,0,var(--sr-overlay, .55)));z-index:1;transition:opacity .25s ease}.social-reels__badge,.social-reels__views{position:absolute;top:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:var(--sr-badge-padding-y, 5px) var(--sr-badge-padding-x, 9px);border-radius:var(--sr-badge-radius, 6px);font-size:var(--sr-badge-size, 11px);line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-reels__badge{left:10px;background:var(--sr-badge-bg, rgba(0, 0, 0, .55));color:var(--sr-badge-text, #FFFFFF)}.social-reels__views{right:10px;background:var(--sr-views-bg, rgba(0, 0, 0, .55));color:var(--sr-views-text, #FFFFFF)}.social-reels__badge svg,.social-reels__views svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}.social-reels__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:var(--sr-play-size, 54px);height:var(--sr-play-size, 54px);border:none;border-radius:50%;background:var(--sr-play-bg, rgba(255, 255, 255, .35));color:var(--sr-play-icon, #FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s ease,opacity .2s ease}.social-reels__play:hover{transform:translate(-50%,-50%) scale(1.08)}.social-reels__play svg{width:45%;height:45%}.social-reels__caption{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;margin:0;font-size:var(--sr-caption-size, 12px);line-height:1.35;color:var(--sr-caption, #FFFFFF);display:-webkit-box;-webkit-line-clamp:var(--sr-caption-lines, 2);-webkit-box-orient:vertical;overflow:hidden;transition:opacity .25s ease}.social-reels__post-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.social-reels__tag{display:flex;align-items:center;gap:10px;padding:var(--sr-tag-padding, 8px);background:var(--sr-tag-bg, rgba(255, 255, 255, .92));color:var(--sr-tag-text, #1B1B1B);text-decoration:none;transition:background .2s ease}.social-reels__tag:hover{filter:brightness(.97)}.social-reels__tag-image{width:var(--sr-tag-image-size, 44px);height:var(--sr-tag-image-size, 44px);flex:0 0 auto;object-fit:cover;border-radius:var(--sr-tag-image-radius, 4px);display:block}.social-reels__tag-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.social-reels__tag-title{font-size:var(--sr-tag-size, 12px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-reels__tag-price{font-size:calc(var(--sr-tag-size, 12px) - 1px);color:var(--sr-tag-price, #C8893B)}.social-reels__shop{flex:0 0 auto;padding:var(--sr-shop-padding-y, 7px) var(--sr-shop-padding-x, 14px);border-radius:var(--sr-shop-radius, 4px);background:var(--sr-shop-bg, #E8A317);color:var(--sr-shop-text, #FFFFFF);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--sr-shop-size, 11px);letter-spacing:.06em;text-transform:uppercase;line-height:1}.social-reels__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:var(--sr-arrow-size, 42px);height:var(--sr-arrow-size, 42px);border-radius:var(--sr-arrow-radius, 50px);border:var(--sr-arrow-border-width, 1px) solid var(--sr-arrow-border, #E3E3E3);background:var(--sr-arrow-bg, #FFFFFF);color:var(--sr-arrow-icon, #1B1B1B);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:transform .15s ease,opacity .2s ease}.social-reels__arrow:hover:not([disabled]){transform:translateY(-50%) scale(1.06)}.social-reels__arrow[disabled]{opacity:.35;cursor:default}.social-reels__arrow[hidden]{display:none!important}.social-reels__arrow--prev{left:-8px}.social-reels__arrow--next{right:-8px}@media screen and (min-width:990px){.social-reels__arrow--prev{left:-20px}.social-reels__arrow--next{right:-20px}}.social-reels__arrow svg{width:40%;height:40%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.social-reels__dots{display:flex;justify-content:center;align-items:center;gap:var(--sr-dot-gap, 8px);margin-top:18px}.social-reels__dots:empty{display:none}.social-reels__dot{width:var(--sr-dot-size, 8px);height:var(--sr-dot-size, 8px);padding:0;border:none;border-radius:999px;background:var(--sr-dot, #D8CFC4);cursor:pointer;transition:width .2s ease,background .2s ease}.social-reels__dot.is-active{width:var(--sr-dot-active-width, 24px);background:var(--sr-dot-active, #1B1B1B)}.social-reels__empty{text-align:center;padding:40px 0;opacity:.6}@media screen and (min-width:750px)and (max-width:989px){.social-reels__heading{font-size:var(--sr-heading-size-tablet, 26px)}}@media screen and (max-width:749px){.social-reels-section{padding-top:var(--sr-padding-top-mobile, 32px);padding-bottom:var(--sr-padding-bottom-mobile, 32px)}.social-reels__inner{padding-inline:16px}.social-reels__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.social-reels__header--center{align-items:center}.social-reels__header--end{align-items:flex-end}.social-reels__heading{font-size:var(--sr-heading-size-mobile, 22px)}.social-reels__follow{width:100%}.social-reels__follow-btn{flex:1 1 auto;justify-content:center}.social-reels__arrow--prev{left:4px}.social-reels__arrow--next{right:4px}}@media(prefers-reduced-motion:reduce){.social-reels-section *,.social-reels__track{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/social-reels.css.map */