.story-section{width:100%;overflow:hidden}.story-section .swiper-container{padding:10px 0}.story-section .swiper-slide{text-align:center;width:auto;padding:0 3px}.story-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.story-image{background-position:50%;background-size:cover;border-radius:50%;width:70px;height:70px;position:relative;box-shadow:inset 0 5px 6px #0006}.story-item .story-image:before{content:"";z-index:8;background-color:#fff0;border-radius:50%;transition:background-color .3s;position:absolute;inset:0}.story-item:hover .story-image:before{background-color:#000000b3}.story-item .story-image .story-image-placeholder{z-index:10;opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.story-item:hover .story-image .story-image-placeholder{opacity:1}.story-image-wrapper{background-size:cover;border-radius:50%;padding:12px;box-shadow:10px -10px 5px #dc05ac0f,0 0 5px #eb352c52,-10px 10px 5px #f59b080f,inset 10px -10px 5px #dc05ac17,inset 0 0 5px #eb352c66,inset -10px 10px 5px #f59b0817}.story-image-wrapper-wrapper{background:#fff;padding:8px;position:relative}.story-image-wrapper-wrapper:before{content:"";-webkit-mask-composite:destination-out;border-radius:50%;padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.story-time{color:#fff;text-shadow:0 1px #0000004f;white-space:nowrap;z-index:9;background:linear-gradient(262deg,#f09a09 -2.55%,#e60567 48.08%,#ec0642 104.01%);border-radius:4px;padding:3px 4px;font-size:10px;font-weight:600;line-height:11px;position:absolute;bottom:-12px;right:50%;transform:translate(50%)}.story-time:before{content:"";filter:blur(2px);z-index:-1;background:linear-gradient(257deg,#f09a09 12.05%,#e60567 88.08%);border-radius:4px;position:absolute;inset:2px 0 -2px}.story-label{color:#76809c;margin-top:10px;font-size:12px;font-weight:700}.story-wrapper{-webkit-backdrop-filter:blur(18px);cursor:crosshair;background:#000c;justify-content:center;align-items:center;padding:25px;display:flex;z-index:199999!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.story-wrapper-close-story{display:none}.story-wrapper-close-related{cursor:pointer;margin-right:auto}.story-slide{aspect-ratio:9/16;max-width:fit-content;min-height:80vh;max-height:90vh;margin:0;display:grid;position:relative}.story-slide img{width:100%;max-width:100%;height:auto;max-height:90vh;display:block}.story-slide-bg-1,.story-slide-bg-2,.story-slide-bg-3{z-index:-1;background:#ffffff14;border-radius:20px;position:absolute}.story-slide-bg-1{inset:20px -12px 20px 33px}.story-slide-bg-2{inset:48px -25px 48px 33px}.story-slide-bg-3{inset:20px 25px 20px -12px}.story-slide-items{border-radius:20px;grid-area:1/1;position:relative;overflow:hidden}.story-slide-items>*{opacity:0;pointer-events:none;visibility:hidden;position:absolute;top:0}.story-slide-items .active{opacity:1!important;visibility:visible!important;pointer-events:initial!important;z-index:5!important;position:relative!important}.story-slide-nav{z-index:1;grid-area:1/1;grid-template-columns:1fr 1fr;align-self:end;height:calc(100% - 90px);display:grid}.story-slide-next,.story-slide-prev{opacity:0;-webkit-appearance:none;-webkit-tap-highlight-color:#fff0}.story-related-related-product{justify-content:space-between;align-items:center;gap:15px;display:flex}.story-related-related-product a{flex-direction:row;align-items:center;gap:7px;text-decoration:none;display:flex}.story-related-related-product a img{background:#fff;border-radius:10px;width:33px;height:33px;padding:6px}.story-related-product-title{-webkit-line-clamp:1;color:#fff;background:#ffffff1a;border-radius:10px;-webkit-box-orient:vertical;padding:0 10px;font-size:11px;font-weight:700;line-height:37px;display:-webkit-box;overflow:hidden}.story-video-container{-webkit-backdrop-filter:blur(30px);background:#000;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-story .story-related-products{top:20px}.video-play-pause-btn{cursor:pointer;z-index:30;background:#fff0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.video-custom-controls{z-index:40;opacity:.8;align-items:center;width:65%;padding:10px;transition:opacity .3s;display:flex;position:absolute;bottom:20px;left:0}.video-track-container{flex:1;margin:0 10px}.video-progress-fill{float:left;background:#fff;border-radius:10px;width:0%;height:100%;transition:width .1s}.video-time-display{color:#fff;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.story-bottom-bar{z-index:50;align-items:center;gap:28px;width:20%;display:flex;position:absolute;bottom:15px;right:20px}.story-bottom-bar button{cursor:pointer;background:#fff0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.story-slide-thumbs{z-index:9999;grid-column:1/3;display:flex;position:absolute;top:20px;left:20px;right:20px}.story-slide-thumb-item{background:#ffffff4d;border-radius:4px;flex:1;height:4px;margin:5px;display:block;position:relative;overflow:hidden}.story-slide-thumb-fill{transform-origin:100%;height:100%;width:var(--progress);border-radius:inherit;background:#fff;transition:width .2s linear;position:absolute;top:0;right:0}.story-bottom-bar button span{font-size:13px;font-weight:600;line-height:1.6;color:#fff!important}.story-bottom-bar button span.like-count{margin-top:2px}.story-bottom-bar button.processing{opacity:.7;pointer-events:none}.story-bottom-bar button.liked{animation:.3s forwards like-animation}.story-comments{z-index:100;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#000000b3 0%,#000c 100%);border-radius:20px;flex-direction:column;justify-content:flex-end;padding:45px 15px;display:none;position:absolute;inset:0;overflow-y:auto}.story-comments-top-head{justify-content:space-between;align-items:center;margin-bottom:auto;display:flex}.story-comments-top-head span{color:#fff;font-size:15px;font-weight:700}.story-comments-top-head button,.close-story-comments{cursor:pointer;background:#fff0;border:none;outline:none;padding:0}.story-comments-list{margin-bottom:10px;overflow-y:scroll}.story-comment{gap:18px;margin-bottom:8px;padding:10px 0;display:flex}.story-comment-image{background:#2f3132c2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.story-comment-content{width:calc(100% - 54px)}.story-comment-top{align-items:center;gap:15px;display:flex}.comment-author{color:#fff;font-size:12px;font-weight:800}.comment-text{color:#fff;box-shadow:none;background:#9797973d;border:none;border-radius:10px;margin-top:5px;padding:12px;font-size:11px;font-weight:600}.comment-date{color:#fff9;font-size:10px;font-weight:500}.loading-comments,.no-comments{text-align:center;color:#c3c3c3;padding:15px}.error-message{text-align:center;color:#ff6b6b;padding:15px}.story-comment-form{background:#ffffff1f;border:none;border-radius:11px;justify-content:space-between;align-items:flex-end;gap:12px;padding:8px 5px 8px 8px;display:flex;color:#fff!important}.story-comment-form textarea,.story-comment-form textarea::placeholder{resize:none;background:#fff0;border:none;outline:none;width:80%;padding:4px 10px;font-size:12px;line-height:1.7;color:#ccc!important;height:32px!important}.story-comment-form .submit-comment{cursor:pointer;color:#fff;background:#09f;border:none;border-radius:10px;width:20%;padding:8px 0;font-size:12px}@media (width<=992px){.story-image{width:60px;height:60px}.story-time{font-size:9px}.story-bottom-bar{gap:5px}.story-label{font-size:11px}.story-bottom-bar button span{font-size:14px}.story-slide{margin:12px auto}}@media (width<=767px){.story-bottom-bar{padding:0 0 0 10px}.story-bottom-bar button{margin-left:5px;padding:3px 8px}.story-bottom-bar .like-count,.story-bottom-bar .comment-count{font-size:11px}.story-slide-item .story-bottom-bar{gap:7px!important}.story-bottom-bar{gap:5px}.story-bottom-bar button span{font-size:12px}}.story-image-wrapper-wrapper{background:0 0!important}.story-image-wrapper{background:#fff;border-radius:50%;padding:3px}.story-image-wrapper.bk-story-ring{box-shadow:0 0 0 2px var(--bk-ring-color,#e60567),0 0 8px 3px color-mix(in srgb,var(--bk-ring-color,#e60567)50%,transparent),10px -10px 6px color-mix(in srgb,var(--bk-ring-color,#e60567)10%,transparent),-10px 10px 6px color-mix(in srgb,var(--bk-ring-color,#e60567)10%,transparent);transition:box-shadow .3s}.story-switch-btn{backdrop-filter:blur(4px);cursor:pointer;z-index:100000;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.story-switch-btn:hover{background:#ffffff4d}.story-switch-prev{right:21px}.story-switch-next{left:25px}.story-wrapper-close-story{cursor:pointer;z-index:300;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:20px}.story-slide-prev,.story-slide-next{z-index:10;cursor:pointer;-webkit-tap-highlight-color:#fff0;background:#fff0;border:none;width:35%;position:absolute;top:0;bottom:0}.story-slide-prev{right:0}.story-slide-next{left:0}.story-related-products{z-index:30;margin:0 15px;position:absolute;top:45px;left:0;right:10px}.story-related-products-list{width:100%}.story-related-related-product{justify-content:space-between;align-items:center;gap:10px;padding:0 0 10px;display:flex}.story-related-related-product a{flex:1;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.story-related-related-product a img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:40px;height:40px;margin-left:3px;padding:4px}.story-related-product-title{color:#fff;-webkit-line-clamp:1;backdrop-filter:blur(3px);background:#ffffff1a;border-radius:8px;-webkit-box-orient:vertical;flex:1;padding:2px 10px;font-size:12px;font-weight:700;display:-webkit-box;overflow:hidden}.story-wrapper-close-related{cursor:pointer;opacity:.8;flex-shrink:0;transition:opacity .2s}.story-wrapper-close-related:hover{opacity:1}.story-slide-link{z-index:5;position:absolute;inset:0}.story-login-notice{text-align:center;color:#ffffffb3;padding:10px;font-size:13px}.story-login-notice a{color:#09f!important}.story-video-container video{object-fit:contain;object-position:center center;background:#000;width:100%;height:100%;display:block}.story-slide-item .story-video-container{background:#000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.story-image-wrapper.bk-seen{filter:grayscale(60%);opacity:.65;transition:all .3s;box-shadow:0 0 0 2px #bbb!important}.story-item:hover .story-image-wrapper.bk-seen{opacity:.9;filter:grayscale(20%)}.story-image-wrapper.bk-seen{opacity:.55;transition:box-shadow .3s,opacity .3s;box-shadow:0 0 0 2px #bbb!important}.story-item:hover .story-image-wrapper.bk-seen{opacity:.85}.story-slide-item .story-video-container video{object-fit:contain;object-position:center center;background:#000}.story-switch-prev,.story-switch-next{display:flex!important}.story-slide-items{cursor:pointer}.story-slide-items .story-bottom-bar,.story-slide-items .story-related-products,.story-slide-items a,.story-slide-items button,.story-slide-items video{cursor:auto}.story-slide-item .story-video-container{aspect-ratio:9/16;background:#000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;min-height:80vh;max-height:90vh;display:flex;position:relative;overflow:hidden}.story-slide-item>img{aspect-ratio:9/16;object-fit:contain;min-height:80vh;max-height:90vh}.story-slide-thumb-item{--progress:0%;background:#ffffff59;border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.story-slide-items .story-slide-item{opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;background-color:#1a1a1a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden}.story-slide-items .story-slide-item.active{transform:none;opacity:1!important;visibility:visible!important;pointer-events:initial!important}.story-slide-item.has-bg:before{content:"";background-image:inherit;-webkit-filter:blur(40px)brightness(.3);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px;transform:scale(1.15)}.story-slide-item>img{z-index:1;object-fit:contain;opacity:1;border-radius:20px;max-width:100%;max-height:100%;position:relative}.story-slide-item .story-video-container{z-index:1;width:100%;height:100%;position:relative}.story-slide-item:has(.story-video-container){background:#000!important}.story-slide-item:has(.story-video-container):before{display:none}.video-play-pause-btn{opacity:0!important;pointer-events:none!important}.story-video-container.is-paused:after{content:"";z-index:20;pointer-events:none;background:#0000004d;position:absolute;inset:0}.video-buttons button{cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;padding:0;transition:background .2s;display:flex}.video-buttons button:hover{background:#0009}.video-custom-controls{z-index:40;opacity:.9;flex-direction:column;gap:8px;padding:0 15px;transition:opacity .3s;position:absolute;bottom:15px;left:0;right:0;display:flex!important}.story-video-container:hover .video-custom-controls{opacity:1}.video-buttons{align-items:center;gap:12px;display:flex}.video-track-container{width:100%;margin:0}.video-progress-bar{cursor:pointer;background:#fff6;border-radius:10px;height:4px;overflow:hidden}.video-time-display{color:#fff;justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.story-slider .swiper-container{overflow:hidden}.story-slider .swiper-wrapper{flex-flow:row;display:flex!important}.story-slider .swiper-slide{flex-shrink:0;margin-left:12px;width:auto!important}.story-slider .swiper-container.swiper-initialized .swiper-slide{margin-right:0}.story-slide-item .story-bottom-bar{gap:25px;width:auto!important;bottom:12px!important;left:auto!important;right:25px!important}.video-custom-controls{flex-direction:row!important;align-items:center!important;gap:10px!important;width:auto!important;padding:0!important;bottom:70px!important;left:25px!important;right:25px!important}.video-buttons{z-index:2147483647;flex-shrink:0;order:0;position:absolute;bottom:20px!important;left:25px!important}.video-track-container{min-width:0;flex:1!important;margin:0!important}.story-slide-cta{z-index:60;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:#fff0;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;max-width:45%;padding:9px 18px;font-size:13px;font-weight:700;line-height:1.4;transition:transform .2s,box-shadow .2s;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040;color:#111!important;text-decoration:none!important}.story-slide-cta span{text-overflow:ellipsis;overflow:hidden}.story-slide-cta:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 6px 18px #0000004d}.story-slide-cta.story-slide-cta--video{max-width:70%;bottom:105px}@media (width<=480px){.story-slide-cta{padding:8px 14px;font-size:12px}}.bk-story-login-toast{z-index:70;-webkit-backdrop-filter:blur(6px);color:#fff;direction:rtl;background:#000000bf;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:8px 10px 8px 14px;font-size:12px;line-height:1.6;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.bk-story-login-toast a{background:#fff;border-radius:999px;flex-shrink:0;padding:4px 12px;font-weight:700;color:#111!important;text-decoration:none!important}.bk-story-login-toast a[data-bs-toggle=modal]:before,a.bk-story-login-link[data-bs-toggle=modal]:before{display:none!important}