/* The ads, advanced: the twelve ads shown in their real placements, Stories and Reels above, feed posts below. */
.gals2{padding-bottom:0}
.g2-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.g2-f button{appearance:none;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 13px/1 var(--sans);padding:10px 14px;border-radius:999px;cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.g2-f button.si{font-family:"Noto Sans Sinhala",var(--sans)}.g2-f button.ta{font-family:"Noto Sans Tamil",var(--sans)}
.g2-f button.on{background:var(--ink);color:#fff}.g2-f button:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}
.g2{margin:40px 0 0;display:grid;gap:26px;overflow:hidden;padding:12px 0 28px}
.g2-row{display:flex;gap:22px;width:max-content;padding-left:22px;align-items:flex-start}
.spec2.is-live .g2-a{animation:g2A 90s linear infinite}.spec2.is-live .g2-b{animation:g2B 110s linear infinite}
@keyframes g2A{to{transform:translateX(-50%)}}@keyframes g2B{from{transform:translateX(-50%)}to{transform:none}}
.g2:hover .g2-row{animation-play-state:paused}
.g2 .g2-it{flex:none;transition:opacity .35s,filter .35s}.g2 .g2-it.dim{opacity:.22;filter:grayscale(1)}
.g2 .pl{display:block;margin:10px 0 0 4px;font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
/* story and reel */
.sty{position:relative;width:236px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0B0A14;border:var(--line);box-shadow:var(--sh-s);color:#fff;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.sty .ad{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.sty .ad .ad-cta{display:none}.sty .ad .ad-b{bottom:8cqw}
.reel .ad{left:4%;right:auto;width:70%;top:56px;transform:none;border-radius:8px}.sty:not(.reel) .ad{top:44%}
.sty::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,.65));z-index:2;pointer-events:none}
.sty-top{position:absolute;left:0;right:0;top:0;padding:10px 12px 0;z-index:3}
.sty-prog{display:flex;gap:4px}.sty-prog i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.4);overflow:hidden;position:relative}
.sty-prog i.done{background:#fff}.sty-prog i.on::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;animation:styp 6s linear infinite}@keyframes styp{to{width:100%}}
.sty-h{display:flex;gap:9px;align-items:center;margin-top:9px}.sty-av{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 210deg,#FFAE46,#fff,#FFAE46);border:2px solid #fff;flex:none}
.sty-h b{font:600 13px/1.2}.sty-h small{font:400 12px/1.2;opacity:.85;margin-left:-3px}.sty-ic{margin-left:auto;display:flex;gap:12px;color:#fff}.sty-ic svg{width:18px;height:18px}
.sty-cta{position:absolute;left:0;right:0;bottom:0;padding:0 14px 14px;z-index:3;display:grid;justify-items:center;gap:8px}
.sty-cta .chev{width:24px;height:24px;color:#fff;opacity:.9}.sty-cta .chev svg{width:100%;height:100%}
.sty-cta b{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:11px 0;border-radius:10px;background:#fff;color:#111;font:600 14px/1}.sty-cta b svg{width:18px;height:18px;color:#25D366}
.reel .sty-top .sty-prog{display:none}.reel .sty-h{margin-top:4px}
.reel-side{position:absolute;right:8px;bottom:130px;display:grid;gap:16px;justify-items:center;z-index:3;font:600 12px/1}.reel-side span{display:grid;justify-items:center;gap:4px}.reel-side svg{width:26px;height:26px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.reel-cap{position:absolute;left:12px;right:56px;bottom:60px;z-index:3;font:400 12.5px/1.35;text-shadow:0 1px 2px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reel-cap b{display:block;font:600 13px/1.2;margin-bottom:3px}
.reel .sty-cta{padding:0;display:block}.reel .sty-cta b{border-radius:0;background:rgba(255,255,255,.95);justify-content:space-between;padding:12px 14px}.reel .sty-cta b em{font-style:normal;display:flex;gap:8px;align-items:center}
/* instagram feed post */
.igp{width:300px;background:#fff;border:var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-s);color:#262626;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.igp-h{display:flex;gap:10px;align-items:center;padding:10px 12px}.igp-av{width:32px;height:32px;border-radius:50%;background:conic-gradient(from 210deg,#F03A8C,#FFAE46,#F03A8C);padding:2px;flex:none}.igp-av i{display:block;width:100%;height:100%;border-radius:50%;background:#fff;border:2px solid #fff;box-sizing:border-box;background:conic-gradient(from 210deg,#FFAE46,#fff,#FFAE46)}
.igp-h b{display:block;font:600 13px/1.2}.igp-h small{display:block;font:400 11.5px/1.2;color:#737373;margin-top:1px}.igp-h .dots{margin-left:auto;color:#262626;font:700 16px/1;letter-spacing:1px}
.igp .ad{border-radius:0}
.igp-cta{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;font:600 13.5px/1;color:#0095F6}.igp-cta svg{width:16px;height:16px}
.igp-act{display:flex;gap:14px;align-items:center;padding:10px 12px 4px;color:#262626}.igp-act svg{width:24px;height:24px}.igp-act .bm{margin-left:auto}
.igp-l{padding:2px 12px 0;font:600 13px/1.3}.igp-c{padding:4px 12px 12px;font:400 13px/1.35}.igp-c b{font-weight:600;margin-right:4px}.igp-c.si{font-family:"Noto Sans Sinhala",var(--sans)}.igp-c.ta{font-family:"Noto Sans Tamil",var(--sans)}
@media (max-width:700px){.sty{width:186px}.igp{width:240px}.g2-row{gap:14px;padding-left:14px}.g2{gap:18px;margin-top:28px}.g2-f button{font-size:12px;padding:9px 11px}}