.homepage-reels-section{margin-top:2rem;margin-bottom:2rem}.homepage-reels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;direction:rtl}.homepage-reels-title{font-size:20px;font-weight:800;letter-spacing:.3px;color:#111;text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s ease;font-family:Lyon Arabic Text,Georgia,serif}.homepage-reels-title:hover{color:#333}.homepage-reels-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff2d55;flex-shrink:0;animation:homepage-reel-pulse-dot 2s ease-in-out infinite}.homepage-reels-see-all{font-size:12px;font-weight:700;color:#555;text-decoration:none;letter-spacing:.4px;text-transform:uppercase;transition:color .2s ease;border-bottom:1.5px solid #ddd;padding-bottom:1px}.homepage-reels-see-all:hover{color:#111;border-color:#111}.homepage-reels-list{list-style:none;margin:0;padding:0 0 8px}.homepage-reels-list .swiper-slide{height:auto}.homepage-reel-card{display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;outline-offset:3px;position:relative}.homepage-reel-card:focus-visible{outline:2px solid #ff2d55;outline-offset:3px}.homepage-reel-thumbnail-wrap{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;background:#1a1a1a;isolation:isolate;box-shadow:0 4px 16px #0000002e,0 1px 4px #0000001f;transition:box-shadow .3s ease,transform .3s cubic-bezier(.25,.46,.45,.94)}.homepage-reel-card:hover .homepage-reel-thumbnail-wrap{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px #00000047,0 4px 12px #0000002e}.homepage-reel-thumbnail-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.homepage-reel-card:hover .homepage-reel-thumbnail-wrap img{transform:scale(1.06)}.homepage-reel-thumbnail-fallback{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);display:flex;align-items:center;justify-content:center}.homepage-reel-thumbnail-fallback svg{width:32px;height:32px;color:#ffffff40}.homepage-reel-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 35%,transparent 65%);pointer-events:none;z-index:1}.homepage-reel-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.homepage-reel-play-btn{width:44px;height:44px;border-radius:50%;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s ease;box-shadow:0 4px 16px #0006}.homepage-reel-card:hover .homepage-reel-play-btn{background:#ff2d55d9;border-color:transparent;transform:scale(1.12)}.homepage-reel-play-btn svg{width:18px;height:18px;color:#fff;margin-right:-1px}.homepage-reel-spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:2}.homepage-reel-spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:homepage-reel-spin .65s linear infinite}.homepage-reel-info{position:absolute;bottom:0;left:0;right:0;padding:10px;z-index:3;direction:rtl}.homepage-reel-author{display:flex;align-items:center;gap:5px;margin-bottom:4px}.homepage-reel-author-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.4);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.homepage-reel-author-name{font-size:11px;font-weight:600;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-reel-card-title{font-size:13px;font-weight:700;line-height:1.4;color:#fffffff5;text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:Lyon Arabic Text,Georgia,serif}.homepage-reel-badge{position:absolute;top:10px;right:10px;z-index:3;background:#ff2d55e6;color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}.homepage-reel-duration-badge{position:absolute;top:10px;left:10px;z-index:3;background:#0009;color:#ffffffe6;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes homepage-reel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes homepage-reel-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@media(max-width:768px){.homepage-reel-play-btn{width:38px;height:38px}.homepage-reel-play-btn svg{width:15px;height:15px}.homepage-reel-card-title{font-size:12px}.homepage-reels-title{font-size:17px}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.colored-title img{display:inline;margin-left:7px}