.paw-video{padding:36px 0 44px;background:#faf8f4;color:#123b6d}
.paw-video__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.paw-video__subheading{margin:0;color:#657184;font-size:13px;font-weight:400;line-height:1.5}
.paw-video__heading h2{margin:0;font-size:clamp(24px,2.2vw,32px);line-height:1.15}
.paw-video__stage{position:relative}
.paw-video__arrows{position:absolute;inset:0;pointer-events:none}
.paw-video__arrow{position:absolute;top:38%;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #fff;border-radius:50%;background:#103e76;color:#fff;line-height:0;transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:background-color .18s,color .18s,border-color .18s}
.paw-video__arrow[data-video-prev]{left:-12px}
.paw-video__arrow[data-video-next]{right:-12px}
.paw-video__arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.paw-video__arrow:hover,.paw-video__arrow:focus-visible{background:#ffcf00;color:#103e76;border-color:#ffcf00}
.paw-video__arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}
.paw-video__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/5);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.paw-video__rail::-webkit-scrollbar{display:none}
.paw-video__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dfe6ee;border-radius:12px;background:#fff;scroll-snap-align:start;box-shadow:0 2px 8px #103e7608}
.paw-video__frame{position:relative;flex:none;width:100%;aspect-ratio:9/16;overflow:hidden;background:#eef3f7}
.paw-video__poster{width:100%;height:100%;display:block;object-fit:cover;background:#fff}
.paw-video__play{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffffcc;border-radius:50%;background:#123b6dbf;color:#fff;font-size:18px;cursor:pointer;transform:translate(-50%,-50%)}
.paw-video__play:hover{background:#f8d627;color:#123b6d}

.paw-video__frame [hidden]{display:none!important}
.paw-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.paw-video__product{position:static;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:76px;margin-top:auto;padding:10px;background:#fff;color:#123b6d;text-decoration:none}
.paw-video__product img{width:42px;height:42px;display:block;border-radius:6px;object-fit:contain}
.paw-video__product-info{display:grid;gap:4px;min-width:0;font-size:12px;line-height:1.35}
.paw-video__product-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;font-weight:600;line-height:1.35}
.paw-video__product-info span{font-size:13px;font-weight:700;line-height:1.3}
.paw-video__empty{padding:30px;border:1px dashed #b5c9d8;border-radius:12px;background:#fff}
.paw-video__arrow:focus-visible,.paw-video__play:focus-visible,.paw-video__product:focus-visible{outline:3px solid #f8d627;outline-offset:2px}
@media(max-width:989px){.paw-video__rail{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:600px){.paw-video{padding:28px 0 34px}.paw-video__heading{margin-bottom:15px}.paw-video__rail{grid-auto-columns:58%;gap:10px}.paw-video__card{border-radius:13px}.paw-video__play{width:44px;height:44px}.paw-video__product{padding:8px;gap:6px;grid-template-columns:36px minmax(0,1fr) 26px}.paw-video__product img{width:36px;height:36px}}

@media(max-width:749px){.paw-video__arrow{width:34px;height:34px}.paw-video__arrow svg{width:17px;height:17px}.paw-video__arrow[data-video-prev]{left:-8px}.paw-video__arrow[data-video-next]{right:-8px}}

.paw-video__product-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffe39c;color:#103e76;transition:background-color .18s}
.paw-video__product-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.paw-video__product:hover .paw-video__product-arrow{background:#ffcf00}
.paw-video__product:focus-visible{outline-offset:-3px}
@media(max-width:600px){.paw-video__product-arrow{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.paw-video__product-arrow{transition:none}}