@font-face{font-family:MorabbaAbbasi;src:url('MorabbaVF.ttf') format('truetype');font-weight:100 900;font-display:swap}
.abe{--abe-orange:#d8571f;--abe-blue:#005f73;--abe-cream:#faf3e0;--abe-ink:#16323a;font-family:MorabbaAbbasi,Tahoma,sans-serif;color:var(--abe-ink);max-width:1280px;margin:0 auto;padding:34px 20px;background:linear-gradient(145deg,#fff 0%,var(--abe-cream) 100%);border:1px solid rgba(0,95,115,.10);border-radius:28px;box-sizing:border-box;overflow:hidden}
.abe *{box-sizing:border-box}.abe .abe-head{text-align:center;margin-bottom:22px}.abe .abe-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--abe-orange);font-size:13px;font-weight:750;background:#fff;padding:7px 12px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.05)}.abe .abe-kicker:before{content:"";width:7px;height:7px;background:var(--abe-orange);border-radius:50%}.abe h2{font-family:inherit;font-size:clamp(26px,3vw,42px);line-height:1.25;margin:12px 0 7px;color:var(--abe-blue);font-weight:850}.abe .abe-sub{margin:0 auto;max-width:670px;color:#53666c;font-size:15px;line-height:1.9}
.abe .abe-tabs{display:flex;justify-content:center;gap:8px;overflow:auto;scrollbar-width:none;padding:3px 2px 13px;margin-bottom:10px}.abe .abe-tabs::-webkit-scrollbar{display:none}.abe .abe-tab{font:700 14px/1 MorabbaAbbasi,Tahoma,sans-serif;color:var(--abe-blue);background:#fff;border:1px solid rgba(0,95,115,.15);border-radius:999px;padding:12px 17px;cursor:pointer;white-space:nowrap;transition:.2s ease}.abe .abe-tab:hover,.abe .abe-tab[aria-selected="true"]{color:#fff;background:var(--abe-blue);border-color:var(--abe-blue);box-shadow:0 7px 18px rgba(0,95,115,.19)}
.abe .abe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:15px;min-height:180px}.abe .abe-card{position:relative;aspect-ratio:9/15.5;border:0;border-radius:21px;overflow:hidden;background:linear-gradient(145deg,#bdd0cd,#dfe8e8);padding:0;cursor:pointer;text-align:right;box-shadow:0 10px 28px rgba(20,50,58,.10);isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}.abe .abe-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(20,50,58,.17)}.abe .abe-card:focus-visible{outline:3px solid var(--abe-orange);outline-offset:3px}.abe .abe-poster{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .3s ease}.abe .abe-poster.is-loaded{opacity:1}.abe .abe-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,26,31,.88));z-index:1}.abe .abe-play{position:absolute;z-index:2;inset:17px 17px auto auto;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:var(--abe-orange);box-shadow:0 6px 18px rgba(0,0,0,.16);font-size:18px;padding-right:2px}.abe .abe-copy{position:absolute;z-index:2;inset:auto 14px 15px;color:#fff}.abe .abe-copy small{display:block;color:#f7d9cb;font-size:11px;margin-bottom:5px}.abe .abe-copy strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;font-weight:700}.abe .abe-skeleton{position:absolute;inset:0;background:linear-gradient(100deg,#dfe8e8 25%,#eef3f2 40%,#dfe8e8 60%);background-size:300% 100%;animation:abeShimmer 1.5s infinite}.abe .abe-empty,.abe .abe-error{grid-column:1/-1;text-align:center;background:rgba(255,255,255,.75);border:1px dashed rgba(0,95,115,.2);border-radius:18px;padding:38px 20px;color:#64767b}
.abe .abe-modal{position:fixed;z-index:999999;inset:0;background:rgba(3,18,22,.88);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.abe .abe-modal.is-open{display:flex}.abe .abe-stage{position:relative;width:min(480px,100%);max-height:92vh;display:flex;justify-content:center}.abe .abe-stage video,.abe .abe-stage img{display:block;max-width:100%;max-height:88vh;border-radius:18px;background:#000;box-shadow:0 22px 70px rgba(0,0,0,.4)}.abe .abe-close{position:absolute;z-index:2;top:-14px;left:-14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#18333a;font:700 23px/1 Arial;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.25)}
@keyframes abeShimmer{to{background-position:-300% 0}}
@media(max-width:767px){.abe{padding:27px 15px;border-radius:22px}.abe .abe-sub{font-size:13px}.abe .abe-tabs{justify-content:flex-start;margin-inline:-2px}.abe .abe-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;margin-inline:-15px;padding:4px 15px 15px;scrollbar-width:none}.abe .abe-grid::-webkit-scrollbar{display:none}.abe .abe-card{flex:0 0 142px;scroll-snap-align:start;border-radius:18px}.abe .abe-empty,.abe .abe-error{flex:0 0 100%}.abe .abe-close{top:8px;left:8px}}
@media(prefers-reduced-motion:reduce){.abe *{animation:none!important;transition:none!important}}