.ral-section{padding:3rem 1rem;direction:rtl;text-align:right}.ral-container{max-width:1200px;margin:0 auto}.ral-title{font-size:2.5rem;color:#000;margin-bottom:1rem;font-weight:700;text-align:center;opacity:0;transform:translateY(-20px);animation:slideIn 0.8s ease-out forwards}.ral-description{font-size:1.1rem;color:#000;max-width:700px;margin:0 auto 1.5rem;text-align:center;opacity:0;transform:translateY(-20px);animation:slideIn 0.8s ease-out 0.2s forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.toggle-info-btn{display:block;margin:0 auto 1.5rem;padding:.7rem 2rem;box-shadow:0 2px 12px #2aa4ed;background-color:#2aa4ed;color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:1rem;transition:background 0.3s,transform 0.2s;opacity:0;animation:bounceIn 0.6s ease-out 0.4s forwards}.toggle-info-btn:hover{background:#2497da;transform:scale(1.05)}.ral-info{max-width:700px;margin:0 auto 1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);font-size:1rem;color:#000;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease}.ral-info.show{opacity:1;transform:translateY(0)}.ral-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.65rem 1.5rem;border-radius:20px;background:#2a2e34;color:#fff;cursor:pointer;font-size:1rem;transition:background 0.3s,color 0.3s,transform 0.2s;opacity:0;animation:bounceIn 0.6s ease-out forwards;border:none}.filter-btn:nth-child(1){animation-delay:0.6s}.filter-btn:nth-child(2){animation-delay:0.7s}.filter-btn:nth-child(3){animation-delay:0.8s}.filter-btn:hover{background:#2497da;color:#fff;transform:scale(1.05)}.filter-btn.active{background:#29a5ed;color:#fff}.search-bar{padding:.75rem;width:100%;max-width:300px;border:1px solid #000;border-radius:20px;font-size:1rem;background:#fff;color:#000;outline:none;transition:border-color 0.3s;opacity:0;animation:bounceIn 0.6s ease-out 0.9s forwards}.search-bar:focus{border-color:#29a5ed}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.hex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:1rem;position:relative;min-height:200px}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.loading-road{display:flex;justify-content:center;gap:10px;margin-bottom:1rem}.loading-dot{width:20px;height:40px;background:#29a5ed;border-radius:4px;animation:roadPulse 1.5s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:0.3s}.loading-dot:nth-child(3){animation-delay:0.6s}@keyframes roadPulse{0%,100%{transform:scaleY(1);opacity:.3}50%{transform:scaleY(1.5);opacity:1}}.loading-text{font-size:1.2rem;color:#000;animation:textFade 1.5s ease-in-out infinite}@keyframes textFade{0%,100%{opacity:.5}50%{opacity:1}}.hex-item{position:relative;width:100px;height:115px;margin:0 auto;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;opacity:0}.hex-item.show{opacity:1;animation:fadeIn 0.5s ease-out}.hex-item:hover{transform:scale(1.1);box-shadow:0 0 20px #29a5ed,0 8px 16px rgb(0 0 0 / .2)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hex-item::after{content:attr(data-tooltip);position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);background:#2a2e34;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem;opacity:0;transition:opacity 0.3s;white-space:nowrap}.hex-item:hover::after{opacity:1}.modal{position:fixed;inset:0;background:rgb(0 0 0 / .7);display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity 0.3s ease}.modal.show{display:flex;opacity:1}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;text-align:right;transform:scale(.7);transition:transform 0.4s ease-out}.modal.show .modal-content{transform:scale(1);animation:modalBounce 0.4s ease-out}@keyframes modalBounce{0%{transform:scale(.7)}70%{transform:scale(1.05)}100%{transform:scale(1)}}.modal-close{position:absolute;top:.7rem;left:.7rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#000;transition:color 0.3s}.modal-close:hover{color:#2497da}.modal-color{height:100px;border-radius:8px;margin-bottom:1rem}.modal-title{font-size:1.8rem;color:#000;margin-bottom:1rem}.modal-detail{font-size:1rem;color:#000;margin-bottom:.5rem}.modal-sample-btn{display:block;margin:1rem 0;padding:.75rem 1.5rem;background:#29a5ed;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background 0.3s,transform 0.2s}.modal-sample-btn:hover{background:#2497da;transform:scale(1.05)}.modal-disclaimer{font-size:.85rem;color:#2a2e34;margin-top:1rem}.no-results{text-align:center;font-size:1.2rem;color:#000}@media (max-width:768px){.hex-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.hex-item{width:80px;height:92px}.ral-title{font-size:2rem}.search-bar{max-width:100%}}[data-theme="dark"] .ral-section{background:var(--background-color);color:var(--text-color)}[data-theme="dark"] .ral-title{color:var(--text-color)}[data-theme="dark"] .ral-description{color:var(--text-muted)}[data-theme="dark"] .toggle-info-btn{background-color:var(--button-bg);color:var(--button-text);box-shadow:0 2px 12px rgb(59 130 246 / .5)}[data-theme="dark"] .toggle-info-btn:hover{background:#2563eb}[data-theme="dark"] .ral-info{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);color:var(--text-color)}[data-theme="dark"] .filter-btn{background:#2a2e32;color:var(--text-color);border:none}[data-theme="dark"] .filter-btn:hover{background:var(--link-color);color:var(--button-text)}[data-theme="dark"] .filter-btn.active{background:var(--button-bg);color:var(--button-text)}[data-theme="dark"] .search-bar{background:#2a2e32;color:var(--text-color);border:1px solid var(--border-color)}[data-theme="dark"] .search-bar:focus{border-color:var(--link-color)}[data-theme="dark"] .loading-dot{background:var(--link-color)}[data-theme="dark"] .loading-text{color:var(--text-color)}[data-theme="dark"] .hex-item{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme="dark"] .hex-item:hover{box-shadow:0 0 20px rgb(59 130 246 / .5),0 8px 16px rgb(0 0 0 / .3)}[data-theme="dark"] .hex-item::after{background:#2a2e32;color:var(--text-color)}[data-theme="dark"] .modal{background:rgb(0 0 0 / .8)}[data-theme="dark"] .modal-content{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .modal-close{color:var(--text-muted)}[data-theme="dark"] .modal-close:hover{color:var(--link