.waaw-reels{--reels-ink:#171717;--reels-muted:#717171;--reels-line:#e7e7e7;color-scheme:light;max-width:1600px;margin:20px auto;padding:16px 0 14px;border:1px solid #e6dfd1;border-radius:12px;background:#fff;color:var(--reels-ink);font-family:'WAAW UI',Arial,sans-serif}
.waaw-reels__placeholder-rail .waaw-reels__tile{flex-basis:clamp(200px,18vw,250px)}
.waaw-reels__placeholder-card{--glow:rgba(202,151,88,.25);--edge-a:#ddbb84;--edge-b:#9f7897;--edge-c:#8aabac;position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid transparent;border-radius:16px;background:radial-gradient(circle at 50% 36%,var(--glow),transparent 67%) padding-box,linear-gradient(160deg,#242328,#090a0d) padding-box,linear-gradient(135deg,var(--edge-a),var(--edge-b) 54%,var(--edge-c)) border-box;box-shadow:0 7px 21px rgba(18,15,15,.12)}
.waaw-reels__placeholder-rail .waaw-reels__tile:nth-child(5n+2) .waaw-reels__placeholder-card{--glow:rgba(99,134,152,.3);--edge-a:#a4bfcb;--edge-b:#b78c9e;--edge-c:#e1c38b}
.waaw-reels__placeholder-rail .waaw-reels__tile:nth-child(5n+3) .waaw-reels__placeholder-card{--glow:rgba(153,86,91,.29);--edge-a:#d5a9a2;--edge-b:#d7bf83;--edge-c:#8e9da8}
.waaw-reels__placeholder-rail .waaw-reels__tile:nth-child(5n+4) .waaw-reels__placeholder-card{--glow:rgba(103,137,105,.27);--edge-a:#a8baa4;--edge-b:#d2b58c;--edge-c:#ae8ca1}
.waaw-reels__placeholder-rail .waaw-reels__tile:nth-child(5n+5) .waaw-reels__placeholder-card{--glow:rgba(137,114,166,.27);--edge-a:#c1afd2;--edge-b:#d6b987;--edge-c:#8fb6ae}
.waaw-reels__placeholder-card::before{content:'';position:absolute;inset:11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;pointer-events:none}
.waaw-reels__placeholder-play{position:absolute;right:21px;bottom:25px;display:grid;place-items:center;width:28px;height:28px;color:#f8eee0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75));pointer-events:none}
.waaw-reels__placeholder-play svg{display:block;width:100%;height:100%}
.waaw-reels__placeholder-caption{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:3px;padding:46px 56px 26px 26px;background:linear-gradient(0deg,rgba(4,5,7,.7),transparent);color:#fff}
.waaw-reels__placeholder-caption strong{font-size:14px;font-weight:500;letter-spacing:.22em}.waaw-reels__placeholder-caption small{color:rgba(255,255,255,.68);font-size:11px}
.waaw-reels__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}
.waaw-reels__rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 28px 18px}
.waaw-reels__rail::-webkit-scrollbar{display:none}
.waaw-reels__tile{flex:0 0 clamp(246px,24vw,314px);min-width:0;scroll-snap-align:center}
.waaw-reels__card{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;padding:0;border:1px solid transparent;border-radius:17px;background:linear-gradient(#191919,#191919) padding-box,linear-gradient(135deg,#ddbb84,#9f7897 54%,#8aabac) border-box;cursor:pointer;box-shadow:0 7px 24px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease}
.waaw-reels__card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.waaw-reels__card--native{cursor:default}
.waaw-reels__card--native iframe{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:0;border-radius:15px;background:#191919}
.waaw-reels__native-cover{position:absolute;z-index:1;inset:1px;overflow:hidden;border-radius:15px;pointer-events:none;transition:opacity .2s ease}
.waaw-reels__native-cover *{pointer-events:none}
.waaw-reels__card--native.is-activated .waaw-reels__native-cover,.waaw-reels__card--native:focus-within .waaw-reels__native-cover{opacity:0}
.waaw-reels__card--native .waaw-reels__play{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}
.waaw-reels__card--native:hover .waaw-reels__play{transform:translate(-50%,-50%) scale(1.12)}
.waaw-reels__card:focus-visible,.waaw-reels__rail-arrow:focus-visible,.waaw-reels__inline-close:focus-visible{outline:3px solid #cda86a;outline-offset:3px}
.waaw-reels__card img{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:15px;object-fit:cover;object-position:center;transition:transform .45s ease}
.waaw-reels__card:hover img{transform:scale(1.035)}
.waaw-reels__brand-cover{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,#333 0%,#161616 56%,#0c0c0c 100%);color:#e6c78d;font-size:clamp(38px,5vw,60px);font-weight:300;letter-spacing:.22em;text-indent:.22em}
.waaw-reels__card[hidden]{display:none}
.waaw-reels__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.19) 100%)}
.waaw-reels__source{position:absolute;top:13px;left:13px;padding:6px 10px;border:1px solid rgba(255,255,255,.54);border-radius:99px;background:rgba(30,25,19,.52);color:#fff;font-size:10px;font-weight:500;letter-spacing:.045em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.waaw-reels__play{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:28px;height:28px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75));transition:transform .2s ease}
.waaw-reels__play svg{display:block;width:100%;height:100%}
.waaw-reels__card:hover .waaw-reels__play{transform:scale(1.12)}
.waaw-reels__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px auto 0}
.waaw-reels__rail-arrow{width:36px;height:36px;padding:0;border:1px solid #dcdcdc;border-radius:50%;background:#fff;color:#222;font:400 20px/1 Arial,sans-serif;cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.waaw-reels__rail-arrow:hover:not(:disabled){transform:scale(1.12)}
.waaw-reels__rail-arrow:disabled{opacity:.28;cursor:default}
.waaw-reels__rail-track{display:block;width:100px;height:2px;border-radius:99px;background:#ddd;overflow:hidden}
.waaw-reels__rail-progress{display:block;width:25%;height:100%;border-radius:99px;background:#c9a86f;transform:translateX(0);transition:transform .2s ease,width .2s ease}

.waaw-reels__tile.is-playing{flex-basis:clamp(300px,28vw,350px)}
.waaw-reels__inline-player{position:relative;width:100%;height:610px;overflow:hidden;border:1px solid transparent;border-radius:17px;background:linear-gradient(#171615,#171615) padding-box,linear-gradient(135deg,#ddbb84,#9f7897 54%,#8aabac) border-box;color:#f7f2eb;box-shadow:0 8px 30px rgba(0,0,0,.16)}
.waaw-reels__inline-player iframe{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:0;border-radius:15px;background:#fff;opacity:0;transition:opacity .2s ease}
.waaw-reels__inline-player.is-loaded iframe{opacity:1}
.waaw-reels__inline-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:#e6e6e6;font-size:12px;text-align:center}
.waaw-reels__inline-player.is-loaded .waaw-reels__inline-loading{display:none}
.waaw-reels__inline-close{position:absolute;z-index:2;top:10px;right:10px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(23,22,21,.82);color:#fff;font:400 25px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:700px){.waaw-reels{margin:14px 10px;padding:12px 0 16px}.waaw-reels__placeholder-rail .waaw-reels__tile{flex-basis:clamp(168px,49vw,225px)}.waaw-reels__placeholder-play{right:17px;bottom:20px;width:25px;height:25px}.waaw-reels__placeholder-caption{padding:36px 49px 21px 22px}.waaw-reels__rail{gap:12px;padding:3px 12px 12px}.waaw-reels__tile{flex-basis:clamp(186px,58vw,246px)}.waaw-reels__tile.is-playing{flex-basis:min(350px,calc(100vw - 24px))}.waaw-reels__card,.waaw-reels__inline-player{border-radius:16px}.waaw-reels__inline-player{height:600px}}
@media(prefers-reduced-motion:reduce){.waaw-reels__card,.waaw-reels__card img,.waaw-reels__play,.waaw-reels__rail-progress,.waaw-reels__inline-player iframe{transition:none}}