:root{--primary-dark-red:#8b0000;--primary-red:#b22222;--light-red:#dc143c;--dark-bg:#0d0d0d;--darker-bg:#1a1a1a;--card-bg:#222;--text-light:#fff;--text-gray:#ccc;--text-dark:#888;--shadow-color:#8b00004d;--scrollbar-color:#444;--scrollbar-thumb:#8b0000}.horizontal-row{margin:40px 0;padding:0 20px;position:relative}.horizontal-row .row-header{justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px;display:flex}.horizontal-row .row-header .row-title{color:var(--text-light);padding-bottom:8px;font-size:28px;font-weight:700;position:relative}.horizontal-row .row-header .row-title:after{content:"";background-color:var(--primary-red);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;right:0}.horizontal-row .row-header .show-all-btn{color:var(--primary-red);border:2px solid var(--primary-red);background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.horizontal-row .row-header .show-all-btn:hover{background-color:var(--primary-red);color:var(--text-light);transform:translate(-5px)}.horizontal-row .row-header .show-all-btn:hover .arrow{transform:translate(-3px)}.horizontal-row .row-header .show-all-btn .arrow{font-size:18px;transition:transform .3s}.horizontal-row .scroll-container-wrapper{position:relative;overflow:hidden}.horizontal-row .scroll-container-wrapper .scroll-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:40px;display:flex;position:absolute;top:0;bottom:0}.horizontal-row .scroll-container-wrapper .scroll-overlay.left-overlay{background:linear-gradient(270deg,#0000,#0d0d0de6);left:0}.horizontal-row .scroll-container-wrapper .scroll-overlay.right-overlay{background:linear-gradient(90deg,#0000,#0d0d0de6);right:0}.horizontal-row .scroll-container-wrapper .scroll-overlay .overlay-scroll-btn{pointer-events:auto;width:120px;height:100%;color:var(--text-light);cursor:pointer;opacity:.1;border:none;border-radius:50%;font-size:24px;transition:all .3s}.horizontal-row .scroll-container-wrapper .scroll-overlay .overlay-scroll-btn:hover{opacity:1}.horizontal-row .scroll-container-wrapper .scroll-container{scrollbar-width:none;-ms-overflow-style:none;gap:20px;margin:0 -10px;padding:10px;display:flex;overflow:auto hidden}.horizontal-row .scroll-container-wrapper .scroll-container::-webkit-scrollbar{display:none}@media (max-width:768px){.horizontal-row{margin:30px 0;padding:0 10px}.horizontal-row .row-header{flex-direction:column;align-items:flex-start;gap:15px}.horizontal-row .row-header .row-controls{justify-content:space-between;width:100%}.horizontal-row .scroll-overlay{display:none}.horizontal-row .scroll-container{padding:5px}}@media (max-width:480px){.horizontal-row .row-title{font-size:24px}.horizontal-row .show-all-btn{padding:6px 12px;font-size:14px}}
.card-image-skeleton{background:linear-gradient(90deg,#252525 25%,#2e2e2e 50%,#252525 75%) 0 0/200% 100%;border-radius:14px;min-width:220px;height:320px;animation:2s infinite shimmer;overflow:hidden;box-shadow:0 10px 30px #0003}.card-image-placeholder{width:100%;height:100%}.skeleton-text{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:4px;animation:2s infinite shimmer}.skeleton-title{width:150px;height:24px}.skeleton-children{width:60px;height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}