.border-tabs-container{background:#f8f9fa;border-radius:10px;padding:15px;margin-bottom:25px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.nav-tabs{border:none;display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:5px}
.nav-tabs::-webkit-scrollbar{height:3px}
.nav-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
.nav-tabs::-webkit-scrollbar-thumb{background:#007bff;border-radius:10px}
.nav-tabs .nav-item{white-space:nowrap;flex-shrink:0}
.nav-tabs .nav-link{border:2px solid transparent;border-radius:25px!important;margin:0 5px;padding:8px 16px;font-size:14px;font-weight:500;color:#6c757d;transition:all .3s ease;display:flex;align-items:center;gap:8px}
.nav-tabs .nav-link:hover{border-color:#007bff;color:#007bff;background-color:rgba(0,123,255,0.1)}
.nav-tabs .nav-link.active{background-color:#007bff;border-color:#007bff;color:#fff}
.country-section-card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 15px rgba(0,0,0,0.08);border:1px solid #e9ecef}
.country-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.destination-row{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:8px;margin-bottom:15px;padding:15px;border:1px solid #dee2e6;transition:all .3s ease}
.destination-row:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.1);border-color:#007bff}
.destination-link{text-decoration:none;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.destination-link:hover{color:#007bff}
.transport-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.transport-btn{background:#fff;border:2px solid #007bff;color:#007bff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:5px;white-space:nowrap}
.transport-btn:hover{background:#007bff;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,0.3)}
.toggle-btn{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;border-radius:10px;padding:15px 20px;color:#fff;font-weight:600;box-shadow:0 4px 15px rgba(0,123,255,0.3);transition:all .3s ease}
.toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,0.4)}
.info-alert{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:none;border-radius:15px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.info-alert h5{color:#1565c0;font-weight:700}
.seo-links-section{display:block;visibility:visible;opacity:1}
.seo-links-section .list-unstyled{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.seo-links-section .list-unstyled>li{list-style:none;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:8px;padding:12px;flex:1 1 calc(50% - 12px);display:flex;flex-direction:column}
.seo-links-section .list-unstyled>li strong a{text-decoration:none}
.js-hidden{display:none!important}
.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:stretch}
.matches-item{min-width:0}
@media (max-width:768px){
.destination-row{flex-direction:column;text-align:center}
.destination-link{justify-content:center;margin-bottom:15px}
.transport-buttons{justify-content:center}
.country-title{font-size:1.25rem;justify-content:center}
.nav-tabs .nav-link{font-size:12px;padding:6px 12px}
.seo-links-section .list-unstyled{display:block}
.seo-links-section .list-unstyled>li{flex:none;width:100%}
}
@media (max-width:576px){
.container{padding-left:10px;padding-right:10px}
.border-tabs-container,.country-section-card{margin-left:-10px;margin-right:-10px;border-radius:0}
.transport-btn{font-size:11px;padding:5px 10px}
.matches-grid{grid-template-columns:1fr}
}
.flag-img,.flag-svg{border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.loading-animation{display:none;text-align:center;padding:20px}
.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}