.top10-films-wrapper{background:#fff0;padding:60px 40px;margin:0;border-radius:0;position:relative;overflow:hidden}.top10-films-container{position:relative}.top10-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:rgb(255 184 0 / .9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:30px;color:#000;z-index:100;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.top10-nav-prev{left:-80px}.top10-nav-next{right:-80px}.top10-nav-arrow:hover{background:#FFB800;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgb(255 184 0 / .5)}.top10-nav-arrow.hidden{opacity:0;pointer-events:none}.top10-films-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;pointer-events:none}.top10-films-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.top10-header{text-align:center;margin-bottom:40px}.top10-title{font-size:42px;font-weight:900;color:#FFB800;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgb(255 184 0 / .3)}.top10-slider-container{position:relative;max-width:1120px;margin:0 auto}.top10-films-grid{display:flex;overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;gap:30px;margin-bottom:0;padding-bottom:20px;-webkit-overflow-scrolling:touch}.top10-films-grid::-webkit-scrollbar{display:none}.top10-films-grid{-ms-overflow-style:none;scrollbar-width:none}.film-card{position:relative;border-radius:12px;overflow:visible;background:#fff0;transition:transform 0.3s ease;flex-shrink:0;min-width:253px;display:flex;flex-direction:column;align-items:flex-start}.animations-enabled .film-card:hover{transform:translateY(-8px)}.position-badge-large{position:absolute;left:0;top:0;width:auto;height:140%;background:#fff0;display:flex;align-items:center;justify-content:flex-start;padding-left:0;z-index:10;pointer-events:none}.position-number-large{font-size:200px;font-weight:900;color:#fff0;-webkit-text-stroke:5px #FFB800;text-shadow:0 0 20px rgb(255 184 0 / .5);line-height:1}.film-poster-wrapper{position:relative;width:253px;height:343px;overflow:hidden;background:#54595F;border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0 / .6)}.film-poster-link{display:block;width:253px;height:343px}.film-poster{width:253px;height:343px;object-fit:cover;transition:transform 0.3s ease}.animations-enabled .film-card:hover .film-poster{transform:scale(1.05)}.film-no-poster{width:253px;height:343px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#334155,#1e293b)}.no-poster-icon{font-size:80px;opacity:.3}.film-info-bottom{display:flex;align-items:center;justify-content:center;padding:8px 0;background:#fff0;width:253px;text-align:center}.film-release-date{font-size:13px;color:#7A7A7A;margin:0;font-weight:500;text-align:center;width:100%}.film-votes{display:flex;align-items:center;gap:4px;margin:0}.vote-btn{background:#fff0;border:none;padding:4px 8px;cursor:pointer;font-size:20px;transition:all 0.2s;color:#fff}.vote-btn:hover{background:#61CE70;transform:scale(1.1)}.vote-btn.voted{background:#61CE70;animation:heartBeat 0.6s}@keyframes heartBeat{0%,100%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}}.votes-count{font-size:16px;font-weight:600;color:#6EC1E4}.top10-footer{text-align:center;padding-top:30px;border-top:1px solid rgb(255 255 255 / .1)}.top10-footer-text{color:#94a3b8;font-size:14px;margin:0}.top10-no-films{text-align:center;padding:80px 20px;background:#f8fafc;border-radius:12px;color:#64748b}@media (max-width:1024px){.top10-films-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}.top10-title{font-size:36px}}@media (max-width:768px){.top10-films-wrapper{padding:30px 15px}.top10-slider-container{max-width:100%;padding:0 10px}.top10-films-grid{overflow-x:auto;gap:20px;padding-left:10px;padding-right:10px}.film-card{min-width:200px;width:200px}.film-poster-wrapper{width:200px;height:271px}.film-poster-link,.film-poster{width:200px;height:271px}.film-no-poster{width:200px;height:271px}.film-info-bottom{width:200px}.top10-nav-arrow{display:none}.position-badge-large{left:0;top:0;width:auto;height:100%;padding-left:5px;justify-content:flex-start}.position-number-large{font-size:120px;-webkit-text-stroke:4px #FFB800}.top10-title{font-size:28px}}.animations-enabled .film-card{animation:fadeInUp 0.6s ease backwards}.animations-enabled .film-card:nth-child(1){animation-delay:0.05s}.animations-enabled .film-card:nth-child(2){animation-delay:0.1s}.animations-enabled .film-card:nth-child(3){animation-delay:0.15s}.animations-enabled .film-card:nth-child(4){animation-delay:0.2s}.animations-enabled .film-card:nth-child(5){animation-delay:0.25s}.animations-enabled .film-card:nth-child(6){animation-delay:0.3s}.animations-enabled .film-card:nth-child(7){animation-delay:0.35s}.animations-enabled .film-card:nth-child(8){animation-delay:0.4s}.animations-enabled .film-card:nth-child(9){animation-delay:0.45s}.animations-enabled .film-card:nth-child(10){animation-delay:0.5s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.film-link-btn:focus,.vote-btn:focus{outline:2px solid #fbbf24;outline-offset:2px}@media print{.top10-films-wrapper{background:#fff;color:#000}.vote-btn,.film-link-btn{display:none}}