.flight-search{background:#fff;border:none;box-shadow:none;border-radius:0;position:relative}.header-container{border-bottom:1px solid #e5e7eb}.header-container.hidden{display:none}.edit-view{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.header-left{display:flex;align-items:center;gap:4px}.back-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:background-color .2s ease}.back-button:hover{background-color:#f3f4f6;border-radius:50%}.header-info{text-align:left}.header-info h1,.header-info .sk-pf-title{font-size:14px;font-weight:500;color:#111827;margin:0;line-height:1.2}.header-info p{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1}.edit-button{display:flex;align-items:center;gap:4px;background:none;border:none;color:#2563eb;cursor:pointer;padding:0;transition:color .2s ease}.edit-button span{font-size:12px;font-weight:500}.edit-button:hover{color:#1d4ed8}.accordion{position:fixed;top:54px;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#fff;z-index:10000000;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch;border:none}.accordion.open{transform:translate(0)}.accordion-header{position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(90deg,#55adf7,#1f6fff);padding:14px 16px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;z-index:10}.accordion-header h2{font-size:16px;font-weight:600;margin:0;color:#fff;letter-spacing:.2px}.close-accordion-button{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.close-accordion-button:hover{background:#ffffff4d}.close-accordion-button svg{stroke:#fff}.accordion-content{padding:0 16px 80px}.trip-types{display:flex;margin:16px 16px 8px;gap:8px}.trip-type-btn{flex:1;padding:10px 8px;border:1.5px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;border-radius:999px;text-align:center}.trip-type-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.trip-type-btn:not(.active):hover{border-color:#2563eb;color:#2563eb}.FROM,.TO,.DATE-CONTAINER,.PASSENGER-CLASS-CONTAINER,.multicity-container,.multicity-footer,.add-flight-button,.multicity-search-button{width:100%;max-width:100%;margin:8px 0}.search-button{position:relative;width:100%;margin:12px 0;left:0;right:0}.FROM,.TO{width:100%;height:56px;border:1.5px solid #e2e8f0;background-color:#fff;position:relative;cursor:pointer;transition:border-color .2s ease}.FROM{border-radius:12px 12px 0 0;border-bottom:none}.TO{border-radius:0 0 12px 12px}.FROM.highlight,.TO.highlight{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;z-index:1}.FROM input,.TO input,.DEPARTURE-DATE input,.RETURN-DATE input,.PASSENGERS input,.CLASS input{width:100%;height:100%;padding:22px 14px 5px;border:none;background:transparent;font-size:15px;font-weight:700;color:#0f172a;cursor:pointer}.FROM label,.TO label,.DEPARTURE-DATE label,.RETURN-DATE label,.PASSENGERS label,.CLASS label{position:absolute;top:7px;left:14px;font-size:10px;color:#2563eb;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.FROM label:first-letter,.TO label:first-letter,.DEPARTURE-DATE label:first-letter,.RETURN-DATE label:first-letter,.PASSENGERS label:first-letter,.CLASS label:first-letter{text-transform:uppercase}.search-button{position:absolute;bottom:16px;left:16px;right:16px;width:calc(100% - 32px);padding:16px;background:linear-gradient(90deg,#55adf7,#1f6fff)!important;color:#fff;border:none;border-color:transparent!important;border-radius:999px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #1f6fff40!important;letter-spacing:.5px;box-shadow:0 4px 14px #2563eb4d;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search-button:hover{background:#2563eb}.DATE-CONTAINER,.PASSENGER-CLASS-CONTAINER{width:100%;height:56px;margin:10px 0 0;border:1.5px solid #e2e8f0;border-radius:12px;background-color:#fff;display:flex;overflow:hidden}.DEPARTURE-DATE,.RETURN-DATE,.PASSENGERS,.CLASS{flex:1;position:relative;display:flex;align-items:center}.date-separator,.passenger-class-separator{width:1px;height:24px;background-color:#e5e7eb;margin:auto 0}.custom-dropdown{position:fixed;top:54px;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#fff;z-index:10000001;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease-in-out}.custom-dropdown.open{transform:translateY(0)}.close-dropdown{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.close-dropdown:hover{background:#ffffff4d}.close-dropdown svg{width:20px;height:20px;stroke:#fff}.dropdown-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:none;background:linear-gradient(90deg,#55adf7,#1f6fff);position:-webkit-sticky;position:sticky;top:0;z-index:2;flex-shrink:0}.dropdown-header h3{font-size:16px;font-weight:600;margin:0;flex-grow:1;color:#fff;text-align:left}.search-container{padding:12px 16px;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:52px;z-index:1}.search-container input{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 14px 12px 38px;font-size:15px;font-weight:500;color:#222;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 12px center no-repeat;outline:none;transition:border-color .2s}.search-container input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-container input::placeholder{color:#aaa;font-weight:400}.city-list{list-style-type:none;padding:0;margin:0;overflow-y:auto;flex-grow:1;background-color:#fff;-webkit-overflow-scrolling:touch}.city-list li{padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:14px;transition:background-color .15s ease}.city-list li:hover,.city-list li:active{background-color:#eff6ff}.city-list li .fli_name{font-weight:600;color:#0f172a;margin-bottom:2px;display:flex;align-items:center;gap:10px}.city-list li .airport_name{font-size:12px;color:#6b7280;display:flex;flex-direction:column;padding-left:28px}.city-list li .airport_name span{color:#9ca3af;margin-top:2px}.city-list li i.fa-plane{color:#3b82f6;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#3b82f61a;border-radius:4px;padding:2px}.city-list li:hover i.fa-plane{background-color:#3b82f626}#calendar-container{padding:20px 16px 16px;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;-webkit-overflow-scrolling:touch}.flatpickr-calendar{width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;border:none!important;margin:0 auto;touch-action:manipulation}.flatpickr-day{max-width:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;background-color:#00000080;display:none;z-index:9999999}.overlay.open{display:block}#passenger-dropdown{display:flex;flex-direction:column}.passenger-selected{padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.passenger-selected span{color:#2563eb;font-size:14px;font-weight:600}.passenger-content{padding:20px 16px;overflow-y:auto}.passenger-content h4{color:#64748b;font-size:12px;font-weight:600;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.passenger-type{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.passenger-info h5{font-size:15px;font-weight:600;margin:0 0 4px;color:#0f172a}.passenger-info p{font-size:14px;color:#6b7280;margin:0}.passenger-counter{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:6px 12px}.counter-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;font-size:18px;color:#2563eb;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.counter-btn:hover{background:#eff6ff;border-color:#2563eb}.counter-btn:disabled{color:#d1d5db;border-color:#e2e8f0;background:#f9fafb;cursor:not-allowed}.count{font-size:20px;font-weight:700;color:#0f172a;margin:0 14px;min-width:30px;text-align:center}.passenger-footer{display:flex;gap:10px;border-top:1px solid #e2e8f0;padding:14px 16px;background:#f8fafc;flex-shrink:0}.footer-btn{flex:1;padding:12px;font-size:14px;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease}.footer-btn.clear{background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:999px}.footer-btn.clear:hover{background:#f1f5f9}.footer-btn.done{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:999px;box-shadow:0 2px 8px #2563eb40}.footer-btn.done:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}#class-dropdown{display:flex;flex-direction:column}.class-selected{padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.class-selected span{color:#2563eb;font-size:14px;font-weight:600}.class-content{padding:20px 16px;overflow-y:auto}.class-list{display:flex;flex-direction:column;gap:10px}.class-option{width:100%;padding:16px;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.class-option:hover{border-color:#2563eb;background:#eff6ff}.class-option.active{background:#2563eb;color:#fff;border-color:#2563eb}.class-footer{padding:14px 16px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.done-btn{width:100%;padding:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:background-color .2s ease}.done-btn:hover{background:#2563eb}.DATE-CONTAINER.one-way .RETURN-DATE,.DATE-CONTAINER.one-way .date-separator{display:none}.DATE-CONTAINER.one-way .DEPARTURE-DATE{width:100%}.accordion.multicity .FROM,.accordion.multicity .TO,.accordion.multicity .DATE-CONTAINER,.accordion.multicity .PASSENGER-CLASS-CONTAINER,.accordion.multicity .search-button{display:none}.accordion.multicity{height:auto;padding-bottom:20px}.accordion.multicity .multicity-wrapper{display:block}.multicity-wrapper{display:none}.multicity-segment{position:relative;margin:12px auto;width:275px}.multicity-container{width:100%;height:50px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;display:flex;overflow:hidden}.multicity-box{flex:1;position:relative}.multicity-separator{width:1px;height:24px;background-color:#e5e7eb;margin:auto 0}.multicity-box label{position:absolute;top:6px;left:12px;font-size:10px;color:#6b7280;font-weight:500;text-transform:lowercase}.multicity-box label:first-letter{text-transform:uppercase}.multicity-box input{width:100%;height:100%;padding:20px 12px 5px;border:none;background:transparent;font-size:14px;font-weight:600;cursor:pointer;pointer-events:auto;touch-action:manipulation}.multicity-box input.s-multi-date{cursor:pointer;pointer-events:auto;touch-action:manipulation}.multicity-box.highlight{border-color:#3b82f6}.remove-flight-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.remove-flight-button:hover{background-color:#fee2e2;border-color:#ff4d4f}.multicity-footer{width:275px;height:50px;margin:12px auto 8px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;display:flex;overflow:hidden}.multicity-class,.multicity-traveller{flex:1;position:relative}.multicity-separator-vertical{width:1px;height:24px;background-color:#e5e7eb;margin:auto 0}.multicity-class label,.multicity-traveller label{position:absolute;top:6px;left:12px;font-size:10px;color:#6b7280;font-weight:500;text-transform:lowercase}.multicity-class label:first-letter,.multicity-traveller label:first-letter{text-transform:uppercase}.multicity-class input,.multicity-traveller input{width:100%;height:100%;padding:20px 12px 5px;border:none;background:transparent;font-size:14px;font-weight:600;cursor:pointer}.multicity-class.highlight,.multicity-traveller.highlight{border-color:#3b82f6}.add-flight-button{display:block;width:275px;height:40px;margin:12px auto 8px;border:1px dashed #3b82f6;border-radius:6px;background-color:transparent;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-flight-button:hover{background-color:#3b82f60d}.add-flight-button.disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.add-flight-button.disabled:hover{background-color:transparent}.multicity-search-button{display:block;width:100%;height:50px;margin:16px 0 8px;border:none;border-radius:999px;background:linear-gradient(90deg,#55adf7,#1f6fff)!important;color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 12px #1f6fff40;cursor:pointer;letter-spacing:.3px;transition:background-color .2s ease}.multicity-search-button:hover{background-color:#2563eb}@supports (padding: max(0px)){.accordion{padding-bottom:max(16px,env(safe-area-inset-bottom))}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media screen and (max-width: 768px){input[type=text],input[type=search],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],textarea,select{font-size:16px!important}.trip-type-btn,.counter-btn,.footer-btn,.done-btn,.class-option,.add-flight-button,.multicity-search-button,.search-button,.close-dropdown,.close-accordion-button,.back-button,.edit-button,.remove-flight-button{min-height:44px!important;min-width:44px!important}.flatpickr-calendar{font-size:16px!important}.flatpickr-day{min-height:44px!important;line-height:44px!important;font-size:16px!important}.flatpickr-day:hover{background:#e6f3ff!important}.dropdown-header h3{font-size:18px!important}.city-list li{min-height:44px!important;padding:12px 16px!important;font-size:16px!important}.counter-btn{width:44px!important;height:44px!important;font-size:20px!important}.FROM,.TO,.DATE-CONTAINER,.PASSENGER-CLASS-CONTAINER,.DEPARTURE-DATE,.RETURN-DATE,.multicity-container,.multicity-footer{min-height:50px!important}.accordion.open .DATE-CONTAINER{left:14px;width:calc(100% - 28px)!important;margin-left:10px}.FROM input,.TO input,.DEPARTURE-DATE input,.RETURN-DATE input,.PASSENGERS input,.CLASS input,.multicity-box input,.multicity-class input,.multicity-traveller input{font-size:16px!important}}.fs-select-option-city{color:#000}.fs-select-option-airport{color:#222}@media (max-width: 767px){.accordion.open .FROM,.accordion.open .TO,.accordion.open .DATE-CONTAINER,.accordion.open .PASSENGER-CLASS-CONTAINER,.accordion.open .multicity-segment,.accordion.open .multicity-footer{width:92%;left:10px}.accordion.open .PASSENGER-CLASS-CONTAINER{margin-bottom:14px;margin-left:10px}}
