.city-fares-section{width:100%}.cfs-header{margin-bottom:1.5rem}.cfs-title{font-family:var(--font-faculty);color:#1a1a1a;margin:0 0 .5rem;font-size:1.5rem}.cfs-description{font-family:var(--font-suse);color:#666;margin:0;font-size:.85rem}.cfs-tagline{font-family:var(--font-suse);color:#999;margin-top:.35rem;font-size:.7rem;display:block}.cfs-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.cfs-search{align-items:end;width:100%;height:auto;margin-bottom:1.5rem;display:flex}.cfss-wrapper{justify-content:end;align-items:center;gap:1rem;width:100%;display:flex}.cfss-wrapper .w-type{align-items:center;gap:1rem;display:flex}.cfss-wrapper .w-type .itm{font-family:var(--font-suse);color:#333;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:10rem;padding:.7rem 1.3rem;font-size:.75rem}.cfss-wrapper .w-type .itm.active{background-color:#e7eee8;border:1px solid #e7eee8}.cfss-wrapper .w-class{font-family:var(--font-suse);color:#333;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:10rem;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.75rem;display:flex}.cfss-wrapper .w-class svg{width:.8rem;height:.8rem;transition:transform .2s}.cfss-wrapper .w-class.open svg{transform:rotate(180deg)}.w-class-wrapper{position:relative}.w-class-dropdown{cursor:default;z-index:100;background-color:#fff;border-radius:1rem;flex-direction:column;width:15rem;height:max-content;padding:.5rem 0;display:flex;position:absolute;top:2.5rem;right:0;box-shadow:0 2px 8px #63636333}.w-class-dropdown .dropdown-item{width:100%;height:2.5rem;font-size:.75rem;font-family:var(--font-faculty);-webkit-user-select:none;user-select:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;align-items:center;min-width:0;padding:0 1rem;display:flex;overflow:hidden}.w-class-dropdown .dropdown-item:hover{background-color:#58815716}.w-class-dropdown .dropdown-item svg{width:1rem;height:1rem}.cfs-empty{font-family:var(--font-faculty);color:#666;text-align:center;border-radius:1rem;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;font-size:.9rem;display:flex}@media (max-width:770px){.cfs-grid{grid-template-columns:1fr;width:100%}.cfs-title{font-size:1.2rem}.cfs-description{font-size:.75rem}}
.city-fare-card{aspect-ratio:16/10;cursor:pointer;border-radius:1rem;grid-column:span 2;width:100%;position:relative;overflow:hidden}.city-fare-card.wide{aspect-ratio:16/9;grid-column:span 3}.cfc-image{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.city-fare-card:hover .cfc-image{transform:scale(1.05)}.cfc-overlay{z-index:2;background:linear-gradient(#0000 0% 40%,#0000004d 68%,#000000c7 100%);width:100%;height:100%;transition:background .3s;position:absolute;top:0;left:0}.cfc-content{color:#fff;z-index:3;justify-content:space-between;align-items:flex-end;padding:.75rem 1rem .5rem;transition:transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.city-fare-card:hover .cfc-content{transform:translateY(-5rem)}.cfc-left{flex-direction:column;gap:.1rem;display:flex}.cfc-city{font-family:var(--font-faculty);font-size:1.1rem}.cfc-date{font-family:var(--font-suse);opacity:.9;font-size:.7rem;font-weight:500}.cfc-right{text-align:right}.cfc-price{font-family:var(--font-suse);opacity:.95;font-size:.75rem;font-weight:500}.cfc-buttons{opacity:0;z-index:3;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(.5rem)}.city-fare-card:hover .cfc-buttons{opacity:1;transform:translateY(0)}.cfc-book-btn{width:100%;font-family:var(--font-faculty);color:#333;cursor:pointer;background-color:#c5d1c7;border:none;border-radius:2rem;padding:.6rem 1.5rem;font-size:.8rem;transition:background-color .2s}.cfc-discover-btn{font-family:var(--font-suse);color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.city-fare-card.skeleton{cursor:default;pointer-events:none}.city-fare-card.skeleton .cfc-skeleton-bg{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:1rem;width:100%;height:100%;animation:1.5s linear infinite shimmer;position:absolute;top:0;left:0}@media (max-width:770px){.city-fare-card,.city-fare-card.wide{aspect-ratio:16/10;grid-column:span 1}.cfc-city{font-size:.95rem}.cfc-date,.cfc-price{font-size:.65rem}}