.np-reels{display:block;margin:var(--np-reels-mt, 64px) 0 var(--np-reels-mb, 64px);padding:0;background:var(--np-reels-bg, #fff)}.np-reels__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;max-width:var(--site-max-width, 1600px);margin:0 auto 32px;padding:0 20px}@media(min-width:900px){.np-reels__head{padding:0 32px;margin-bottom:40px}}@media(min-width:1200px){.np-reels__head{padding:0 48px}}@media(min-width:1600px){.np-reels__head{padding:0 64px}}.np-reels__intro{max-width:720px}.np-reels__intro .np-heading{--np-heading-size: clamp(30px, 3.6vw, 52px)}.np-reels__intro .np-text{margin-top:12px}.np-reels__channel{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid rgba(17,13,68,.16);border-radius:999px;font-family:var(--font-button);font-weight:600;font-size:15px;color:var(--np-navy);text-decoration:none;transition:background-color .25s ease,border-color .25s ease}.np-reels__channel svg{width:22px;height:22px;color:#f03}.np-reels__channel:hover{background:var(--np-sky-light);border-color:transparent}.np-reels__container{position:relative}.np-reels .np-reels__track{align-items:stretch}.np-reels .np-reel.swiper-slide,.np-reels .np-reel{height:auto}.np-reel__inner{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:18px;background:var(--np-reels-card, #eef2f6)}.np-reel__media{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:#d8dee7;cursor:pointer;aspect-ratio:16 / 9}.np-reels--9-16 .np-reel__media{aspect-ratio:9 / 16}.np-reels--4-5 .np-reel__media{aspect-ratio:4 / 5}.np-reels--1-1 .np-reel__media{aspect-ratio:1 / 1}.np-reel__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.np-reel__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#110d4400 55%,#110d4447);transition:opacity .4s ease}.np-reel__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fffffff0;color:var(--np-navy);box-shadow:0 12px 30px -12px #110d448c;transform:translate(-50%,-50%);transition:transform .35s ease,background-color .35s ease,color .35s ease}.np-reel__play svg{width:26px;height:26px;margin-left:3px}.np-reel__duration{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:6px;background:#110d44c7;font-family:var(--font-navigation);font-weight:600;font-size:12px;color:#fff}.np-reel__media:hover .np-reel__poster,.np-reel__media:focus-visible .np-reel__poster{transform:scale(1.045)}.np-reel__media:hover .np-reel__play,.np-reel__media:focus-visible .np-reel__play{background:var(--np-red);color:#fff;transform:translate(-50%,-50%) scale(1.06)}.np-reel__media:focus-visible{outline:2px solid var(--np-navy);outline-offset:-2px}.np-reel__body{display:flex;flex:1;flex-direction:column;gap:14px;padding:18px 18px 20px}.np-reel__title{margin:0;font-family:var(--font-navigation);font-weight:700;font-size:clamp(16px,1.25vw,19px);line-height:1.25;letter-spacing:-.01em;color:var(--np-navy)}.np-reel__products{display:grid;gap:8px;margin:0;padding:0;list-style:none}.np-reel__product{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;background:#fff;color:var(--np-navy);text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.np-reel__product:hover{box-shadow:0 10px 24px -16px #110d4473;transform:translateY(-1px)}.np-reel__thumb{flex:none;width:52px;height:52px;overflow:hidden;border-radius:8px;background:var(--np-sky)}.np-reel__thumb{isolation:isolate;background:#f1f4f8}.np-reel__thumb img{width:100%;height:100%;padding:3px;box-sizing:border-box;object-fit:contain;mix-blend-mode:multiply}.np-reel__product-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.np-reel__product-title{overflow:hidden;font-family:var(--font-base);font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.np-reel__product-price{font-family:var(--font-price, var(--font-navigation));font-weight:700;font-size:14px}.np-reel__arrow,.np-reel__more svg{flex:none;width:16px;height:16px;transition:transform .25s ease}.np-reel__product:hover .np-reel__arrow,.np-reel__more:hover svg{transform:translate(3px)}.np-reel__more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-family:var(--font-button);font-weight:600;font-size:14px;color:var(--np-navy);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.np-reels__nav{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--np-navy);box-shadow:0 10px 24px -12px #110d4473}.np-reels__nav.swiper-button-disabled{opacity:0;pointer-events:none}@media(max-width:899px){.np-reels__nav{display:none}}.np-reels__pagination.swiper-pagination-progressbar{position:relative;top:auto;width:auto;height:3px;margin:28px 20px 0;border-radius:3px;background:#110d441a}.np-reels__pagination .swiper-pagination-progressbar-fill{background:var(--np-navy);border-radius:3px}.np-reels__pagination.swiper-pagination-bullets{position:relative;inset:auto;display:flex;justify-content:center;gap:4px;width:auto;margin:22px 20px 0}.np-reels__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0!important;background:var(--np-navy);opacity:.18}.np-reels__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1}@media(min-width:900px){.np-reels__pagination.swiper-pagination-progressbar{margin:32px 32px 0}}@media(min-width:1200px){.np-reels__pagination.swiper-pagination-progressbar{margin:36px 48px 0}}@media(min-width:1600px){.np-reels__pagination.swiper-pagination-progressbar{margin:36px 64px 0}}.np-reels__modal{width:min(1100px,100vw - 32px);max-width:none;max-height:none;padding:0;overflow:visible;border:0;background:transparent}.np-reels--9-16 .np-reels__modal.is-vertical,.np-reels__modal.is-vertical{width:min(420px,100vw - 32px)}.np-reels__modal::backdrop{background:#0a0828d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.np-reels__modal[open]{animation:np-reels-in .3s ease}@keyframes np-reels-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.np-reels__modal-inner{position:relative}.np-reels__frame{overflow:hidden;border-radius:16px;background:#000;aspect-ratio:16 / 9}.np-reels__modal.is-vertical .np-reels__frame{aspect-ratio:9 / 16;max-height:86vh;margin-inline:auto}.np-reels__frame iframe,.np-reels__frame video{display:block;width:100%;height:100%;border:0}.np-reels__close{position:absolute;top:-52px;right:0;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--np-navy);cursor:pointer}.np-reels__close svg{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.np-reel__poster,.np-reel__play,.np-reel__product{transition:none}.np-reels__modal[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/np-video-reels.css.map */
