.return-icon {position: absolute;height: 100%;width: 34px;background: #2a2967;color: #fff;text-align: center;line-height: 70px;right: 0px;cursor: pointer;top: 0px;border-radius: 0 3px 3px 0;} .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" !important; } .iconDeparture {position: absolute;top: 16px;color: #29ade2;left: 10px;font-size: 18px;} .iconArrival {position: absolute;top: 16px;color: #29ade2;left: calc(50% + 10px);font-size: 18px;} .searchbox { background-color: #fff; padding: 8px; height: 150px; width: 100px; border: 1px solid #66afe9; overflow-y: auto; overflow-x: hidden; position: absolute; visibility: hidden; z-index: 1000; left: 10px; top: 10px; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); text-align: left; } .searchbox a { font-size: 11px; text-decoration: none; } .searchbox a:hover { font-size: 11px; text-decoration: underline; } .searchbox .city { font-weight: bold; color: #306CA8 !important; margin-top: 3px; margin-bottom: 3px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; line-height: 17px; } .searchbox .city a { color: #306CA8 !important; } .searchbox .airport { color: #03C; line-height: 13px; padding-left: 10px; } .flight-box {position: relative;display: block;width: 100%;border: solid 1px #d7dddb;background: #fff;padding: 10px 10px;margin-bottom: 10px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 4px;font-size: 0.8rem;text-align: left;font-weight: normal;} .flight-box:hover {background: #f5f5f5;} .flight-box.detail-active {background: #f5f5f5} .flight-box.selected {border-color: #0087ff;} .flight-box.selected .flight-box-icon {color: #0087ff;} .flight-box.return-flight {display: none;} .flight-result {/* margin: 0 -20px; */} .flight-result.two-column {display: flex !important;width: auto !important;} .flight-result.two-column .return-flight {display: block;} .flight-box.paket {display: none !important;} .flight-box.return-flight .flight-box-icon {transform: rotate(180deg);} .flight-result .flight-result-column {/* display: flex; */} .flight-result .flight-result-column {/* padding: 0 20px; */-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;} .flight-result.two-column .flight-result-column {display: flex;width: 100%;height: fit-content;} .flight-result.two-column .flight-result-column:first-child {border-right: 1px solid #c3c3c3;} .flight-box .flight-box-icon {position: absolute;top: -6px;left: calc(50% - 7px);} .flight-box .flight-details-row {display: flex;align-items: center;} .flight-box .flight-details-row .column {flex: 0 0 calc(95% / 4);} .flight-box .flight-details-row .column:last-child {flex: 0 0 5%;} .flight-box .flight-details-row .column:first-child {flex: 0 0 15%;margin-right: 5%;} .flight-box .flight-details-row .column span.air-company {display: block;width: 100%;} .flight-box .flight-details-row .column span.step-route {display: inline-block;position: relative;margin-right: 10px;padding-left: 10px;} .flight-box .flight-details-row .column span.step-route:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f105";left: -10px;position: relative;} .flight-result.two-column .flight-box .flight-details-row .column:nth-child(2) {display: none;} .flight-result.two-column .flight-box .flight-details-row .column:nth-child(1) {flex: 0 0 30%;margin: 0;} .flight-result.two-column .flight-box .flight-details-row .column:nth-child(3) {flex: 0 0 30%;padding: 0 4px;} .flight-result.two-column .flight-box .flight-details-row .column:nth-child(4) {flex: 0 0 30%;padding: 0 4px;} .flight-result.two-column .flight-box .flight-details-row .column:nth-child(5) {flex: 0 0 10%;} .flight-box .flight-details-row .column span.step-route.first {padding-left: 0;} .flight-box .flight-details-row .column span.step-route.first:before {display: none;} .flight-box .flight-details-row .column span.bag {display: block;width: 100%;} .flight-box .flight-details-row .column span.transit {display: block;width: 100%;color: red;} .flight-box .flight-details-row .column span.desc {display: block;width: 100%;} .flight-box .flight-details-row .column span.departure-time {font-size: 0.9rem;color: #000;font-weight: 600;} .flight-box .flight-details-row .column span.departure-seperate {margin: 0 10px;} .flight-box .flight-details-row .column span.departure-time2 {font-size: 0.9rem;color: #000;} .flight-box .flight-details-row .column span.departure-time-txt {display: block;width: 100%;} .flight-box .flight-details-row .column .price {font-size: 1rem;font-weight: 600;color: #000;text-align: unset;float: none;} .flight-box .flight-details-row .column .price .b {font-size: 0.8rem;vertical-align: top;float: none;font-weight: 500;} .flight-box .flight-details-row .column button {float: right;border: 0;background: #2dc44d;border-radius: 4px;color: #fff;font-size: 0.8rem;font-weight: 600;padding: 0 10px;min-width: 62px;padding: 5px 15px;} .flight-box .flight-details-row .column button i {font-size: 1rem;line-height: inherit;} .flight-box.selected .flight-details-row .column button {font-size: 0;} .flight-box .flight-details-row .column .flight-box-select {cursor: pointer;} .flight-detail {display: none;margin: 7px 0px;} .flight-detail.show {display: block;} .flight-detail-btn {color: #0087ff;font-size: 0.75rem;margin-top: 3px;transition: ease-in-out all 300ms;} .flight-detail .station {list-style: none;margin: 5px 0px;padding-left: 15px;} .flight-detail .station li {position: relative;margin-bottom: 4px} .flight-detail .station li:last-child {margin-bottom: 0;} .flight-detail .station li:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f10c";left: -10px;position: relative;color: #2dc44d;font-size: 0.8rem;} .flight-detail .station li.first:before {content: "\f111";font-weight: 900;} .flight-detail .station li:after {position: absolute;top: 42%;left: -5px;display: block;width: 1px;height: 1.3rem;content: "";background-color: #2dc44d;} .flight-detail .station li:last-child:after {display: none;} .flight-detail .transit-desc {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 0;margin: .75rem 0 1rem 0;border-top: 1px dashed #727e7c;} .flight-detail .transit-desc span {display: inline-block;padding: 0 .5rem;background-color: #f5f5f5;} .flight-detail .food-service {display: inline-block;padding: 1px 6px 0px 15px;background: #d0d0d0;border-radius: 4px;color: #606060;} .flight-detail .food-service:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f0f5";left: -7px;position: relative;color: #2dc44d;font-size: 0.8rem;} .flight-search-response {display: flex !important;margin: 0 -10px;padding-top: 10px; margin-bottom: 40px;} .flight-search-response .flight-result-column {padding: 0 10px;width: 50%;} .flight-search-response .flight-box.return-flight {display: block;} @media(max-width: 768px) { .flight-search-response {display: inherit !important;} .flight-search-response .flight-result-column {padding: 0 10px;width: 100%;} } .flight-result-head {order: -2;display: block;width: 100%;margin-bottom: 10px;} .flight-result-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;} .flight-result-head .col {width: calc(100% / 3);float: left;font-size: 0.8rem;} .flight-result-other-head {display: block;width: 100%;margin-bottom: 10px;} .flight-result-other-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;margin-top: 10px;background: #eaeaea;padding: 7px;border-radius: 4px;} .flight-bottom-basket {position: fixed;width: 100%;bottom: 0;background: #28a8db;color: #fff;z-index: 9999;} .flight-bottom-basket .next {display: block;width: 100%;background: #ff9800;color: #fff;border-radius: 4px;font-size: 0.9rem;height: 40px;line-height: 40px;border: 0;text-transform: uppercase;font-weight: bold;margin: 10px 0;} .flight-bottom-basket .total-wrap {background: #269bc9;height: 60px;padding: 10px 10px;width: 100%;text-align: right; text-align: right;align-items: center;display: flex;justify-content: right;} .flight-bottom-basket .total-wrap .total-price {font-weight: bold;font-size: 1.3rem;} .flight-bottom-basket .total-wrap .spottotalprice {font-weight: normal;font-size: 0.7rem;color: #dadada;line-height: normal;display: block;width: 100%;} .flight-ticket-count-dropdown {position: absolute;min-width: 300px;background: white;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;z-index: 355;transition: all 250ms ease-in-out;top: 100%;margin-top: 14px;} .flight-ticket-count-dropdown.show {visibility: visible;opacity: 1;} .flight-ticket-count-dropdown:after {bottom: 100%;left: 20%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 200;border-color: rgba(136,183,213,0);border-bottom-color: white;border-width: 14px;margin-left: -14px;filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));} .flight-ticket-count-dropdown .room-info {padding: 10px;float: left;width: 100%;} .flight-ticket-count-dropdown .room-info .info-row {width: 100%;text-align: left;padding: 10px 0px;} .person-total {cursor: pointer;} .flight-ticket-count-dropdown .room-info .info-row .col {display: block;width: 100%;padding: 0px 10px;float: left;margin-bottom: 7px;} .flight-ticket-count-dropdown .room-info .info-row .col label {display: block;color: #000;font-weight: normal;} .flight-ticket-count-dropdown .room-info .info-row .col label .title {width: 40%;float: left;line-height: 40px;} .flight-ticket-count-dropdown .room-info .info-row .col label .selector {width: 60%;float: left;text-align: right;} .flight-ticket-count-dropdown .room-info .info-row .col label .selector .buttonSelect {cursor: pointer;width: 40px;outline: none;height: 40px;display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 33px;font-weight: 600;color: #2a2967;font-size: 32px;border: 1.5px solid #ddd;border-radius: 4px;text-align: center;} .flight-ticket-count-dropdown .room-info .info-row .col label .selector .buttonSelect.disabled {opacity: 0.4;} .flight-ticket-count-dropdown .room-info .info-row .col label .selector .txt {width: 40px;display: inline-block;text-align: center;font-size: 24px;font-weight: bold;} .flight-ticket-count-dropdown .action-button-area {float: left;width: 100%;padding: 10px 20px;border-top: 1px solid #EFEFEF;text-align: right;} .flight-ticket-count-dropdown .action-button-area span.closed {font-size: 12px;color: #fff;font-weight: 700;cursor: pointer;background: #2a2967;padding: 4px 10px;} .flight-ticket-count-dropdown .room-info .info-row .col .remove-oda {line-height: 34px;height: 34px;border: 1px solid #ff3e3e;display: block;text-align: center;border-radius: 5px;color: #ff3e3e;font-weight: bold;} @media(max-width: 768px) { .flight-ticket-count-dropdown {width: 98%;min-width: 98%;left: 1%;} .flight-ticket-count-dropdown .room-info .info-row .col {display: inline-block;width: 100%;margin-right: -0.5px;} .flight-ticket-count-dropdown .room-info .info-row .col:first-child {width: 100%;} .flight-ticket-count-dropdown .room-info .info-row .col.remove-oda-wrap {width: 100%;} } .search-area .tab-main {display: none;} .search-area .tab-main.active {display: block;transition: 350ms;} .search-area .tab-main .form-wrap {background: #00000085;padding: 5px;border-radius: 5px;box-shadow: 0px 1px 10px rgba(0,0,0,0.54);} .search-area .tab-main .form-wrap .row {margin-left: -2.5px;margin-right: -2.5px;} .search-area .tab-main .form-wrap .row div[class^="col"] {padding: 0 2.5px;} @media (min-width: 768px) { .search-area .tab-main .form-wrap .half {width: 12.66666667%} .search-area .tab-main .form-wrap .full {width: 20.666667%} } .search-area .tab-main .form-wrap .full-btn {width: 12.333333%;} .search-area .tab-main .form-wrap input, .search-area .tab-main .form-wrap select {height: 50px;width: 100%;border: 1px solid #707070;border-radius: 4px;font-size: 0.8rem;padding: 0 10px;} .search-area .tab-main .form-wrap .two-input input {width: 50%;float: left;} .search-area .tab-main .form-wrap .two-input.full-w input {width: 100%;} .search-area .tab-main .form-wrap label {color: #fff;font-size: 0.8rem;display: inline-block;} .search-area .tab-main .form-wrap label input {height: auto;display: inline-block;width: auto;} .search-area .tab-main .form-wrap .users-icon {font-size:0.8rem;display: inline-block;background-color: #fff;height: 50px;width: 100%;border: 1px solid #707070;border-radius: 4px;padding-left: 45px;line-height: 50px;background-image: url('../img/icons/user-group.png');background-repeat: no-repeat;background-position: 7.5px center;} .search-area .tab-main .form-wrap .search-button {display: block;width: 100%;height: 50px;border: 0;background: #51c956;color: #fff;font-size: 17px;font-weight: bold;border-radius: 4px;} .search-area .tab-main .form-wrap .search-button:hover {transition: ease-in-out all 400ms;background-color: #56585a;} .search-area.in {background: transparent;padding: 0px;height: auto;} .search-area.in h3 {color: #fff;margin: 0 0 10px;font-size: 1.4rem;font-weight: bold;} .search-area.in .tab-main {display: block;} .search-area.in .tab-main .form-wrap {padding: 10px 15px;} .oneway-flight-more, .return-flight-more {display: block;background: #28a8db;color: #fff;border: 0;padding: 6px 20px;margin: 10px auto;border-radius: 8px;font-size: 0.8rem;cursor: pointer;} /* Gidiş / dönüş bölüm başlığı (otel+uçak — Pegasus benzeri) */ .flight-leg-head {flex: 0 0 100%;width: 100%;display: flex;align-items: center;gap: 12px;padding: 12px 14px;margin: 0 0 12px;background: #f7f9fb;border: 1px solid #e3e7e6;border-radius: 8px;box-sizing: border-box;} .flight-result-column.all-return-flight > .flight-leg-head {margin-top: 8px;} /* .flight-search-response .flight-result-column.all-return-flight {margin-top: 18px;padding-top: 4px;border-top: 1px solid #e5e7eb;} */ .flight-leg-head-icon {flex: 0 0 34px;width: 34px;height: 34px;border-radius: 50%;background: #28a8db;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;} .flight-leg-head.return-flight .flight-leg-head-icon i {transform: rotate(180deg);} .flight-leg-head-text {display: flex;flex-direction: column;gap: 2px;min-width: 0;} .flight-leg-head-route {font-weight: 700;font-size: 1rem;color: #1f2937;line-height: 1.25;} .flight-leg-head-label {font-size: 0.78rem;color: #6b7280;font-weight: 600;text-transform: uppercase;letter-spacing: .02em;} /* ========================================================================= SEÇENEKLÄ° (GRUPLU) UÇUŞ KUTUSU (Pegasus benzeri, açılır/kapanır)
/ ile JS'siz akordeon. BaÅŸlığa tıklayınca paketler açılır. Paket kartları gerçek .flight-box olduÄŸundan mevcut seçim/rez JS'i aynen çalışır. ========================================================================= */ .flight-secenekli {flex: 0 0 100%;width: 100%;border: 1px solid #e1e6e5;border-radius: 8px;background: #fff;margin-bottom: 12px;text-align: left;box-shadow: 0 1px 3px rgba(0,0,0,.04);} .flight-secenekli[open] {box-shadow: 0 4px 14px rgba(0,0,0,.08);} /* BaÅŸlık (tıklanabilir özet satırı) */ .flight-secenekli > summary.fs-head {list-style: none;cursor: pointer;display: flex;align-items: center;gap: 16px;padding: 14px 18px;user-select: none;} .flight-secenekli > summary.fs-head::-webkit-details-marker {display: none;} .flight-secenekli > summary.fs-head::marker {content: "";} .flight-secenekli .fs-logo {flex: 0 0 auto;display: flex;align-items: center;} .flight-secenekli .fs-logo img {height: 30px;width: auto;max-width: 70px;object-fit: contain;} .flight-secenekli .fs-seg {display: flex;flex-direction: column;gap: 2px;min-width: 150px;} .flight-secenekli .fs-seg .fs-route {color: #6b7280;font-size: 0.8rem;} .flight-secenekli .fs-seg .fs-route .step-route + .step-route::before { content: "\2192"; margin: 0 6px; color: #c4c9c7; } .flight-secenekli.pasif {display: none !important;} .flight-secenekli .fs-seg .fs-time {font-weight: 700;font-size: 1.05rem;color: #1f2937;display: flex;align-items: center;gap: 8px;} .flight-secenekli .fs-seg .fs-time i {color: #9aa0a6;font-size: 0.8rem;} .flight-secenekli .fs-mid {display: flex;flex-direction: column;align-items: center;gap: 2px;color: #6b7280;font-size: 0.78rem;flex: 1 1 auto;text-align: center;} .flight-secenekli .fs-mid .fs-aktarma:empty::before {content: "Direkt Uçuş";} .flight-secenekli .fs-mid .fs-dur {color: #9aa0a6;} .flight-secenekli .fs-from {text-align: right;line-height: 1.25;margin-left: auto;} .flight-secenekli .fs-from .fs-from-label {display: block;font-size: 0.7rem;color: #9aa0a6;} .flight-secenekli .fs-from .fs-price {font-size: 1.15rem;font-weight: 800;color: #16a34a;} .flight-secenekli .fs-from .fs-price .b {font-size: 0.82rem;font-weight: 700;} .flight-secenekli .fs-chevron {color: #f5a623;font-size: 1rem;transition: transform .2s ease;} .flight-secenekli[open] .fs-chevron {transform: rotate(180deg);} /* Açılan paket alanı: yatay kart ızgarası (Pegasus) */ .flight-secenekli .fs-options {display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;padding: 6px 18px 18px;background: #f7f9fb;border-top: 1px solid #eef1f0;border-radius: 0 0 8px 8px;} /* Site JS'i seçim yapınca kartı en baÅŸa taşır (order:-1). Gruplu seçenek kartlarında istemiyoruz; fiyat sırası korunur. */ .flight-secenekli .fs-options .flight-box.fs-option {order: 0 !important;} /* Tek paket kartı (.flight-box.fs-option) — genel .flight-box kurallarını ezeriz */ .flight-secenekli .flight-box.fs-option {display: flex;flex-direction: column;border: 1px solid #e3e7e6;border-radius: 8px;background: #fff;margin: 0;padding: 0;overflow: hidden;box-shadow: none;} .flight-secenekli .flight-box.fs-option:hover {border-color: #f5a623;} .flight-secenekli .flight-box.fs-option.selected {border-color: #16a34a;box-shadow: 0 0 0 2px rgba(22,163,74,.25);} .flight-secenekli .flight-box.fs-option .flight-box-icon {display: none;} .flight-secenekli .flight-box.fs-option .flight-details-row.fs-card {display: flex;flex-direction: column;align-items: stretch;flex: 1 1 auto;gap: 0;} .flight-secenekli .flight-box.fs-option .flight-details-row.fs-card > * {flex: 0 0 auto;width: 100%;margin: 0;} .flight-secenekli .flight-box.fs-option .fs-card-img {width: 100%;height: 110px;background: #eef1f0;} .flight-secenekli .flight-box.fs-option .fs-card-img img {width: 100%;height: 100%;object-fit: cover;display: block;} /* Görseli olmayan paketlerde (ör. AJet) boÅŸ gri kutuyu tamamen gizle */ .flight-secenekli .flight-box.fs-option .fs-card-img img[src=""] {display: none;} .flight-secenekli .flight-box.fs-option .fs-card-img:has(img[src=""]), .flight-secenekli .flight-box.fs-option .fs-card-img:has(img:not([src])) {display: none;} .flight-secenekli .flight-box.fs-option .fs-card-name {font-weight: 700;color: #1f2937;font-size: 0.92rem;text-align: center;padding: 10px 10px 4px;} .flight-secenekli .flight-box.fs-option .fs-card-bag {padding: 4px 14px 12px;flex: 1 1 auto;} .flight-secenekli .flight-box.fs-option .fs-bag-list {list-style: none;margin: 0;padding: 0;} .flight-secenekli .flight-box.fs-option .fs-bag-list li {display: flex;align-items: flex-start;gap: 9px;color: #4b5563;font-size: 0.82rem;line-height: 1.35;padding: 6px 0;border-bottom: 1px dashed #eef1f0;} .flight-secenekli .flight-box.fs-option .fs-bag-list li:last-child {border-bottom: 0;} .flight-secenekli .flight-box.fs-option .fs-bag-list li i {color: #6b7280;font-size: 0.92rem;width: 16px;text-align: center;margin-top: 2px;flex: 0 0 16px;} /* Fiyat / seç butonu — radio butonu tüm alanı kaplar (görünmez), tıklayınca seçer */ .flight-secenekli .flight-box.fs-option .column.fs-card-foot {position: relative;display: block;margin: auto 0 0;padding: 0;} .flight-secenekli .flight-box.fs-option .fs-card-foot .flight-box-select {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer;z-index: 2;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-text {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;background: #f5a623;color: #3d2c00;font-weight: 700;text-align: center;padding: 10px 8px;transition: background .15s ease;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-price {font-size: 1rem;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-price .b {font-size: 0.82rem;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-label {font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: .03em;opacity: .85;} .flight-secenekli .flight-box.fs-option .fs-card-foot:hover .fs-buy-text {background: #e69612;} .flight-secenekli .flight-box.fs-option.selected .fs-card-foot .fs-buy-text {background: #16a34a;color: #fff;} /* UçuÅŸ detayları: tüm paketler için tek, açılır/kapanır (varsayılan kapalı) */ .flight-secenekli .fs-detail {margin: 14px 18px 16px;border: 1px solid #eef1f0;border-radius: 8px;background: #fff;overflow: hidden;} .flight-secenekli .fs-detail .fs-detail-toggle {list-style: none;cursor: pointer;padding: 10px 14px;font-weight: 700;font-size: 0.85rem;color: #1f2937;display: flex;align-items: center;gap: 8px;} .flight-secenekli .fs-detail .fs-detail-toggle::-webkit-details-marker {display: none;} .flight-secenekli .fs-detail .fs-detail-toggle i {color: #6b7280;} .flight-secenekli .fs-detail[open] .fs-detail-toggle {border-bottom: 1px solid #eef1f0;} .flight-secenekli .fs-detail .flight-detail, .flight-secenekli .fs-detail .flight-detail.show {display: block;margin: 0;padding: 12px 14px;} .flight-secenekli .fs-detail .flight-code {display: block;font-weight: 600;color: #1f2937;margin: 6px 0 4px;} /* Dönüş grubu: gidiÅŸ seçilene kadar gizli (mevcut iki-kolon UX'i ile uyumlu) */ .flight-result.two-column .flight-secenekli.return-flight {display: block;} /* Ä°ki kolon modunda genel .flight-box ezmelerini seçenek kartları için sıfırla */ .flight-result.two-column .flight-secenekli .fs-options {grid-template-columns: repeat(2, 1fr);} .flight-result.two-column .flight-secenekli .flight-box.fs-option .flight-details-row.fs-card {display: flex !important;flex-direction: column !important;} .flight-result.two-column .flight-secenekli .flight-box.fs-option .flight-details-row.fs-card > *, .flight-result.two-column .flight-secenekli .flight-box.fs-option .flight-details-row.fs-card .column {flex: 0 0 auto !important;width: 100% !important;margin: 0 !important;padding: 0 !important;display: block !important;} @media (max-width: 992px) { .flight-secenekli .fs-options {grid-template-columns: repeat(2, 1fr);} } @media (max-width: 768px) { /* Mobil başlık grid ile hizalanır (tek satıra sığsa bile bozulmaz): 1. satır -> [logo] [rota/saat] [aşağı ok] 2. satır -> [süre/aktarma] [paket fiyatı] */ .flight-secenekli > summary.fs-head { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "logo seg chevron" "mid mid from"; column-gap: 10px; row-gap: 6px; align-items: center; padding: 12px; } .flight-secenekli .fs-logo {grid-area: logo;} .flight-secenekli .fs-seg {grid-area: seg;min-width: 0;} .flight-secenekli .fs-chevron {grid-area: chevron;justify-self: end;align-self: start;} .flight-secenekli .fs-mid {grid-area: mid;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 4px 12px;text-align: left;} .flight-secenekli .fs-from {grid-area: from;justify-self: end;text-align: right;margin-left: 0;} .flight-secenekli .fs-options {grid-template-columns: 1fr;} .flight-result.two-column .flight-secenekli .fs-options {grid-template-columns: 1fr;} .flight-secenekli .flight-box.fs-option .fs-card-img {height: 90px;} /* Mobilde SEÇ butonu daha kompakt: padding ve yazı boyutu küçültülür. */ .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-text {flex-direction: row;justify-content: space-between;gap: 8px;padding: 8px 14px;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-price {font-size: 0.9rem;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-price .b {font-size: 0.75rem;} .flight-secenekli .flight-box.fs-option .fs-card-foot .fs-buy-label {font-size: 0.68rem;} /* Gidiş/Dönüş başlığı: mobilde rota tek satıra sığsın (gerekirse küçülür/kısalır). */ .flight-leg-head {gap: 8px;padding: 10px 12px;} .flight-leg-head-icon {flex: 0 0 28px;width: 28px;height: 28px;font-size: 0.8rem;} .flight-leg-head-route {font-size: 0.72rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .flight-leg-head-label {font-size: 0.62rem;} }