.customer-favorites-section{background-color:#fff;padding:18px 0;position:relative}.favorites-container{margin:20px auto;padding-left:24px;padding-right:24px;max-width:1440px!important}.favorites-header{text-align:center;margin-bottom:40px}.favorites-title{font-family:var(--font-manrope);color:#1d3328;margin-bottom:8px;font-size:32px;font-weight:700}.favorites-subtitle{font-family:var(--font-jost);color:#707070;font-size:16px}.favorites-carousel-relative{width:100%;position:relative}.favorites-scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:20px;padding:10px 0 30px;display:flex;overflow-x:auto}.favorites-scroll-container::-webkit-scrollbar{display:none}.favorites-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.favorite-video-card{cursor:pointer;background:#000;border-radius:16px;flex-shrink:0;width:250px;height:444px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.favorite-video-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.favorite-video-element{object-fit:cover;width:100%;height:100%;display:block}.favorite-video-progress-bar{z-index:12;pointer-events:none;background:#ffffff40;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.favorite-video-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:0 2px 2px 0;height:100%;transition:width .1s linear;box-shadow:0 0 8px #10b981e6}.favorite-video-element::-webkit-media-controls-panel{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%)!important;transition:opacity .35s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.favorite-video-element::-webkit-media-controls-play-button{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-mute-button{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-volume-slider{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-timeline{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-current-time-display{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-time-remaining-display{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-element::-webkit-media-controls-fullscreen-button{filter:brightness(0)invert()drop-shadow(0 1px 3px #000c)!important}.favorite-video-sound-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);background:#000000bf;border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #00000080}.favorite-video-sound-btn.is-unmuted{background:#10b981d9;border-color:#fff;box-shadow:0 4px 14px #10b98180}.favorite-video-sound-btn:hover{background:#000000e6;border-color:#fff;transform:scale(1.12)}.favorite-video-sound-btn i{color:#fff;filter:drop-shadow(0 1px 3px #000c);font-size:18px}.video-card-gradient{pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0000004d 50%,#000000d9 100%);transition:opacity .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.video-caption{color:#fff;text-shadow:0 2px 6px #000000e6;z-index:3;-webkit-line-clamp:2;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.4;font-family:var(--font-jost);pointer-events:none;-webkit-box-orient:vertical;transition:opacity .35s cubic-bezier(.4,0,.2,1);display:-webkit-box;position:absolute;bottom:74px;left:14px;right:14px;overflow:hidden}.favorite-video-card.is-playing .video-card-gradient,.favorite-video-card.is-playing .favorite-video-sound-btn,.favorite-video-card.is-playing .video-caption,.favorite-video-card.is-playing .favorite-product-overlay{opacity:0;pointer-events:none}.favorite-video-card.is-playing .favorite-video-element::-webkit-media-controls-panel{opacity:0;pointer-events:none}.favorite-video-card.is-paused .video-card-gradient,.favorite-video-card.is-paused .favorite-video-sound-btn,.favorite-video-card.is-paused .video-caption,.favorite-video-card.is-paused .favorite-product-overlay,.favorite-video-card:hover .video-card-gradient,.favorite-video-card:hover .favorite-video-sound-btn,.favorite-video-card:hover .video-caption,.favorite-video-card:hover .favorite-product-overlay{opacity:1;pointer-events:auto}.favorite-video-card.is-paused .favorite-video-element::-webkit-media-controls-panel{opacity:1;pointer-events:auto}.favorite-video-card:hover .favorite-video-element::-webkit-media-controls-panel{opacity:1;pointer-events:auto}.play-pause-indicator{opacity:0;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#000000b3;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85);box-shadow:0 8px 24px #0009}.play-pause-indicator.is-paused,.favorite-video-card:hover .play-pause-indicator.is-paused{opacity:1;transform:translate(-50%,-50%)scale(1)}.play-pause-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080);margin-left:3px;font-size:32px}.favorite-product-overlay{-webkit-backdrop-filter:blur(10px);z-index:2;background:#fffffff2;border:1px solid #fff3;border-radius:40px;justify-content:space-between;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 4px 16px #0000001f}.favorite-product-img-wrapper{border:1.5px solid #e8d8c8;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.favorite-product-img{object-fit:cover;width:100%;height:100%}.fav-btn-view{color:#1d3328;cursor:pointer;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-jost);letter-spacing:.5px;text-align:center;background:#fff;border:1px solid #ccc;border-radius:20px;flex-grow:1;padding:6px 12px;transition:all .2s}.fav-btn-view:hover{background:#eee;border-color:#999}.fav-btn-cart{color:#1d3328;cursor:pointer;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-jost);letter-spacing:.5px;text-align:center;background:#e8d8c8;border:none;border-radius:20px;flex-grow:1.5;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.fav-btn-cart:hover{background:#dfcebc}.fav-btn-cart:disabled{opacity:.7;cursor:not-allowed}.favorites-nav-arrow{z-index:10;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){.favorites-nav-arrow.arrow-left{left:-22px;right:auto}.favorites-nav-arrow.arrow-right{left:auto;right:-22px}}@media (max-width:1023px){.favorites-nav-arrow.arrow-left{left:5px;right:auto}.favorites-nav-arrow.arrow-right{left:auto;right:5px}}@keyframes favorites-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-video-card{background:#eee;border-radius:16px;flex-shrink:0;width:250px;height:444px;position:relative;overflow:hidden}.skeleton-shimmer-bg{background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s linear infinite favorites-shimmer}.skeleton-caption{background:#ddd;border-radius:4px;height:16px;position:absolute;bottom:80px;left:16px;right:16px}.skeleton-caption-short{background:#ddd;border-radius:4px;height:16px;position:absolute;bottom:60px;left:16px;right:60px}.skeleton-pill{background:#ffffffd9;border-radius:40px;height:48px;position:absolute;bottom:16px;left:12px;right:12px}.fav-chevron-icon{font-size:20px;font-weight:700}@media (max-width:768px){.customer-favorites-section{padding:36px 0}.favorites-title{font-size:24px}.favorite-video-card,.skeleton-video-card{scroll-snap-align:center;width:calc(100vw - 80px)!important;max-width:300px!important;height:520px!important}.video-caption{font-size:13px;bottom:70px}.favorites-nav-arrow{width:30px!important;height:30px!important}.favorites-nav-arrow.arrow-left{left:10px!important}.favorites-nav-arrow.arrow-right{right:10px!important}.fav-chevron-icon{font-size:14px!important}}