.caleran-container,.caleran-container-mobile{font-size:15px;float:left;font-family:"Nunito","Montserrat",Helvetica,Arial,sans-serif!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999}
.caleran-container .caleran-input,.caleran-container-mobile .caleran-input{margin:5px;border:1px solid #ddd;border-radius:0;overflow:hidden;background:#fff;box-shadow:0 0 13px -5px rgba(0,0,0,0.4);display:flex;flex-direction:column}
.caleran-container .caleran-input .caleran-header,.caleran-container-mobile .caleran-input .caleran-header{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 20px 10px;border-bottom:1px solid #ddd}
.caleran-container .caleran-input .caleran-header .caleran-header-separator,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-separator{float:left;display:inline-block;margin:0;margin-top:-2px;padding:0 16px;color:#f0f8ff;font-size:32px}
.caleran-container .caleran-input .caleran-header .caleran-header-start,.caleran-container .caleran-input .caleran-header .caleran-header-end,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end{float:left;white-space:nowrap;display:block;margin-right:10px;text-align:left}
.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-start-day,.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-end-day,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-start-day,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-end-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-day{float:left;font-size:2.5em;color:#d01818;margin-top:-3px;margin-right:8px;font-weight:400;text-align:left; line-height:100%;}
.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-start-date,.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-end-date,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-start-date,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-end-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-date{font-size:.9em;color:#A6AAB3;display:inline-block}
.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-start-weekday,.caleran-container .caleran-input .caleran-header .caleran-header-start .caleran-header-end-weekday,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-start-weekday,.caleran-container .caleran-input .caleran-header .caleran-header-end .caleran-header-end-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-weekday{font-size:.7em;color:#c9c9d1}
.caleran-container .caleran-input .caleran-calendars,.caleran-container-mobile .caleran-input .caleran-calendars{position:relative;display:flex}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector{position:absolute;display:none;align-items:center;justify-content:center;flex-wrap:wrap;border:2px solid #fff;border-width:3px 3px 0 0;top:0;left:0;right:0;bottom:0;z-index:100}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month{flex:1 1 25%;border:1px solid #fff;border-width:0 0 3px 3px;background:#eee;height:33.33%;align-items:center;justify-content:center;font-weight:700;display:flex;box-sizing:border-box}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month.current,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month.current,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month.current,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month.current{background:#d01818;color:#fff}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month:hover,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month:hover{background:#313eb3;cursor:pointer;color:#fff}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year{flex:1 1 20%;border:1px solid #fff;border-width:0 0 3px 3px;background:#eee;height:33.33%;align-items:center;justify-content:center;font-weight:700;display:flex;box-sizing:border-box}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year.current,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year.current,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year.current,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year.current{background:#0666CD;color:#fff}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year:hover,.caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year:hover{background:#1783FF;cursor:pointer;color:#fff}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar{float:left;padding-bottom:8px;border-right:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar.no-border-right,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar.no-border-right{border-right:none}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title{text-align:center;font-weight:300;font-size:1.1em;color:#424242;text-transform:capitalize;border-bottom:1px solid #ddd;padding:12px 8px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-month-switch:hover,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-year-switch:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-month-switch:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-year-switch:hover{color:#d01818;cursor:hand;cursor:pointer}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-prev,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-next,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-prev,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-next{margin-top:-4px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container{padding:10px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled{width:calc(100% / 7);float:left;text-align:center;padding:3px;font-size:.76em;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;margin-bottom:1px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek span,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled span{pointer-events:none;display:block;padding:3px;border-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek{text-transform:uppercase;font-size:.6em;font-weight:600;color:#616161}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day{cursor:pointer;overflow:hidden;color:#212121}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day:hover:not(.caleran-hovered):not(.caleran-selected),.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day:hover:not(.caleran-hovered):not(.caleran-selected){background:#dcdcdc;border-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end{background:#1783FF;color:#fff;border-radius:0}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-today,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-today,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-today,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-today,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-today,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-today{color:#ff1493!important}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered{background:#c8e1ff;color:#000}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered:first-child,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered:last-child,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-hovered:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start:not(.caleran-hovered),.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start:not(.caleran-hovered){border-top-left-radius:3px;border-bottom-left-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start:not(.caleran-hovered) span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start:not(.caleran-hovered) span{background:#0666CD}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered),.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered){border-top-right-radius:3px;border-bottom-right-radius:3px}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span{background:#0666CD}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today{color:#ff1493!important;font-weight:700}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today.caleran-hovered,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today.caleran-hovered{color:#000}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled.caleran-disabled-range,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled.caleran-disabled-range{color:silver}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled{color:silver}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weekend,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weekend{color:#d01818}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-next,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-prev,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-next,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-prev{cursor:pointer;font-size:1.25em}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-next:hover,.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-prev:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-next:hover,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-prev:hover{text-shadow:1px 2px 3px #eee}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-next,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-next{float:right}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-prev,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-prev{float:left}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar:last-child,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar:last-child{border-right:none}
.caleran-container .caleran-input .caleran-ranges,.caleran-container-mobile .caleran-input .caleran-ranges{border-top:1px solid #ddd;clear:both;padding:10px;text-align:left}
.caleran-container .caleran-input .caleran-ranges i,.caleran-container-mobile .caleran-input .caleran-ranges i{float:left;color:#6a6e71;font-size:14px;margin-right:5px;margin-top:1px}
.caleran-container .caleran-input .caleran-ranges .caleran-range-header,.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range-header{font-size:.8em;color:#6a6e71;display:inline-block;margin-right:5px;font-weight:700}
.caleran-container .caleran-input .caleran-ranges .caleran-range,.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range{display:inline-block;color:#1783FF;margin:3px;font-size:.7em;cursor:pointer;font-weight:700}
.caleran-container .caleran-input .caleran-ranges .caleran-range:hover,.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range:hover{text-decoration:underline}
.caleran-popup{position:absolute;display:none;top:0;left:0}
.caleran-box-arrow-top{width:22px;height:22px;z-index:12;margin-left:0;position:absolute;top:0}
.caleran-box-arrow-top:after,.caleran-box-arrow-top:before{bottom:calc(100% - 6px);left:27px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.caleran-box-arrow-top:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}
.caleran-box-arrow-top:before{border-color:rgba(184,184,184,0);border-bottom-color:#ddd;border-width:11px;margin-left:-11px}
.caleran-box-arrow-bottom{width:22px;height:22px;z-index:12;margin-left:0;position:absolute;bottom:0}
.caleran-box-arrow-bottom:after,.caleran-box-arrow-bottom:before{bottom:-15px;left:27px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.caleran-box-arrow-bottom:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:11px;margin-left:-11px}
.caleran-box-arrow-bottom:before{border-color:rgba(184,184,184,0);border-top-color:#ddd;border-width:10px;margin-left:-10px}
.caleran-open{overflow:hidden}
.caleran-container-mobile .caleran-input{margin:0;border:0;border-radius:0;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999;margin:12px;border-radius:0;box-shadow:0 0 0 1000px rgba(0,0,0,0.6);border:1px solid #ddd;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-content:center;overflow-y:auto}

@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input{overflow-y:scroll;flex-wrap:wrap}
}
.caleran-container-mobile .caleran-input .caleran-header{box-sizing:border-box;padding:12px;order:0;display:flex;flex:0 0 auto;flex-flow:nowrap;background:#f8f8ff;justify-content:space-between;align-items:center}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-header{width:50%;float:right;order:1;padding:12px 6px;border-left:1px solid #ddd;height:61px}
}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-separator{padding:0;margin:0;display:flex;color:#b0c4de;margin-top:2px}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-separator{flex:1 0 auto}
}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end{min-width:39vmin;margin:0}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end{width:50%;min-width:0;padding:0 8px}
}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-day,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-day{font-size:38px;margin:-10px;font-weight:400}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-date,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-date{font-size:15px;color:#6a6e71;font-weight:500}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-end-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-start-weekday,.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-weekday{font-size:12px;color:#6a6e71;font-weight:400;line-height:10px}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start .caleran-header-start-day{margin-right:8px;margin-left:0;float:left}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end{text-align:right}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end .caleran-header-end-day{float:right;margin-left:8px;margin-right:0}
.caleran-container-mobile .caleran-input .caleran-calendars{order:1;flex:1 1 auto;background:#fff;display:flex;flex-direction:column;overflow:scroll;padding-bottom:20px}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-calendars{width:50%;float:left;order:0}
}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month{flex:1 1 33.33%;height:25%}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year{flex:1 1 20%;height:33.33%}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar{border:none}
}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title{padding:12px 18px;background:#f8f8ff;font-size:1.36em}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-prev,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-next{margin-top:-6px}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title i{font-size:.9em}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title{height:61px;box-sizing:border-box;padding-top:18px}
}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container{padding:10px}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled{min-height:30px;font-size:14px!important;position:relative;justify-content:center;align-items:center;display:flex}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled{min-height:calc((80vmin - 62px) / 7)}
}
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span,.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled span{display:flex;align-items:center;justify-content:center;position:absolute;left:4px;top:4px;bottom:4px;right:4px}
.caleran-container-mobile .caleran-input .caleran-ranges{background:#fff;order:2;flex:0 0 auto;margin:0;padding:4px;border:none;text-align:center}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-ranges{width:50%;box-sizing:border-box;flex:1 1 0;border-left:1px solid #ddd;overflow-y:scroll;min-height:50px}
}
.caleran-container-mobile .caleran-input .caleran-ranges i{font-size:20px;display:none}
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range-header{font-size:.9em;display:none}
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range{font-size:.85em;padding:5px 14px;background:#0666CD;font-weight:400;color:#fff;border-radius:21px}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range{border-radius:6px;margin:6px;display:block}
}
.caleran-container-mobile .caleran-input .caleran-filler{display:none}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-filler{display:block;box-sizing:border-box;flex-grow:1;margin-bottom:auto;border-left:1px solid #ddd;min-height:100px;order:3}
}
.caleran-container-mobile .caleran-input .caleran-ranges + .caleran-filler{display:none}
.caleran-container-mobile .caleran-input .caleran-footer{order:3;flex:0 0 auto;text-align:center;padding:8px 8px 10px;background:#f8f8ff;border-top:1px solid #ddd}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-footer{width:50%;box-sizing:border-box;border-left:1px solid #ddd;margin-top:auto}
}
.caleran-container-mobile .caleran-input .caleran-footer button{font-size:15px;font-family:"Nunito","Montserrat",Helvetica,Arial,sans-serif!important;padding:8px;font-weight:400;outline:none;border:none;border-radius:4px;width:calc((100% - 10px) / 2)}
.caleran-container-mobile .caleran-input .caleran-footer button.caleran-apply{background:#f03a47;color:#fff;margin-left:7px;font-weight:500;border:1px solid #f03a47}
.caleran-container-mobile .caleran-input .caleran-footer button.caleran-apply[disabled=disabled],.caleran-container-mobile .caleran-input .caleran-footer button.caleran-apply:disabled{background:#c9c9d1;color:#A6AAB3;border:1px solid #A6AAB3}
.caleran-container-mobile .caleran-input .caleran-footer button.caleran-cancel{background:transparent;color:#f03a47;border:1px solid #f03a47;box-sizing:border-box}

body  { margin:0px; padding:0px; font: 15px/1.6 'Nunito'; background: url(/webhox/theme/bg.png) repeat-x, #fff; }
a     { text-decoration:none; transition: all .3s; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
p     { margin:0 0 12px 0; padding:0px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
input 	{     -webkit-appearance: none; outline:none; }
select 	{     -webkit-appearance: none; outline:none; }
button 	{     -webkit-appearance: none; outline:none; }
textarea{     -webkit-appearance: none; outline:none; }
div {  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
img {  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
input 	{     -webkit-appearance: none; outline:none;  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }

/*
input 	{     -webkit-appearance: none; outline:none;  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
select 	{     -webkit-appearance: none; outline:none;  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
button 	{     -webkit-appearance: none; outline:none;  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
textarea{     -webkit-appearance: none; outline:none;  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
span {  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
*/
p {  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
i {  transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; }
.mleft0 { margin-left:0px !important; }
.mleft1 { margin-left:1px !important; }
.mleft2 { margin-left:2px !important; }
.mleft3 { margin-left:3px !important; }
.mleft4 { margin-left:4px !important; }
.mleft5 { margin-left:5px !important; }
.mleft6 { margin-left:6px !important; }
.mleft7 { margin-left:7px !important; }
.mleft8 { margin-left:8px !important; }
.mleft9 { margin-left:9px !important; }
.mleft10 { margin-left:10px !important; }
.mleft11 { margin-left:11px !important; }
.mleft12 { margin-left:12px !important; }
.mleft13 { margin-left:13px !important; }
.mleft14 { margin-left:14px !important; }
.mleft15 { margin-left:15px !important; }
.mleft16 { margin-left:16px !important; }
.mleft17 { margin-left:17px !important; }
.mleft18 { margin-left:18px !important; }
.mleft19 { margin-left:19px !important; }
.mleft20 { margin-left:20px !important; }
.mleft21 { margin-left:21px !important; }
.mleft22 { margin-left:22px !important; }
.mleft23 { margin-left:23px !important; }
.mleft24 { margin-left:24px !important; }
.mleft25 { margin-left:25px !important; }
.mleft26 { margin-left:26px !important; }
.mleft27 { margin-left:27px !important; }
.mleft28 { margin-left:28px !important; }
.mleft29 { margin-left:29px !important; }
.mleft30 { margin-left:30px !important; }
.mright0 { margin-right:0px !important; }
.mright1 { margin-right:1px !important; }
.mright2 { margin-right:2px !important; }
.mright3 { margin-right:3px !important; }
.mright4 { margin-right:4px !important; }
.mright5 { margin-right:5px !important; }
.mright6 { margin-right:6px !important; }
.mright7 { margin-right:7px !important; }
.mright8 { margin-right:8px !important; }
.mright9 { margin-right:9px !important; }
.mright10 { margin-right:10px !important; }
.mright11 { margin-right:11px !important; }
.mright12 { margin-right:12px !important; }
.mright13 { margin-right:13px !important; }
.mright14 { margin-right:14px !important; }
.mright15 { margin-right:15px !important; }
.mright16 { margin-right:16px !important; }
.mright17 { margin-right:17px !important; }
.mright18 { margin-right:18px !important; }
.mright19 { margin-right:19px !important; }
.mright20 { margin-right:20px !important; }
.mright21 { margin-right:21px !important; }
.mright22 { margin-right:22px !important; }
.mright23 { margin-right:23px !important; }
.mright24 { margin-right:24px !important; }
.mright25 { margin-right:25px !important; }
.mright26 { margin-right:26px !important; }
.mright27 { margin-right:27px !important; }
.mright28 { margin-right:28px !important; }
.mright29 { margin-right:29px !important; }
.mright30 { margin-right:30px !important; }
.mright40 { margin-right:40px !important; }
.mtop0 { margin-top:0px !important; }
.mtop1 { margin-top:1px !important; }
.mtop2 { margin-top:2px !important; }
.mtop3 { margin-top:3px !important; }
.mtop4 { margin-top:4px !important; }
.mtop5 { margin-top:5px !important; }
.mtop6 { margin-top:6px !important; }
.mtop7 { margin-top:7px !important; }
.mtop8 { margin-top:8px !important; }
.mtop9 { margin-top:9px !important; }
.mtop10 { margin-top:10px !important; }
.mtop11 { margin-top:11px !important; }
.mtop12 { margin-top:12px !important; }
.mtop13 { margin-top:13px !important; }
.mtop14 { margin-top:14px !important; }
.mtop15 { margin-top:15px !important; }
.mtop16 { margin-top:16px !important; }
.mtop17 { margin-top:17px !important; }
.mtop18 { margin-top:18px !important; }
.mtop19 { margin-top:19px !important; }
.mtop20 { margin-top:20px !important; }
.mtop21 { margin-top:21px !important; }
.mtop22 { margin-top:22px !important; }
.mtop23 { margin-top:23px !important; }
.mtop24 { margin-top:24px !important; }
.mtop25 { margin-top:25px !important; }
.mtop26 { margin-top:26px !important; }
.mtop27 { margin-top:27px !important; }
.mtop28 { margin-top:28px !important; }
.mtop29 { margin-top:29px !important; }
.mtop30 { margin-top:30px !important; }
.mtop40 { margin-top:40px !important; }
.mtop50 { margin-top:50px !important; }
.mtop60 { margin-top:60px !important; }
.mbottom0 { margin-bottom:0px !important; }
.mbottom1 { margin-bottom:1px !important; }
.mbottom2 { margin-bottom:2px !important; }
.mbottom3 { margin-bottom:3px !important; }
.mbottom4 { margin-bottom:4px !important; }
.mbottom5 { margin-bottom:5px !important; }
.mbottom6 { margin-bottom:6px !important; }
.mbottom7 { margin-bottom:7px !important; }
.mbottom8 { margin-bottom:8px !important; }
.mbottom9 { margin-bottom:9px !important; }
.mbottom10 { margin-bottom:10px !important; }
.mbottom11 { margin-bottom:11px !important; }
.mbottom12 { margin-bottom:12px !important; }
.mbottom13 { margin-bottom:13px !important; }
.mbottom14 { margin-bottom:14px !important; }
.mbottom15 { margin-bottom:15px !important; }
.mbottom16 { margin-bottom:16px !important; }
.mbottom17 { margin-bottom:17px !important; }
.mbottom18 { margin-bottom:18px !important; }
.mbottom19 { margin-bottom:19px !important; }
.mbottom20 { margin-bottom:20px !important; }
.mbottom21 { margin-bottom:21px !important; }
.mbottom22 { margin-bottom:22px !important; }
.mbottom23 { margin-bottom:23px !important; }
.mbottom24 { margin-bottom:24px !important; }
.mbottom25 { margin-bottom:25px !important; }
.mbottom26 { margin-bottom:26px !important; }
.mbottom27 { margin-bottom:27px !important; }
.mbottom28 { margin-bottom:28px !important; }
.mbottom29 { margin-bottom:29px !important; }
.mbottom30 { margin-bottom:30px !important; }
.font8 { font-size:8px !important; }
.font11 { font-size:11px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font15 { font-size:15px !important; }
.font16 { font-size:16px !important; }
.font17 { font-size:17px !important; }
.font18 { font-size:18px !important; }
.font19 { font-size:19px !important; }
.font20 { font-size:20px !important; }
.font21 { font-size:21px !important; }
.font22 { font-size:22px !important; }
.font23 { font-size:23px !important; }
.font24 { font-size:24px !important; }
.font25 { font-size:25px !important; }
.font30 { font-size:30px !important; }
.font40 { font-size:40px !important; }
.sol  { float:left; }
.sag  { float:right; }
.tamorta { float:center; }
.temizle { clear: both; }
.genelwidth { width: 100% !important; min-height:1px; }
.ortala { width:1200px; margin:0 auto; }
.lineheight { line-height:200%; }
.center { text-align: center; }
.fontnormal { font-weight: 100 !important; }
.fontkalin { font-weight: 700 !important; }
.renk     { color:#00bfff; }
.ic_link { color:#00bfff; font-weight: 700}
.baslik   { width:100%; text-align: center; font-size:30px; font-weight: bold; }
.ciz  { text-decoration:line-through; color:#ff0000; font-size:12px !important; }
h1   { margin-top:0px;  }

h2 a { color:#00bfff; }
h3 a { color:#00bfff; }

.red_ { color:#ff0000; font-weight: bold; }
header {width:100%; background:#00bfff; min-width:1200px; margin:0 auto; clear:both; height:140px}
header #logo { height:85px;}
header #logo img { height:85px;}
header #head { background: url("/webhox/theme/ust_bar.png") top center no-repeat; width: 100%; height:40px; }
header #head #para { margin:0 0; font-size:13px; }
header #head #para  button{ border:0px; cursor:pointer; display:block; outline:none; color:#fff; font-weight: bold; padding:8px 6px 6px 6px; margin:11px 1px; background:#00bfff; border-radius: 2px; }
header #head #diller { margin:0 0; font-size:13px; }
header #head #diller .dil  a { display:block; color:#fff; font-weight: bold; padding:8px 8px 6px 8px; margin:3px 1px; background:#ff0000; border-radius: 2px; }
header #head #telefon-mail { margin-right: 20px;}
header #head #telefon-mail a { display: block; color:#fff; float:left; margin:8px 10px 0 0px;}
header #head #login    { padding:8px 10px 13px 10px; margin:2px 0 5px 2px;  font-size:13px; border-radius: 2px 0 0 2px; }
header #head #login        a { color:#fff;}
header #head #rezervasyon-kontrol-link { padding:8px 10px 13px 10px; margin:2px 0 5px 2px; font-size:13px; }
header #head #rezervasyon-kontrol-link a { color:#fff;}

.rezervasyon-kontrol-error {
  margin: 0 0 10px;
  color: #c0392b;
  font-weight: 700;
  line-height: 1.4;
}
header #head #sosyalmedya { font-size:20px; font-weight: bold; margin:4px 35px 10px 10px; }
header #head #sosyalmedya a { color:#fff; float:left; margin:0 5px}
header #head #sosyalmedya a:hover { color:#ff0000; }
header #menubar          { width:930px; font-size:15px; font-weight:700; margin:25px  0 0 0; }
header #menubar .fa-navbar  { display: none; }
header #menubar .nav ul.mmm .logo_li { display: none;}
header #menubar .nav ul.mmm .diller_li { display: none;}
header #menubar .nav ul.mmm .mobile-account_sep,
header #menubar .nav ul.mmm .mobile-account_li { display: none;}

@media only screen and (max-width: 1279px) {
  header #menubar .nav ul.mmm .mobile-account_sep {
    display: block;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;
    background: #1a2d47 !important;
    border-top: 3px solid #00bfff;
    height: auto;
    min-height: 0;
  }
  header #menubar .nav ul.mmm .mobile-account_li {
    display: block;
    background: #06529e !important;
    border-radius: 0;
  }
  header #menubar .nav ul.mmm .mobile-account_li:hover,
  header #menubar .nav ul.mmm .mobile-account_li.active {
    background: #0a6bc7 !important;
  }
  header #menubar .nav ul.mmm .mobile-account_li a i {
    margin-right: 6px;
  }
}

header .nav ul						{list-style:none;margin:0 auto;padding:0; font-size:15px; font-weight:700; color:#000; text-transform: uppercase;}
header .nav .ozel 					{color:#fff;}
header .nav ul li					{padding:15px 15px 20px 15px; float:left;}
header .nav ul li ul				{margin-top:20px; z-index:9999999 !important; display:none; clear:both; position:absolute; min-width:100px; z-index:200;background:#fff;padding:5px; border-radius:0 0 5px 5px; border:1px solid #ddd}
header .nav li ul li 				{padding:5px 5px 5px 0;float:left; clear:both; overflow:hidden; }
header .nav li ul li a.link		    {clear:both; float:left; width:195px !important; padding:5px !important; color:#fff !important; }
header .nav li ul li a.link:hover 	{color:#00bfff !important; }
header .nav li ul .image 			{padding:2px; background:#ddd; margin:5px; width:145px; height:145px; }
header .nav li ul .image a 		    {display:block; float:left; padding:0px !important; }
header .nav li ul .image a img 	    {width:145px; height:145px; }
header .nav ul.mmm > li.menu:hover > a.ozel { color:#ffe4b5; }
header .nav ul.mmm li ul li a.ozel { color:#2a2a2a; }
header .nav ul.mmm li ul li:hover > a.ozel { color:#00bfff; }

#slider { background:#F1F5FA; width:100%;  overflow:hidden;}
#rezervasyon { position:relative; margin-top:-87px; z-index:5; padding-bottom:30px; }
.background_ #rezervasyon { margin-top:-15px !important; z-index:5; padding-bottom:0px; }
#rezervasyon .tabs-menu					          {float:left;clear:both;list-style:none;padding:0;margin-bottom:0px; border-radius: 0 10px 0 0; overflow: hidden; box-shadow:0 0 5px #666}
#rezervasyon .tabs-menu li				        {float:left;}
#rezervasyon .tabs-menu li.current		    {position:relative;z-index:5;}
#rezervasyon .tabs-menu li a				      {display:block;padding:15px 40px;color:#fff; background:#253241c4; font-family: Montserrat; font-size: 22px;  border-right:1px solid #253241;}
#rezervasyon .tabs-menu .current a		    {color:#253241; background:#fff; border-right:1px solid #fff; }
#rezervasyon .tabs-menu .current a:after	{content: '';    position: absolute;    top: 5px;    left: 5px;    border-style: solid;    border-width: 7px;    border-color: transparent;	border-top-color: #00bfff;	border-left-color: #00bfff;	}
#rezervasyon .tab							 {float:left;width:auto;  box-shadow:0 0 5px #666; border-radius: 0 0 10px 10px; overflow:hidden; }
#rezervasyon .tab-content					        {float:left;width:1160px;padding:20px;background:#fff;color:#253241;min-height:1px; border-radius:0 10px 10px 10px }
#rezervasyon #arac						 {display:block;}
#rezervasyon input[type=text]				      {border:1px solid #ddd; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0; padding:7px 5px 7px 5px; color:#444;  font-size:16px; }
#rezervasyon input[type=text].date 		    {cursor:pointer; background:url("/webhox/theme/icon_date.png") 10px center no-repeat; padding-left:35px; width:97px; font-family: 'Nunito'; font-size:16px; border-radius:5px;}
#rezervasyon input[type=text].kuponkodu   {cursor:pointer; padding-left:10px; width:243px; font-family: 'Nunito'; font-size:16px; border-radius:5px;}
#rezervasyon input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:15px; font-family:'Nunito'; border-radius:5px;}
#rezervasyon input[type=submit]:hover		  {background:#00a3da; }
#rezervasyon .alis_yeri        {width:600px; margin-right:20px;}
#rezervasyon .width50          {width:290px; }
#rezervasyon .alis_tarihi      {width:260px; margin-right:20px;}
#rezervasyon .donus_tarihi     {width:260px;}
#rezervasyon .checkbox         {margin:20px 0 0 0; font-size:16px;}

.donus-yeri-panel{
  width:100%;
  float:left;
  clear:both;
  margin-top:10px;
  box-sizing:border-box;
}

.donus-yeri-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-bottom:5px;
}

.donus-yeri-panel__title{
  display:block;
  font-weight:700;
  line-height:1.2;
  color:#253241;
}

.donus-yeri-panel__close{
  flex:0 0 auto;
  width:28px;
  height:28px;
  border:0;
  border-radius:4px;
  background:#e9e9e9;
  color:#888;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
}

.donus-yeri-panel__close:hover{
  background:#ddd;
  color:#555;
}

.donus-yeri-panel__body{
  width:100%;
  float:left;
  clear:both;
  box-sizing:border-box;
}

.donus-yeri-panel__fields .select2-container,
.donus-yeri-panel__fields select{
  width:100% !important;
  max-width:100%;
  box-sizing:border-box;
}

#rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span.sol.width50,
#rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span.sol.width50.mright20{
  width:290px;
}

#transfer { }
#transfer .transfer_gidis   { width:430px; margin-right:20px; }
#transfer .transfer_donus   { width:430px; margin-right:20px; }
#transfer .transfer_yetiskin{ width:205px; margin-right:20px; }
#transfer .transfer_cocuk   { width:205px; margin-right:20px; }
#transfer .checkbox         {margin:12px 0 0 0; font-size:16px;}
#transfer .talis_tarihi    { width:260px; }

/* Transfer rezervasyon formu — ortak */
.transfer-rezervasyon-form .transfer-donus-panel.is-hidden,
.transfer-rezervasyon-form .transfer-kupon-panel.is-hidden {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Masaüstü — orijinal float düzeni */
@media only screen and (min-width: 1280px) {
  .transfer-rezervasyon-form .transfer-form-fields,
  .transfer-rezervasyon-form .transfer-form-bottom {
    width: 100%;
    float: left;
    clear: both;
    box-sizing: border-box;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-block {
    float: left;
    width: 260px;
    max-width: 280px;
    clear: none;
    position: relative;
    padding-top: 48px;
    min-height: 50px;
    margin: 0;
    box-sizing: border-box;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-block.is-panel-open {
    padding-top: 0;
    min-height: 70px;
  }

  .transfer-rezervasyon-form .transfer-kupon-block {
    float: right;
    width: 260px;
    max-width: 280px;
    clear: right;
    position: relative;
    padding-top: 48px;
    min-height: 70px;
    margin: 0;
    box-sizing: border-box;
  }

  .transfer-rezervasyon-form .transfer-kupon-block.is-panel-open {
    width: 260px;
    padding-top: 0;
    min-height: 70px;
  }

  .transfer-rezervasyon-form .transfer-kupon-check {
    float: none;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 17px;
  }

  .transfer-rezervasyon-form .transfer-kupon-check.is-hidden {
    display: none !important;
  }

  .transfer-rezervasyon-form .transfer-kupon-check input[type=checkbox]:not(old) {
    flex: 0 0 17px;
    width: 17px !important;
    height: 17px;
  }

  .transfer-rezervasyon-form .transfer-kupon-check input[type=checkbox]:not(old) + label {
    flex: 1 1 auto;
    margin: 0 0 0 -17px !important;
    line-height: 17px !important;
    min-width: 0;
  }

  .transfer-rezervasyon-form .transfer-kupon-panel,
  .transfer-rezervasyon-form .transfer-kupon-panel.donus-yeri-panel {
    float: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  .transfer-rezervasyon-form .transfer-kupon-panel.donus-yeri-panel:not(.is-hidden) {
    position: absolute;
    top: 6px;
    left: 0;
    clear: none !important;
    margin: 0 !important;
    transition: none !important;
    animation: none !important;
  }

  .transfer-rezervasyon-form .transfer-kupon-panel__field input.kuponkodu {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #rezervasyon .transfer-rezervasyon-form .transfer-kupon-check.checkbox {
    margin: 0 !important;
  }

  .transfer-rezervasyon-form .transfer_yetiskin,
  .transfer-rezervasyon-form .tf-yetiskin {
    clear: both;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-check {
    float: none;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 17px;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-check.is-hidden {
    display: none !important;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-check input[type=checkbox]:not(old) {
    flex: 0 0 17px;
    width: 17px !important;
    height: 17px;
    margin: 0 !important;
  }

  .transfer-rezervasyon-form .transfer-donus-panel,
  .transfer-rezervasyon-form .transfer-donus-panel.donus-yeri-panel,
  .transfer-rezervasyon-form .transfer-donus-panel.temizle {
    position: absolute;
    top: 6px;
    left: 0;
    float: none;
    width: 100%;
    clear: none !important;
    margin: 0 !important;
  }

  .transfer-rezervasyon-form .transfer-donus-panel .donus-yeri-panel__head {
    margin-bottom: 5px;
    min-height: 0;
    align-items: center;
  }

  .transfer-rezervasyon-form .transfer-donus-panel .donus-yeri-panel__title {
    font-size: inherit;
    line-height: 1.2;
  }

  .transfer-rezervasyon-form .transfer-donus-panel .donus-yeri-panel__body {
    margin-top: 0;
  }

  .transfer-rezervasyon-form .transfer-donus-panel__fields > .genelwidth {
    display: block;
    width: 100%;
    float: left;
    clear: both;
  }

  .transfer-rezervasyon-form .transfer-donus-panel__fields .mright20,
  .transfer-rezervasyon-form .transfer-donus-panel__fields .saat {
    float: left;
  }

  .transfer-rezervasyon-form .transfer-roundtrip-check input[type=checkbox]:not(old) + label {
    flex: 1 1 auto;
    margin: 0 0 0 -17px !important;
    line-height: 17px !important;
    min-width: 0;
  }

  #rezervasyon .transfer-rezervasyon-form .transfer-roundtrip-check.checkbox {
    margin: 0 !important;
  }

  .transfer-rezervasyon-form .transfer-form-fields > .transfer-form-kupon,
  .transfer-rezervasyon-form .transfer-form-fields > .kupon_mobil,
  .transfer-rezervasyon-form .transfer-form-fields > .transfer-kupon-block {
    float: right;
    width: auto;
    clear: right;
    margin: 0;
  }

  .transfer-rezervasyon-form .transfer-form-fields > .transfer-kupon-block {
    width: 260px;
    max-width: 280px;
    min-height: 70px;
  }

  .transfer-rezervasyon-form .transfer-form-fields > .transfer-form-kupon .mtop10,
  .transfer-rezervasyon-form .transfer-form-fields > .kupon_mobil .mtop10 {
    margin-top: 10px !important;
  }

  .transfer-rezervasyon-form .transfer-form-fields > .transfer-form-kupon input.kuponkodu,
  .transfer-rezervasyon-form .transfer-form-fields > .kupon_mobil input.kuponkodu,
  .transfer-rezervasyon-form .transfer-form-bottom .transfer-form-kupon input.kuponkodu,
  .transfer-rezervasyon-form .transfer-form-bottom .kupon_mobil input.kuponkodu,
  .transfer-rezervasyon-form .transfer-kupon-panel input.kuponkodu {
    width: 260px;
    max-width: 100%;
  }

  .transfer-rezervasyon-form .transfer-form-submit {
    clear: both;
    width: 100%;
    float: left;
  }

  .transfer-rezervasyon-form .transfer-form-submit input[type=submit] {
    width: 100%;
  }
}

#filo { }
#filo .filo_kiralama_tipi { width:260px; margin-right:20px; }
#filo .filo_kiralama_yakit { width:150px; margin-right:20px; }
#filo .filo_kiralama_vites { width:150px; }



.vitrin { width:1200px; color:#111; margin-top:20px }
.vitrin .viewport{float:left;width:1200px;height:520px;overflow:hidden;position:relative;}
.vitrin .buttons{display:block;float:right; position:absolute; margin-top:-65px}
.vitrin .next{background:url("/webhox/theme/sprite_icon.png") 1px  -436px no-repeat;width:82px;height:40px;overflow:hidden; margin-left:1118px}
.vitrin .prev{background:url("/webhox/theme/sprite_icon.png") 1px -522px no-repeat;width:82px;height:40px;  margin-left:1018px}
.vitrin .next:hover{background:url("/webhox/theme/sprite_icon.png") 1px -479px no-repeat;}
.vitrin .prev:hover{background:url("/webhox/theme/sprite_icon.png") 1px -565px no-repeat;}
.vitrin .disable{}
.vitrin .overview{list-style:none;position:absolute;padding:0;margin:0;left:0;top:0;}
.vitrin .overview li{float:left;margin:0 35px 0 0;height:520px;width:376px;}
.vitrin .pager{position:absolute;list-style:none;margin-left:420px;margin-top:360px;}
.vitrin .pager li{float:left;}
.vitrin .pagenum{width:14px;height:14px;display:block;margin-right:3px;}
.vitrin .active{color:#fff;}

.vitrin .overview li .hizmet_bolge { height:520px; cursor:pointer;  width:376px; padding-bottom:10px;font-size:20px; font-weight:700;  color:#111 }
.vitrin .overview li .hizmet_bolge img { width:366px; height:255px; padding:5px; background: #fff; float:left; border-radius:8px;}
.vitrin .overview li .hizmet_bolge_alt {  width:346px; padding:10px 15px; background:#fff; border-radius:8px;}

.vitrin .overview li .hizmet_bolge .cizgi { width:35px; height:8px; background:#fff; float:none; clear:both; display:block; margin:0 auto; }
.vitrin .overview li .hizmet_bolge .haber_text {width:100%; overflow:hidden; height:160px; line-height:180%;font-size:14px; text-align: justify; font-weight: 300;transition:0.1s all;-moz-transition:0.1s all;-webkit-transition:0.1s all;}
.vitrin .overview li .hizmet_bolge .haber_devam { width:100%; color:#00bfff; font-size:15px; font-weight: bold;}
.vitrin .overview li .hizmet_bolge:hover img { background: #00bfff; }
.vitrin .overview li .hizmet_bolge:hover .cizgi { background: #00bfff; }
.vitrin .overview li .hizmet_bolge:hover .hizmet_bolge_alt { background: #00bfff; color:#fff }
.vitrin .overview li .hizmet_bolge:hover .haber_devam { color:#fff }
.vitrin table tr td { font-size:15px !important; }


.haber_page { height:520px; cursor:pointer;  width:386px; padding-bottom:10px;font-size:20px; font-weight:700;  margin:0 20px 20px 0; color:#111 }
.haber_page img { width:376px; height:255px; padding:5px; background: #F1F5FA; float:left; }
.haber_page_alt {  width:356px; padding:10px 15px; background:#F1F5FA;}

.haber_page .cizgi { width:35px; height:8px; background:#F1F5FA; margin-left:175px; }
.haber_page .haber_text {width:100%; overflow:hidden; height:162px; line-height:180%;font-size:14px; text-align: justify; font-weight: 300;transition:0.1s all;-moz-transition:0.1s all;-webkit-transition:0.1s all;}
.haber_page .haber_devam { width:100%; color:#00bfff; font-size:15px; font-weight: bold;}
.haber_page:hover img { background: #00bfff; }
.haber_page:hover .cizgi { background: #00bfff; }
.haber_page:hover .haber_page_alt { background: #00bfff; color:#fff }
.haber_page:hover .haber_devam { color:#fff }

.arac_vitrin { width:1200px; color:#111; margin-top:20px }
.arac_vitrin .viewport{float:left;width:1200px;height:480px;overflow:hidden;position:relative;}
.arac_vitrin .buttons{display:block;float:right; position:absolute; margin-top:-45px}
.arac_vitrin .next{background:url("/webhox/theme/sprite_icon.png") 1px  -436px no-repeat;width:82px;height:40px;overflow:hidden; margin-left:1118px}
.arac_vitrin .prev{background:url("/webhox/theme/sprite_icon.png") 1px -522px no-repeat;width:82px;height:40px;  margin-left:1018px}
.arac_vitrin .next:hover{background:url("/webhox/theme/sprite_icon.png") 1px -479px no-repeat;}
.arac_vitrin .prev:hover{background:url("/webhox/theme/sprite_icon.png") 1px -565px no-repeat;}
.arac_vitrin .disable{}
.arac_vitrin .overview{list-style:none;position:absolute;padding:0;margin:0;left:0;top:0;}
.arac_vitrin .overview li{float:left;margin:0 35px 0 0;height:480px;width:376px;}
.arac_vitrin .pager{position:absolute;list-style:none;margin-left:420px;margin-top:360px;}
.arac_vitrin .pager li{float:left;}
.arac_vitrin .pagenum{width:14px;height:14px;display:block;margin-right:3px;}
.arac_vitrin .active{color:#fff;}

.arac_vitrin .overview li .hizmet_bolge { height:470px; cursor:pointer; width:376px; padding-bottom:10px;font-size:20px; font-weight:700;  color:#111; }
.arac_vitrin .overview li .hizmet_bolge img { width:366px; height:198px; padding:5px; background: #fff; float:left; }
.arac_vitrin .overview li .hizmet_bolge_alt {  width:376px; padding:10px 0 0 0; background:#fff; }

.arac_vitrin .overview li .hizmet_bolge_alt .arac_adi { font-size:20px; border-bottom:1px solid #eee; padding:0 0 8px 0; margin-bottom:10px; }
/* Anasayfa araç vitrini günlük fiyat — yalnızca arac_vitrin_list() (vitrin_gunluk_fiyat sınıfı) */
.arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0 8px 0;
  margin: 0;
  text-align: center;
  color: #fff;
  background: #00bfff;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}
.arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat .renk,
.arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat span {
  color: #fff;
}
.arac_vitrin .overview li .hizmet_bolge_alt .icon { width:90px; font-size:14px; color:#333; border-right:1px solid #eee; padding:8px 0 8px 5px; margin-bottom:0px; font-weight: 100; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_vitrin .overview li .hizmet_bolge_alt .icon2 { width:85px; font-size:14px; color:#333; border-right:1px solid #eee; padding:8px 0 8px 5px;  margin-bottom:0px; font-weight: 100; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_vitrin .overview li .hizmet_bolge .cizgi { transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; width:35px; height:8px; background:#fff; float:none; clear:both; display:block; margin:0 auto; }
.arac_vitrin .overview li .hizmet_bolge .haber_text {width:100%; overflow:hidden; height:162px; line-height:180%;font-size:14px; text-align: justify; font-weight: 300;transition:0.1s all;-moz-transition:0.1s all;-webkit-transition:0.1s all;}
.arac_vitrin .overview li .hizmet_bolge .haber_devam { width:100%; color:#00bfff; font-size:15px; font-weight: bold; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_vitrin .sehir_adi { position: relative; left: 10px; background: #00bfff; color: #fff; padding: 10px; border-radius: 5px; line-height: 100%; font-size: 14px; top: -440px; }
.arac_vitrin .dahil_hizmetler { width:100%; font-size:12px; color:#666; font-weight: 100; margin-top:10px; border-bottom:1px solid #eee;  height:85px;}
.arac_vitrin .dahil_hizmetler .icon_ { width:168px; padding:4px 10px; height:18px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_vitrin .overview li .hizmet_bolge:hover .cizgi { background: #00bfff; }
.arac_vitrin .overview li .hizmet_bolge:hover img { background: #00bfff; }
.arac_vitrin .overview li .hizmet_bolge:hover .icon { color:#00bfff; }
.arac_vitrin .overview li .hizmet_bolge:hover .icon2 { color:#00bfff; }
.arac_vitrin .overview li .hizmet_bolge .dahil_hizmetler span:hover i { color:#00bfff; }
.arac_vitrin .overview li .hizmet_bolge:hover .sehir_adi{ background: #333;}


.yorum_vitrin { width:1200px; color:#111; margin-top:30px }
.yorum_vitrin .viewport{float:left;width:1200px;height:420px;overflow:hidden;position:relative;}
.yorum_vitrin .buttons{display:block;float:right; position:absolute; margin-top:-75px}
.yorum_vitrin .next{background:url("/webhox/theme/sprite_icon.png") 1px  -436px no-repeat;width:82px;height:40px;overflow:hidden; margin-left:1118px}
.yorum_vitrin .prev{background:url("/webhox/theme/sprite_icon.png") 1px -522px no-repeat;width:82px;height:40px;  margin-left:1018px}
.yorum_vitrin .next:hover{background:url("/webhox/theme/sprite_icon.png") 1px -479px no-repeat;}
.yorum_vitrin .prev:hover{background:url("/webhox/theme/sprite_icon.png") 1px -565px no-repeat;}
.yorum_vitrin .disable{}
.yorum_vitrin .overview{list-style:none;position:absolute;padding:0;margin:0;left:0;top:0;}
.yorum_vitrin .overview li{float:left;margin:0 35px 0 0;height:460px;width:376px;}
.yorum_vitrin .pager{position:absolute;list-style:none;margin-left:420px;margin-top:360px;}
.yorum_vitrin .pager li{float:left;}
.yorum_vitrin .pagenum{width:14px;height:14px;display:block;margin-right:3px;}
.yorum_vitrin .active{color:#fff;}

.yorum_vitrin .overview li .yorum { height:380px; cursor:pointer; width:336px; font-size:20px; font-weight:700;  color:#111; background: #fff; padding:20px; border-radius: 10px; }
.yorum_vitrin .overview li .yorum .gulen_surat { width:336px; text-align: center; font-size:60px; color:#00bfff; }
.yorum_vitrin .overview li .yorum .yorum_yildiz { width:336px; text-align: center; font-size:20px; color:#ff0000; margin-bottom:10px; }
.yorum_vitrin .overview li .yorum .yorum_yazan { width:336px; text-align: center; font-size:18px;  margin-bottom:10px; }
.yorum_vitrin .overview li .yorum .yorum_aciklama { width:336px; text-align: center; font-size:16px; font-weight: 100; height:200px; vertical-align: middle; display: table-cell;}


.tum_araclar { width:100%; margin-top:10px; }
.tum_araclar a {display: block; width: 100%; padding:8px 0; text-align: center; background: #00bfff; color:#fff; font-weight: bold; }
.tum_araclar a:hover {background: #253241;  }
.background_ { background:#F1F5FA; padding:30px 0; width:100%; min-width: 1200px}
.arac-vitrin-section,
.temizle.background_.sol.arac-vitrin-section,
.temizle.background_.sol:has(.arac_vitrin),
.background_.sol:has(.arac_vitrin) {
  background: #F1F5FA !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  clear: both;
  display: flow-root;
}
.arac-vitrin-section .ortala {
  width: 100% !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  float: none !important;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}
.arac-vitrin-section .arac_vitrin,
.arac-vitrin-section .arac_vitrin .viewport,
.arac-vitrin-section .arac_vitrin .overview {
  background: #F1F5FA;
}
.arac-vitrin-section .arac_vitrin {
  position: relative;
  box-sizing: border-box;
}
.haber-vitrin-section,
.temizle.background_.sol.haber-vitrin-section,
.temizle.background_.sol:has(.vitrin),
.background_.sol:has(.vitrin) {
  background: #F1F5FA !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  clear: both;
  display: flow-root;
}
.haber-vitrin-section .ortala {
  width: 100% !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  float: none !important;
  box-sizing: border-box;
}
.haber-vitrin-section > .ortala > .baslik {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0;
  padding: 0;
  box-sizing: border-box;
}
.haber-vitrin-section .vitrin,
.haber-vitrin-section .vitrin .viewport,
.haber-vitrin-section .vitrin .overview {
  background: #F1F5FA;
}
.background__ { background:#00bfff; padding:30px 0 40px 0; width:100%; min-width: 1200px; color:#fff;}
.width33  { width:33%; }
.width255  { width:25%; }
.width255 .height { min-height:80px; }
.background__ .baslik_ { font-weight: bold; font-size:20px; width:100%; margin:10px 0; text-align: center; }
.baslik_e { cursor:pointer; font-weight: bold; font-size:20px; background: #000; border-radius: 5px; padding: 10px 20px; margin:0 auto; display: table; color:#fff; }
.baslik_e i {color:#fff;}
.arrow-down {  cursor:pointer;  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #000; clear:both; margin:0 auto; display: table; }
.background__ p {margin:0px;}

/* Transfer / filo rezervasyon özeti — üst mavi alan */
.transfer-reservation-summary .width33 .baslik_,
.filo-reservation-summary .width33 .baslik_ {
  float: none !important;
  display: block;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box;
}
.transfer-reservation-summary .width33 p,
.filo-reservation-summary .width33 p {
  text-align: center;
}

.background { padding:30px 0;width:100%; min-width: 1200px}
.width49  { width:49%; min-height:95px; display:table;}
.width49 span { display:table-cell; vertical-align:middle; font-size:20px; text-align: center;}
.width49 input[type=text]				      {border:1px solid #ddd; width:47%; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0; padding:7px 5px 7px 5px; color:#444;  font-size:16px; border-radius:5px;}
.width49 input[type=email]				    {border:1px solid #ddd; width:47%; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0; padding:7px 5px 7px 5px; color:#444;  font-size:16px; border-radius:5px;}
.width49 input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:15px; font-family:'Nunito'; border-radius:5px;}
.width49 input[type=submit]:hover		  {background:#0f81ca; }

input[type=submit].submit			      {margin:0 0 0 30px; cursor:pointer; background-color: #00bfff;  font-size:16px; padding:11px 25px 10px 25px; border-radius:10px; font-weight: bold; color:#fff; border:0px; font-family:'Nunito'}
input[type=submit].submit:hover		  {background:#0f81ca; }
input[type=submit].degistir			      {margin:0 0 0 5px; cursor:pointer; background-color: #000;  font-size:14px; padding:5px 15px 4px 15px; border-radius: 3px; font-weight: bold; color:#fff; border:0px; font-family:'Nunito'}
input[type=submit].degistir:hover		  {background:#111; }
.haber1   { width:776px; margin-right:20px; border-radius: 10px; overflow: hidden;  padding:5px; border:2px solid #efefef; margin-bottom:20px;  height:475px;}
.haber1 img { width:776px; border-radius: 8px; margin:0px; padding:0px; height:475px; }
.haber1 .haber_adi { background-color: #00bfff; color:#fff; padding:5px 10px; border-radius: 3px; font-weight: bold; position: absolute; display: block; margin-top:-100px; float:right; margin-left:20px}
.haber1 img:hover { transform: scale(1.1); background: black; z-index: 2; }

.haber2   { width:376px; border-radius: 10px; overflow: hidden;  padding:5px; border:2px solid #efefef; height:221px; margin-bottom:20px;}
.haber2 img { width:376px; border-radius: 8px; margin:0px; padding:0px; height:221px;}
.haber2 .haber_adi { background-color: #00bfff; color:#fff; padding:5px 10px; border-radius: 3px; font-weight: bold; position: absolute; display: block; margin-top:-100px; float:right; margin-left:20px}
.haber2 img:hover { transform: scale(1.1); background: black; z-index: 2; }

.haber3   { width:376px; border-radius: 10px; overflow: hidden;  padding:5px; border:2px solid #efefef; height:221px;  margin-bottom:20px; }
.haber3 img { width:376px; border-radius: 8px; margin:0px; padding:0px; height:221px;}
.haber3 .haber_adi { background-color: #00bfff; color:#fff; padding:5px 10px; border-radius: 3px; font-weight: bold; position: absolute; display: block; margin-top:-100px; float:right; margin-left:20px}
.haber3 img:hover { transform: scale(1.1); background: black; z-index: 2; }

.haber4   { width:372px; border-radius: 10px; overflow: hidden;  padding:5px; border:2px solid #efefef; height:221px; margin-right:20px;}
.haber4 img { width:372px; border-radius: 8px; margin:0px; padding:0px; height:221px;}
.haber4 .haber_adi { background-color: #00bfff; color:#fff; padding:5px 10px; border-radius: 3px; font-weight: bold; position: absolute; display: block; margin-top:-100px; float:right; margin-left:20px}
.haber4 img:hover { transform: scale(1.1); background: black; z-index: 2; }

.simdi_ode { margin:15px 0 0 0; background: #eee; padding:10px 10px 5px 10px; width:100px; line-height:100%; }
#araclar  { width:1200px;  }

.arac_list					 { cursor:pointer; width:1168px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:20px;  background: #fff; display: table; border-radius:5px;}
.arac_list .veyabenzeri { color:#5D6567; font-size:13px; }
.arac_list .aciklama { width:565px; }
.arac_list .arac_adi { font-size:22px; color:#253241;   font-weight:600; margin-left:-60px; width:540px; text-align: left;}
.arac_list .arac_adi .bilgi { font-weight: 100; font-size:13px; position: relative;color:#5D6567; z-index:10; line-height: 100%; text-align: left;}
.arac_list .bilgi2 { font-weight: 100; font-size:12px; line-height: 100%; text-align: left; float:left; clear: both; margin-top:5px;}
.arac_list .resim { width:315px; min-height:170px; margin:20px 20px 0 0; position: relative;z-index:1;  display: table-cell; vertical-align: middle;}
.arac_list .resim img { max-width:315px; max-height:175px; z-index:1; }
.arac_list .kisi { width:88px;  padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list .bagaj { width:88px; padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list .vites { width:95px; padding:5px 0 5px 0; height:24px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list .yakit { width:95px; padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list .icon_ { height:16px; width:270px; margin:5px 0 5px 0; font-size:13px; }
.arac_list .fiyat_listesi { width:268px;  font-size:14px; display: table-cell; vertical-align: middle;}
.arac_list .fiyat_isim { width:170px; }
.arac_list .fiyat_isim span { clear: both; margin-bottom:5px;  }
.arac_list .fiyat { width:98px; color:#5D6567; }
.arac_list .fiyat span { clear: both; margin-bottom:5px; font-weight: bold; }
.arac_list a.incele { display:block; float:left; font-weight: 700; width:100%; background:#00bfff; text-align: center; padding:10px 0; color:#fff; border-radius:3px;}
.arac_list:hover { background: #f2f2f2;}
.arac_list .icon_:hover i { color:#00bfff; }
.arac_list input[type=submit] {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito';border-radius:5px;}
.arac_list input[type=submit]:disabled	{cursor:pointer; background-color: #ff0000;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito'}
.arac_list input[type=submit]:hover		  {background:#006dda; }

.filter-count        { width: 100%; text-align: center; float:left; font-size:18px; font-weight: 700; margin:30px 0 0 0 }
.arac_list2					 { cursor:pointer; width:558px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:10px; margin-top:10px;  background: #fff;  margin-right:20px; border-radius:5px;}
.arac_list2 .veyabenzeri { color:#5D6567; font-size:13px; }
.arac_list2 .aciklama { width:100%; }
.arac_list2 .arac_adi { font-size:22px; color:#253241;   font-weight:600; width:100%; text-align: center;}
.arac_list2 .arac_adi .bilgi { font-weight: 100; font-size:13px; color:#5D6567; z-index:10; line-height: 100%; text-align: center;}
.arac_list2 .bilgi2 { font-weight: 100; font-size:12px; line-height: 100%; text-align: center; float:left; clear: both; width:100%; margin-top:5px;}
.arac_list2 .resim { width:558px; height:265px; margin:20px 0 0 0; float:left; text-align: center; display: block; position: relative;}
.arac_list2 .resim img { max-width:490px; max-height:265px; z-index:1; }
.arac_list2 .kisi { width:88px;  padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all; margin-left:100px}
.arac_list2 .bagaj { width:88px; padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list2 .vites { width:95px; padding:5px 0 5px 0; height:24px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list2 .yakit { width:120px; padding:5px 0 5px 0; height:20px; white-space:nowrap; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list2 .icon_ { text-align:center; height:16px; width:279px; margin:5px 0 5px 0; font-size:13px; }
.arac_list2 .fiyat_listesi { width:268px;  font-size:14px; display: table-cell; vertical-align: middle;}
.arac_list2 .fiyat_isim { width:170px; }
.arac_list2 .fiyat_isim span { clear: both; margin-bottom:5px;  }
.arac_list2 .fiyat { width:98px; color:#5D6567; }
.arac_list2 .fiyat span { clear: both; margin-bottom:5px; font-weight: bold; }
.arac_list2 a.incele { display:block; float:left; font-weight: 700; width:100%; background:#00bfff; text-align: center; padding:10px 0; color:#fff; border-radius:3px; margin-top:10px; }
.arac_list2:hover { background: #f2f2f2;}
.arac_list2 .icon_:hover i { color:#00bfff; }
.arac_list2 .aciklama > .sol.genelwidth.renk.mtop5.font16.fontkalin {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 6px;
  clear: both;
  float: none;
}
.arac_list2 .dahil_hizmetler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  float: none;
  clear: both;
  margin: 0 0 4px 0;
  min-height: auto;
  height: auto;
  font-size: 12px;
  color: #666;
  box-sizing: border-box;
  text-align: center;
}
.arac_list2 .dahil_hizmetler .icon_ {
  width: 50% !important;
  box-sizing: border-box;
  padding: 4px 8px !important;
  height: auto !important;
  min-height: 24px;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
  line-height: 1.3;
}



.filo_form					 { box-shadow:0 0 5px #ddd; cursor:pointer; width:558px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:10px; margin-top:10px;  background: #fff; border-radius:5px;}

/* Filo / lüks detay — kart + form yan yana (masaüstü) eşit yükseklik */
@media only screen and (min-width: 1280px) {
  .filo-detay-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
    box-sizing: border-box;
    float: none !important;
  }
  .filo-detay-layout .filo-detay-arac-kart,
  .filo-detay-layout .filo_form {
    flex: 1 1 0;
    width: 0 !important;
    max-width: none;
    min-width: 0;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box;
  }
  .filo-detay-layout .filo-detay-arac-kart .resim {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  .filo-detay-layout .filo-detay-arac-kart .resim img {
    max-width: 100%;
    height: auto;
  }
  .filo-detay-layout .filo_form textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  .filo-detay-layout .filo-detay-arac-kart,
  .filo-detay-layout .filo_form {
    min-height: 463px;
  }
}
@media only screen and (max-width: 1279px) {
  .filo-detay-arac-kart {
    min-height: 0 !important;
    height: auto !important;
  }
  .filo_form {
    min-height: 0 !important;
  }
}
.filo_form .text    { width:30%; font-weight: 700}
.filo_form .width50 { width: 50%; margin-top:10px; }

/* Filo form — kişisel / firma alanları (transfer formu ile aynı flex düzeni) */
.filo_form .filo-personal-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  clear: both;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.filo_form .filo-personal-cols > .width50 {
  flex: 1 1 240px;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin-top: 0 !important;
  box-sizing: border-box;
}
.filo_form .filo-personal-cols .sag,
.filo_form .filo-personal-cols #kurumsal_,
.filo_form .filo-personal-cols #bireysel_ {
  float: none !important;
}
.filo_form .filo-personal-cols #kurumsal_,
.filo_form .filo-personal-cols #bireysel_ {
  min-height: 0;
}
.filo_form .filo-detail-cols {
  margin-top: 0;
}
.filo_form .filo-personal-cols input[type=text],
.filo_form .filo-personal-cols input[type=email] {
  float: none !important;
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.filo_form input.sag,
.filo_form .sag.input-m {
  float: none !important;
}

/* Filo form — kiralama türü (kurumsal / bireysel) */
.filo_form .filo-kiralama-turu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  width: 100%;
  clear: both;
  float: none !important;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.filo_form .filo-kiralama-turu-baslik {
  flex: 0 0 30%;
  min-width: 120px;
  font-weight: 700;
  float: none !important;
}
.filo_form .filo-kiralama-turu-secenekler {
  flex: 1 1 55%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  float: none !important;
}
.filo_form .filo-kiralama-secenek {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  float: none !important;
  vertical-align: middle;
}
.filo_form .filo-kiralama-secenek input[type=radio]:not(old) {
  position: static !important;
  flex: 0 0 18px;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  overflow: visible;
  -webkit-appearance: radio;
  appearance: auto;
  accent-color: #0f81ca;
  cursor: pointer;
}
.filo_form .filo-kiralama-secenek input[type=radio]:not(old) + label {
  float: none !important;
  display: inline-block !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  background: none !important;
  line-height: 18px !important;
  min-height: 18px;
  overflow: visible !important;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
}
.filo_form .filo-kiralama-secenek input[type=radio]:not(old):checked + label {
  background: none !important;
}
@media only screen and (max-width: 767px) {
  .filo_form .filo-kiralama-turu {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .filo_form .filo-kiralama-turu-baslik {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
  .filo_form .filo-kiralama-turu-secenekler {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 8px 24px;
  }
  .filo_form .filo-kiralama-secenek {
    width: auto;
    flex: 0 1 auto;
  }
  .filo_form .filo-kiralama-secenek input[type=radio]:not(old) + label {
    white-space: nowrap;
  }
  .filo_form .filo-personal-cols > .width50 {
    flex: 1 1 100%;
  }
}

.filo_form input[type=text]	{border:1px solid #ddd; width:262px; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0 0 10px 0; padding:7px 5px; color:#444;   font-family: 'Nunito';font-size:16px; border-radius:5px;}
.filo_form textarea						{ resize:none; border:1px solid #ddd; width:545px;  height:80px; font-family: 'Nunito';color:#444; box-shadow: 0 0 4px #eee; padding:7px 5px; font-size:16px; border-radius:5px;}
.filo_form input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito'; border-radius:5px;}
.filo_form input[type=submit]:hover		  {background:#0f81ca; }

.arac_list_sag ul li a { color:#000; }
.arac_list_sag ul li a:hover { color:#00bfff; }
.dashboard_detay { box-shadow:0 0 5px #ddd; width:868px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:10px;  background: #fff; border-radius:5px; }
.dashboard_detay .text { width:20%; font-weight: bold; }
.dashboard_detay .input { width:80%;}
.dashboard_detay input[type=text]	{ background:#fff; border:1px solid #ddd; width:98%;  box-shadow: 0 0 4px #eee; margin:0 0 0 0; padding:7px 5px; color:#444;   font-family: 'Nunito';font-size:16px; margin-bottom:10px; border-radius:5px; }
.dashboard_detay input[type=password]	{ background:#fff; border:1px solid #ddd; width:98%;  box-shadow: 0 0 4px #eee; margin:0 0 0 0; padding:7px 5px; color:#444;   font-family: 'Nunito';font-size:16px; margin-bottom:10px; border-radius:5px; }
.dashboard_detay input[type=text]:disabled	{ background:#f5f5f5; }
.dashboard_detay input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito';border-radius:5px; }
.dashboard_detay input[type=submit]:hover		  {background:#0f81ca; }
.dashboard_detay textarea	{ background:#fff; border:1px solid #ddd; width:98%;  box-shadow: 0 0 4px #eee; margin:0 0 0 0; padding:7px 5px; color:#444;  height:70px; resize:none;  font-family: 'Nunito';font-size:16px; margin-bottom:10px}

.dashboard_detay table thead { background:#f5f5f5; }
.dashboard_detay table tbody { background:#F1F5FA; }
.dashboard_detay table tr td,th { padding:7px 5px; }
.dashboard_detay table.acenta-rez-table { table-layout: fixed; word-break: break-word; }
.dashboard_detay table.acenta-rez-table td,
.dashboard_detay table.acenta-rez-table th { vertical-align: top; }
.dashboard_detay .acenta-cari-ozet .text-warning { color: #e67e22; }
.dashboard_detay .acenta-cari-ozet .text-success { color: #27ae60; }
.dashboard_detay table tbody a { color:#00bfff; font-weight: 700}
.dashboard_detay a.yeni_mesaj { color:#fff; border-radius: 2px; background: #00bfff; padding:7px 20px; float:left; margin-bottom:10px; float:right;}
.dashboard_detay a:hover.yeni_mesaj { background: #0f81ca;}
.dashboard_detay .ticket_baslik { width:20%; }
.dashboard_detay .ticket_detay { width:80%; }

.uye_form					 { box-shadow:0 0 5px #ddd;  width:558px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:10px; margin-top:10px;  background: #fff;  }
.uye_form.red      { border-color:#ad0000; }
.uye_form .text    { width:30%; font-weight: 700}
.uye_form .width50 { width: 50%; margin-top:10px; }
.uye_form h1 { border-bottom: 3px solid #00bfff; border-color: -webkit-linear-gradient(45deg, #000, #00bfff); -webkit-background-clip: border; -webkit-border-fill-color: transparent;}
.uye_form h1.red { color:#ad0000; border-bottom: 3px solid #ad0000; border-color: -webkit-linear-gradient(45deg, #000, #ad0000); -webkit-background-clip: border; -webkit-border-fill-color: transparent;}
.uye_form input[type=text]	{border:1px solid #ddd; width:536px; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0 0 10px 0; padding:7px 10px; color:#444;   font-family: 'Nunito';font-size:16px; border-radius:5px; }
.uye_form input[type=password]	{border:1px solid #ddd; width:536px; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0 0 10px 0; padding:7px 10px; color:#444;   font-family: 'Nunito';font-size:16px; border-radius:5px; }
.uye_form input[type=email]	{border:1px solid #ddd; width:536px; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0 0 10px 0; padding:7px 10px; color:#444;   font-family: 'Nunito';font-size:16px; border-radius:5px; }
.uye_form input[type=email].red	{border:1px solid #ad0000;  }
.uye_form textarea						{ resize:none; border:1px solid #ddd; width:545px;  height:80px; font-family: 'Nunito';color:#444; box-shadow: 0 0 4px #eee; padding:7px 5px; font-size:16px; }
.uye_form input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito'; border-radius:5px; }
.uye_form input[type=submit].red			  {background-color: #ad0000;}
.uye_form input[type=submit][disabled=disabled]	{background-color: #7a7a7a;}
.uye_form input[type=submit][disabled=disabled]:hover	{background-color: #000;}

.uye_form input[type=submit]:hover.red	{background-color: #920101;}
.uye_form input[type=submit]:hover		  {background:#0f81ca; }


.arac_list_detay { cursor:pointer; width:868px; border:1px solid #ddd; box-shadow: 0 0 4px #eee; padding:15px 15px 15px 15px; margin-bottom:20px; background: #fff; display:table; border-radius:5px;}
.arac_list_detay .veyabenzeri { color:#5D6567; font-size:13px; }
.arac_list_detay .aciklama { width:553px; }
.arac_list_detay .arac_adi { font-size:22px; color:#253241;   font-weight:600; margin-left:-60px; width:540px; text-align: left;}
.arac_list_detay .arac_adi .bilgi { font-weight: 100; font-size:13px; position: relative;color:#5D6567; z-index:10; line-height: 100%; text-align: left;}
.arac_list_detay .bilgi2 { font-weight: 100; font-size:12px; line-height: 100%; text-align: left; float:left; clear: both; margin-top:5px;}
.arac_list_detay .resim { width:315px; min-height:170px; margin:20px 20px 0 0; position: relative;z-index:1;  display: table-cell; vertical-align: middle;}
.arac_list_detay .resim img { max-width:315px; max-height:175px; z-index:1; }
.arac_list_detay .kisi { width:88px;  padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list_detay .bagaj { width:88px; padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list_detay .vites { width:95px; padding:5px 0 5px 0; height:24px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list_detay .yakit { width:95px; padding:5px 0 5px 0; height:20px; transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_list_detay .icon_ { height:16px; width:270px; margin:5px 0 5px 0; font-size:13px; }
.arac_list_detay .fiyat_listesi { width:268px;  font-size:14px; display: table-cell; vertical-align: middle;}
.arac_list_detay .fiyat_isim { width:170px; }
.arac_list_detay .fiyat_isim span { clear: both; margin-bottom:5px;  }
.arac_list_detay .fiyat { width:98px; color:#5D6567; }
.arac_list_detay .fiyat span { clear: both; margin-bottom:5px; font-weight: bold; }
.arac_list_detay a.incele { display:block; float:left; font-weight: 700; width:100%; background:#00bfff; text-align: center; padding:10px 0; color:#fff; border-radius:3px;}
.arac_list_detay:hover { background: #f2f2f2;}
.arac_list_detay .icon_:hover i { color:#00bfff; }

.arac_detay_slider .viewport{float:left;width:1200px;height:450px;overflow:hidden;position:relative; margin-bottom:20px}
.arac_detay_slider .buttons{display:block;float:right; position:absolute; margin-top:200px}
.arac_detay_slider .next{background:url("/webhox/theme/bg_slider_sag.png");width:37px;height:80px;overflow:hidden;margin-left:1147px;opacity:0.6;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_detay_slider .prev{background:url("/webhox/theme/bg_slider_sol.png");width:37px;height:80px;margin-left:15px;opacity:0.6;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.arac_detay_slider .next:hover{opacity:1}
.arac_detay_slider .prev:hover{opacity:1}
.arac_detay_slider .disable{}
.arac_detay_slider .overview{list-style:none;position:absolute;padding:0;margin:0;left:0;top:0;}
.arac_detay_slider .overview li{float:left;margin:0 35px 0 0;height:450px;width:1200px;}
.arac_detay_slider .pager{position:absolute;list-style:none;margin-left:420px;margin-top:260px;}
.arac_detay_slider .pager li{float:left;}
.arac_detay_slider .pagenum{width:14px;height:14px;display:block;margin-right:3px;}
.arac_detay_slider .active{color:#fff;}

.arac_detay_sol      { width:900px; margin-right:20px; }
.arac_detay_sol .detay_baslik { font-size:22px; color:#00bfff; border-bottom:3px solid #00bfff; font-weight: bold;}
.detay_baslik_yorum { font-size:22px; color:#00bfff; border-bottom:3px solid #00bfff; font-weight: bold;}
.arac_detay_sol .width25  { width:25%; margin-top:5px;}
.arac_detay_sol table { line-height:200%;}
.arac_detay_sol .galeri_thumb														{width:212px; margin:5px; height:159px; vertical-align: middle; text-align: center;}
.arac_detay_sol .galeri_thumb img												{max-width:212px; max-height:159px;}
.diger_araclar { color:#000 }
.diger_araclar:hover { color:#00bfff }

.arac_detay_sag      { width:280px; }
.arac_list_sag       { width:280px; }
.arac_list_sag .bilgiler { cursor: pointer; width: 278px; border: 1px solid #ddd; box-shadow: 0 0 4px #eee; margin: 0 0 20px 0; }
.arac_list_sag .bilgiler button { font-family: 'Nunito'; background: unset; border:0px; color:#fff; cursor: pointer; text-align: right; font-size:16px; padding:0px; }
.arac_list_sag .bilgiler .baslik { background:#00bfff; color:#fff; font-size:16px; padding:15px 15px 15px 15px; width:248px; font-weight:300; text-align: right; line-height: 100%; }
.arac_list_sag .bilgiler span:after	{ content: '';    position: absolute;    margin:-10px 0 0 -258px;    border-style: solid;    border-width: 7px;    border-color: transparent;	border-top-color: #fff;	border-left-color: #fff;	}
.arac_list_sag .bilgiler .baslik2 { background:#032546; color:#fff; font-size:16px; padding:15px 15px 15px 15px; width:248px; font-weight:300; text-align: right; line-height: 100%; }
.arac_list_sag .bilgiler .baslik3 { background:#00bfff; color:#fff; font-size:16px; padding:15px 15px 15px 15px; width:248px; font-weight:300; text-align: right; line-height: 100%; }
.arac_list_sag .bilgiler span:after	{ content: '';    position: absolute;    margin:-10px 0 0 -258px;    border-style: solid;    border-width: 7px;    border-color: transparent;	border-top-color: #fff;	border-left-color: #fff;	}
.arac_list_sag .bilgiler_h  { cursor: pointer; width: 280px; text-align:center; margin: 0 0 20px 0;  }
.arac_list_sag .bilgiler_h h2,h3 { margin:0px; padding:0px;}
.arac_list_sag .alt_bilgiler { padding:10px; width:258px; font-size:14px; }
.arac_list_sag .alt_bilgiler .mtop10 { margin-top:0px !important; }
.arac_list_sag .alt_bilgiler p { display: list-item; margin-left:20px; }
.arac_list_sag .alt_bilgiler .iletisim { width:100%; text-align: center; font-size:23px; margin:10px 0 }
.arac_list_sag .alt_bilgiler .iletisim a { color:#000; }
.arac_list_sag .alt_bilgiler .iletisim a i { color:#00bfff; }

.image_search { font-size:30px; width:55px; height:55px; overflow: hidden; position: absolute; bottom:10px;}
.arac_list2 .image_search a { color:#a1a1a1;background:#fff; border-radius: 50px;  padding:7px 0 0 0;display: block}
.arac_list .image_search a { color:#a1a1a1;background:#fff; border-radius: 50px;  padding:7px 0 0 10px;display: block}

.aylik_fiyat                { width:49%; background: #f5f5f5; color:#000; font-size:16px; border-radius: 5px 0 0 5px; padding:10px 0; text-align: center; border:1px solid #ddd;}
.yillik_fiyat               { width:49%; background: #f5f5f5; font-size:16px; color:#000; font-weight: 700; border-radius: 0 5px 5px 0; padding:10px 0; text-align: center; border:1px solid #ddd;}
.km_siniri                  { width:49%; background: #fde9e9; color:#620000; margin:0 auto 5px auto;  clear:both; font-size:16px; border-radius: 5px; padding:10px 0; text-align: center; border:1px solid #ebd7d7;}

.iletisim_bol1 							{ width:285px; height:250px; margin-right:20px; }
.iletisim_lacivert					{ width:80px; height:55px; background:#253241; color:#fff; text-align:center; margin-left:102.5px; padding-top:25px; position: absolute; z-index:10; margin-top:-45px; border-radius:5px;}
.iletisim_kirmizi						{ width:80px; height:55px; background:#00bfff; color:#fff; text-align:center; margin-left:102.5px; padding-top:25px; position: absolute; z-index:10; margin-top:-45px; border-radius:5px;}
.iletisim_bol2 							{ width:285px; height:250px; }
.iletisim_gri								{ position: relative; background:#f1f5fa; width:265px; height:110px; margin-top:50px; padding:40px 10px 10px 10px; text-align: center;  color:#666; font-size:14px; border-radius:5px;}
.iletisim_gri p							{ font-weight: 700; font-size:16px; color:#333; margin-bottom:10px;}
.iletisim_gri:after 				{	position: absolute; bottom: 5px; left: 5px; border-width: 5px; border-style: solid; border-color: transparent transparent #253241 #253241; content: ''; }

.iletisim_map								{ width:572px; margin-right:40px; border:4px solid #00bfff; margin-bottom:30px; border-radius:5px;}
.iletisim_formu							{ width:580px; margin-bottom:20px }
.iletisim_formu .iletisim_baslik { font-size:30px; color:#253241; font-weight: 700}

.iletisim_formu input[type=text]		{ border:1px solid #f2f2f2; padding:10px; width:558px; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; font-size:16px; }
.iletisim_formu input[type=email]		{ border:1px solid #f2f2f2; padding:10px; width:558px; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; font-size:16px; }
.iletisim_formu input[type=text].guvenlik		{ float:left; border:1px solid #f2f2f2; padding:10px; width:258px; border-radius: 5px; margin-bottom:5px; font-size:16px; font-family: 'Nunito'; margin-bottom:18px;  }

.iletisim_formu textarea						{ resize:none; border:1px solid #f2f2f2; padding:10px; width:558px; border-radius: 5px;  height:100px; font-family: 'Nunito'; font-size:16px; }
.iletisim_formu input[type=submit]	{cursor:pointer; background-color: #00bfff; font-size:16px; padding:9px 0 8px 0;  color:#fff; border:0px; width:100%; font-weight:bold; margin-top:10px; border-radius:5px;}
.iletisim_formu input[type=submit]:hover	{background:#0f81ca; }

.iletisim_okey  { width:96%; padding:2% 2%; background:#00bfff; color:#fff; text-align: center; margin:0 0 10px 0; font-size:22px; }
.iletisim_hata  { width:96%; padding:2% 2%; background:#ff0000; color:#fff; text-align: center; margin:0 0 10px 0; font-size:22px;}

.transfer_hata  { width:96%; padding:2% 2%; color:#ff0000; text-align: center; margin:0 0 10px 0; font-size:22px;}
.transfer_hata input[type=submit]			      {cursor:pointer; background-color: #4c535a;  font-size:16px; padding:12px 20px 11px 20px; font-weight: bold; color:#fff; border:0px; margin-top:15px; font-family:'Nunito'}
.transfer_hata input[type=submit]:hover		  {background:#222; }

.iletisim_sube_bol 		{ width:580px; height:190px; }
.iletisim_sube_bol .iletisim_sube_gri			  { position: relative; background:#f1f5fa; width:580px; height:195px; text-align: center;  color:#666; font-size:14px; padding-top:15px}
.iletisim_sube_bol .iletisim_sube_gri p		  { font-weight: 700; font-size:16px; margin-top:5px; }
.iletisim_sube_bol .iletisim_sube_gri:after 	{	position: absolute; bottom: 5px; left: 5px; border-width: 5px; border-style: solid; border-color: transparent transparent #253241 #253241; content: ''; }


#breadcrumb{width:1180px;padding:8px 10px;background:#00bfff;-webkit-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.02);-moz-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.02);box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.02); color:#fff; font-size:15px; margin-bottom:20px; border-radius:5px;}
#breadcrumb a{font-family:Montserrat; display:block;color:#fff;float:left;margin-right:10px;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
#breadcrumb a:hover{color:#000;}
input[type=checkbox]:not(old),input[type=radio]:not(old){ width: 17px !important; margin  : 0;  padding : 0;  opacity : 0; height:17px; overflow:hidden; }
input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label{  display: inline-block;margin-top:0px; margin-left:-17px !important;   padding-left : 25px !important;  background:url("/webhox/theme/sprite_icon.png") -157px -131px no-repeat;  line-height  : 17px !important; }
input[type=checkbox]:not(old):checked + label{  background:url("/webhox/theme/sprite_icon.png") -157px -132px  no-repeat; }
input[type=radio]:not(old):checked + label{ background:url("/webhox/theme/sprite_icon.png") -157px -132px  no-repeat;}
input[type=checkbox]:not(old),input[type=radio]:not(old){ width: 17px !important; margin  : 0;  padding : 0;  opacity : 0;  }
input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label{  display: inline-block;margin-top:0px; margin-left:-17px !important;   padding-left : 25px !important;  background:url("/webhox/theme/sprite_icon.png") -157px -132px no-repeat;  line-height  : 17px !important; }
input[type=checkbox]:not(old):checked + label{ background:url("/webhox/theme/sprite_icon.png") -157px -115px no-repeat; }
input[type=radio]:not(old):checked + label{background:url("/webhox/theme/sprite_icon.png") -157px -115px  no-repeat;}
label {font-weight:700; padding:0px 0 0 0; margin:0 20px 0 0; cursor:pointer; }

.rezervasyon_input	{border:1px solid #f2f2f2; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0; padding:10px; color:#444;  font-size:16px;  width:47%; margin:0 0 25px 0; line-height: 150%; font-family: 'Nunito'; border-radius: 5px;}
textarea.rezervasyon_input	{border:1px solid #f2f2f2; background-color: #fff; box-shadow: 0 0 4px #eee; height:80px; margin:0; padding:10px; color:#444;  font-size:16px;  width:47%; margin:0 0 25px 0; line-height: 150%; font-family: 'Nunito'; border-radius: 5px;}
.rezervasyon_width50 { width:48.5%; padding:1% 0.5%; box-shadow: 0 0 5px #ddd; border:0 solid #ddd; border-radius: 5px; }
.rezervasyon_submit	{cursor:pointer; background-color: #00bfff; font-size:16px; padding:12px 0 11px 0;  color:#fff; border:0px; width:100%; font-weight:bold; margin-top:20px; border-radius:5px;}
.rezervasyon_submit:hover	{background:#0f81ca; }

.rz-submit-wrap{width:100%;position:relative;display:block;clear:both}
.rz-submit-loading-face.rezervasyon_submit,
.rezervasyon_submit.rz-submit-loading-face{display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;width:100% !important;min-height:44px;margin-top:20px;padding:12px 10px 11px;cursor:wait;pointer-events:none;background-color:#00bfff !important;color:#fff !important;text-align:center}
.rz-submit-loading-face.rezervasyon_submit:hover,
.rezervasyon_submit.rz-submit-loading-face:hover{background-color:#00bfff !important}
.rz-submit-inner{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;vertical-align:middle}
.rz-submit-inner .fa-spinner,
.rz-submit-inner .fa-spin{flex:0 0 auto;font-size:16px;line-height:1;color:#fff !important}
.rz-submit-label{display:inline-block;font-family:'Nunito',Helvetica,Arial,sans-serif;font-size:16px;font-weight:bold;line-height:1.2;color:#fff !important;white-space:nowrap}
input.rezervasyon_submit.rz-submit-replaced,
button.rezervasyon_submit.rz-submit-replaced{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}

.width24 { margin:0 5px 1% 5px; width:370px; padding:15px 10px; box-shadow: 0 0 5px #ddd; font-weight: bold; border-radius: 5px; min-height:65px }
.width24 i.renk { width:50px; height:45px; font-size:40px; text-align: center; padding-top:5px; overflow: hidden; margin:0 8px 0 7px; }
.width24 .alan { width:270px; padding:0 0 0 0; }
.width24 .salan { width:340px; padding:0 0 0 0; }
.width24 .adet { width:70px; padding:0 0 0 0; }
.width24 .alan span { width:205px; padding:3px 0 0 0; }
.width24 .salan span { width:275px; padding:3px 0 0 0; }

.width24 .tipi{ padding:0; font-weight: bold; font-size:14px; }
.width24 input[type=checkbox]:not(old){ float:left; width: 17px; margin  : 25px 0 0 0;  padding : 0 0 0 0;  opacity : 1; height:17px; overflow:hidden; background: unset !important; border:3px solid #000}
.width24 input[type=checkbox]:not(old):checked{ width: 17px; margin  : 25px 0 0 0;  padding : 0;  opacity : 1; height:17px; overflow:hidden; background: #00bfff !important; border:3px solid #00bfff}
.width24 input[type=checkbox]:not(old):checked + label {line-height: unset !important; float:left;  background: unset !important; width:275px; font-weight: 300; margin:10px 0 0 0  !important; padding-left:5px !important; }
.width24 input[type=checkbox]:not(old) + label { line-height: unset !important; float:left; background: unset !important; width:275px; font-weight: 300; margin:10px 0 0 0 !important; padding-left:5px !important; }

.border { border-top:1px solid #ddd;  padding:6px 0 6px 0; cursor:pointer;}
.transfer-list-route,
.transfer-list-prices { display: contents; }
.transfer_lokasyon { width:246px; line-height: 200%;  padding:1px 2px 0 2px;}
.transfer_kisi { width:110px; line-height: 200%; text-align:center;  padding-top:1px; }
.transfer_sec { width:150px; line-height: 200%; text-align:center; padding-top:1px; }
.transfer_sec button {cursor:pointer; background-color: #00bfff; font-size:14px; padding:7px 0 6px 0;  color:#fff; border:0px; width:100%; font-weight:bold; font-family: 'Nunito'; border-radius:5px;}
.transfer_sec button:hover	{background:#0f81ca; }
.border:hover { background: #f5f5f5; }

.transfer_arac_secimi { width:96%; padding:1%; display: table;}
.transfer_arac_resim { width:315px; height:170px; margin-right:20px; display:table-cell;vertical-align: center; text-align: center; }
.transfer_arac_resim img { max-width:315px; max-height:170px; }
.transfer_arac_text   { width:500px; display: table-cell; vertical-align:middle; font-size:18px; }
.transfer_arac_text .arac_adi { font-size:24px; font-weight: bold; width:100%;  margin-bottom:15px;}
.transfer_arac_form { width:350px;display: table-cell; vertical-align:middle; font-size:18px;  }
.transfer_arac_form .transfer-arac-option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px 0;
  padding: 0;
  cursor: pointer;
}
.transfer_arac_form input[type=radio]:not(old) {
  position: static;
  flex: 0 0 18px;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  overflow: visible;
  -webkit-appearance: radio;
  appearance: auto;
  accent-color: #0f81ca;
  cursor: pointer;
}
.transfer_arac_form input[type=radio]:not(old) + label {
  display: block;
  flex: 1;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  background: none !important;
  line-height: 1.35 !important;
  min-height: 0;
  overflow: visible !important;
  cursor: pointer;
}
.transfer_arac_form input[type=radio]:not(old):checked + label {
  background: none !important;
}
.transfer_arac_secimi:hover { background: #f5f5f5; }
.transfer_arac_secimi input[type=submit] {cursor:pointer; margin-top:10px; background-color: #00bfff; font-size:18px; padding:9px 0 8px 0;  color:#fff; border:0px; width:100%; font-weight:bold; font-family: 'Nunito'; border-radius:5px;}
.transfer_arac_secimi input[type=submit]:hover	{background:#0f81ca; }
.transfer-arac-card__body { display: contents; }

.page_detail { width:98%; padding:1%; border-radius: 5px; box-shadow: 0 0 5px #ddd;}
.page_detail .width50 { width:50%; line-height: 200%; font-size:16px; }
.page_detail  img.transfer_resim { float:right; max-height:150px; }
.page_detail input[type=text]		{ border:1px solid #f2f2f2; padding:2%; width:94%; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; font-size:16px; }
.page_detail input[type=date]		{ border:1px solid #f2f2f2; padding:2%; width:94%; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; font-size:16px; }
.page_detail input[type=email]		{ border:1px solid #f2f2f2; padding:2%; width:94%; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; font-size:16px; }
.page_detail input[type=text].guvenlik		{ float:left; border:1px solid #f2f2f2; padding:10px; width:258px; border-radius: 5px; margin-bottom:5px; font-family: 'Nunito'; margin-bottom:18px;  }

.page_detail textarea						{ resize:none; border:1px solid #f2f2f2;  padding:5px 2%; width:94%; line-height:150%; font-size:16px; border-radius: 5px;  height:70px; font-family: 'Nunito'; }
.page_detail textarea.textarea	{ resize:none; border:1px solid #f2f2f2;  padding:5px 1%; width:98%; line-height:150%; font-size:16px; border-radius: 5px;  height:70px; font-family: 'Nunito'; }
.page_detail input[type=submit]	{cursor:pointer; background-color: #00bfff; font-size:16px; padding:9px 0 8px 0;  color:#fff; border:0px; width:100%; font-weight:bold; margin-top:10px; font-family: 'Nunito'; border-radius:5px;}
.page_detail input[type=submit]:hover	{background:#0f81ca; }

.pesinat_odeme     {font-weight: bold; margin:0 auto 15px auto; display:table; }
.simdi_odenecek    { min-width: 120px; padding:15px 10px; background: #00bfff; color:#fff; text-align: center; border-radius: 5px; margin-right:20px; }
.teslimat_odenecek { min-width: 120px; padding:15px 10px; background: #7d7d7d; color:#fff; text-align: center; border-radius: 5px; }
.simdi_odenecek span, .pesinat_odeme span { font-weight: 300; }

.page_detail .galeri_thumb														{width:226px; margin:5px; height:165px; vertical-align: middle;  text-align: center; }
.page_detail .galeri_thumb img												{max-width:226px; max-height:165px;}
.haber_resim { max-width:30%; margin:5px 20px 10px 0; float:left; }
footer { width: 100%; min-width: 1200px; background:#00bfff; color: #ffffff; padding: 30px 0 10px 0;}
footer .copyright {font-size:12px;width: 100%;text-align: center;border-top: 1px solid rgb(18 174 227);padding-top:25px;margin-top:10px;-webkit-box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.15);}
footer .webhox a { display: block; width: 75px; height: 23px; background: url("/webhox/theme/sprite_icon.png") -112px -447px no-repeat; }
footer .hizlirentacar a { display: block; width: 75px; height: 37px; margin: 0 auto; }
footer .hizlirentacar a img{  width: 75px; height: 37px; }
footer .footer_baslik {font-size: 18px;color:#fff;font-weight: 600;text-align: center;display: block;width: 100%;padding:0 0 5px 0;border-bottom:1px solid rgb(18 174 227);margin-bottom:20px;-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);}
footer .footer_aciklama { font-size: 14px; color:#ffffff; text-align: justify; display: block; width: 100%; padding:0 0 5px 0;  margin-bottom:20px; line-height: 200%}
footer #sosyalmedya { font-size:20px; font-weight: bold; margin:12px auto 20px auto; display: inherit; }
footer #sosyalmedya a { color:#fff; float:left; margin:0 5px}
footer #sosyalmedya a:hover { color:#f2f2f2; }
footer hr { margin-bottom:20px; color:#000; background: #000; border-color: #000; accent-color:#000; }
footer #logo { text-align: center; width:100%;height:45px; margin-bottom:10px}
footer #logo img { height:45px;}
footer .table_grid { display: flex;}
footer ._grid { display: table; width: 98%; padding: 0 1%;}
footer ul { list-style: none; margin:0; padding:0; text-align:center;}
footer ul li {  padding:2px 0; }
footer ul a { cursor: pointer; color:#ffffff; }
footer ul a:hover { color:#1b7676; }
footer .footer_sube { width: 100%; text-align:center; margin: 0 0 10px 0;}
footer .footer_sube a { color:#ffffff; font-size:16px}
footer .footer_sube a:hover { color:#1b7676; }

.map_ozel { width:1194px; height:350px; border:3px solid #00bfff; border-radius:5px;}
.fiyat_transfer { display:block; width:100%; padding:10px 0; text-align:center; color:#fff; background: #333; border-radius: 3px; font-size:20px; font-weight: bold; box-sizing:border-box; }

/* GLS transfer araç listesi — mobil/tablet ortalama */
.transfer-gls-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 12px 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  float: none !important;
  clear: both;
}
.transfer-gls-list > form {
  display: block;
  flex: 0 1 558px;
  width: 100%;
  max-width: 558px;
  margin: 0 !important;
  padding: 0;
  float: none !important;
  clear: both;
  box-sizing: border-box;
}
.transfer-gls-list .transfer-gls-card,
.transfer-gls-list .arac_list2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}
.transfer-gls-list .transfer-gls-card .sol,
.transfer-gls-list .transfer-gls-card .resim,
.transfer-gls-list .transfer-gls-card .aciklama,
.transfer-gls-list .transfer-gls-card .arac_adi,
.transfer-gls-list .transfer-gls-card .fiyat_transfer,
.transfer-gls-list .transfer-gls-card a.incele {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.transfer-gls-list .transfer-gls-card .aciklama,
.transfer-gls-list .transfer-gls-card .arac_adi {
  display: block !important;
  text-align: center !important;
}
.transfer-gls-list .transfer-gls-card .arac_adi .bilgi {
  display: block !important;
  float: none !important;
  text-align: center !important;
}
.transfer-gls-list .transfer-gls-card .fiyat_transfer {
  display: block !important;
  clear: both;
  margin-top: 8px;
  margin-bottom: 0;
}
.transfer-gls-list .transfer-gls-card .resim {
  height: auto !important;
  text-align: center;
}
.transfer-gls-list .transfer-gls-card .resim img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Filo kiralama araç listesi — mobil/tablet ortalama */
.filo-arac-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 12px 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  float: none !important;
  clear: both;
}
.filo-arac-list > form {
  display: block;
  flex: 0 1 558px;
  width: 100%;
  max-width: 558px;
  margin: 0 !important;
  padding: 0;
  float: none !important;
  clear: both;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 .sol,
.filo-arac-list .arac_list2 .resim,
.filo-arac-list .arac_list2 .aciklama,
.filo-arac-list .arac_list2 .arac_adi {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 .aciklama,
.filo-arac-list .arac_list2 .arac_adi {
  display: block !important;
  text-align: center !important;
}
@media only screen and (min-width: 416px) {
  .filo-arac-list .arac_list2 .arac_adi.mbottom5 {
    margin-bottom: 0 !important;
  }
}
.filo-arac-list .arac_list2 .resim {
  height: auto !important;
  text-align: center;
}
.filo-arac-list .arac_list2 .resim img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
.filo-arac-list .arac_list2 .km_siniri {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both;
  margin: 0 0 5px 0 !important;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 .filo-fiyat-satiri {
  display: flex;
  flex-wrap: nowrap;
  width: 100% !important;
  max-width: 100% !important;
  clear: both;
  margin: 0 0 5px 0;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 .filo-fiyat-satiri .aylik_fiyat,
.filo-arac-list .arac_list2 .filo-fiyat-satiri .yillik_fiyat {
  flex: 1 1 50%;
  width: 50% !important;
  max-width: 50% !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.filo-arac-list .arac_list2 .filo-fiyat-satiri .aylik_fiyat {
  border-right: 0;
  border-radius: 5px 0 0 5px;
}
.filo-arac-list .arac_list2 .filo-fiyat-satiri .yillik_fiyat {
  border-radius: 0 5px 5px 0;
}
.filo-arac-list .arac_list2 input[type=submit] {
  clear: both;
  float: none !important;
  width: 100% !important;
  display: block !important;
}
.filo-arac-list .arac_list2 .aciklama > .sol.genelwidth.renk.mtop5.font16.fontkalin {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 12px !important;
  margin-bottom: 6px !important;
  clear: both !important;
  float: none !important;
}
.filo-arac-list .arac_list2 .dahil_hizmetler {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 8px 0 !important;
  min-height: auto !important;
  height: auto !important;
  font-size: 12px !important;
  color: #666 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
.filo-arac-list .arac_list2 .dahil_hizmetler .icon_ {
  width: 50% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 4px 8px !important;
  height: auto !important;
  min-height: 24px !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Masaüstü — transfer araç listesi sayfa genişliğiyle hizalı (1200px) */
@media only screen and (min-width: 1280px) {
  .temizle.background_.sol:has(.transfer-gls-list) {
    float: none !important;
    width: 100% !important;
  }

  .temizle.background.sol:has(.filo-arac-list) {
    float: none !important;
    width: 100% !important;
  }

  /* Anasayfa araç vitrini — masaüstü slider düzeni */
  .arac-vitrin-section .ortala {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
  .arac-vitrin-section {
    overflow: visible !important;
  }
  .arac-vitrin-section .arac_vitrin {
    width: 1200px !important;
    max-width: 1200px !important;
    margin: 20px auto 0 !important;
    float: none !important;
    position: relative !important;
  }
  .arac-vitrin-section .arac_vitrin .viewport {
    float: left !important;
    width: 1200px !important;
    height: 480px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .arac-vitrin-section .arac_vitrin .overview {
    position: absolute !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li {
    float: left !important;
    width: 376px !important;
    height: 480px !important;
    margin: 0 35px 0 0 !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge {
    height: 470px !important;
    width: 376px !important;
    padding-bottom: 10px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge img {
    width: 366px !important;
    height: 198px !important;
    padding: 5px !important;
    background: #fff !important;
    float: left !important;
    border-radius: 0 !important;
    object-fit: unset !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt {
    width: 376px !important;
    padding: 10px 0 0 0 !important;
    background: #fff !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler {
    width: 100% !important;
    height: 100px !important;
    overflow: visible !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_ {
    width: 168px !important;
    float: left !important;
    display: block !important;
    height: 22px !important;
    padding: 6px 10px !important;
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    position: relative !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip > :last-child {
    position: absolute !important;
    opacity: 0 !important;
    visibility: hidden !important;
    min-width: 250px !important;
    z-index: 999 !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip:hover > :last-child,
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip:focus > :last-child,
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip:focus-within > :last-child {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat {
    width: 100% !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 10px 0 8px 0 !important;
    font-weight: bold !important;
    margin: 0 !important;
    background: #222222 !important;
    color: #fff !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat .renk,
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat span {
    color: #fff !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge .cizgi {
    transition: 0.3s all !important;
    width: 35px !important;
    height: 8px !important;
    background: #fff !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin: 0 auto !important;
    border: none !important;
    padding: 0 !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge:hover .cizgi {
    background: #00bfff !important;
  }
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge:hover img {
    background: #e0e3e7 !important;
  }
  .arac-vitrin-section .arac_vitrin .buttons {
    display: block !important;
    position: absolute !important;
    margin-top: -45px !important;
    float: right !important;
    z-index: 30 !important;
  }
  .arac-vitrin-section .arac_vitrin .next {
    display: block !important;
    margin-left: 1118px !important;
  }
  .arac-vitrin-section .arac_vitrin .prev {
    display: block !important;
    margin-left: 1018px !important;
  }

  /* Anasayfa haber vitrini — masaüstü slider düzeni */
  .haber-vitrin-section .ortala {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
  .haber-vitrin-section {
    overflow: visible !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .haber-vitrin-section > .ortala > .baslik {
    margin-bottom: 16px !important;
  }
  .haber-vitrin-section > .ortala > .vitrin {
    width: 1200px !important;
    max-width: 1200px !important;
    margin: 20px auto 0 !important;
    float: none !important;
    position: relative !important;
    clear: both !important;
  }
  .haber-vitrin-section .vitrin .viewport {
    float: left !important;
    width: 1200px !important;
    height: 520px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .haber-vitrin-section .vitrin .overview {
    position: absolute !important;
    top: 0 !important;
    /* width/left: tinycarousel inline — !important yazma */
  }
  .haber-vitrin-section .vitrin .overview li {
    float: left !important;
    width: 376px !important;
    height: 520px !important;
    margin: 0 35px 0 0 !important;
  }
  .haber-vitrin-section .vitrin .buttons {
    display: block !important;
    position: absolute !important;
    margin-top: -65px !important;
    float: right !important;
    z-index: 30 !important;
  }
  .haber-vitrin-section .vitrin .next {
    display: block !important;
    margin-left: 1118px !important;
  }
  .haber-vitrin-section .vitrin .prev {
    display: block !important;
    margin-left: 1018px !important;
  }

  .ortala.transfer-gls-list,
  .ortala.filo-arac-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 1200px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    justify-content: stretch;
    align-content: start;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .transfer-gls-list > form,
  .filo-arac-list > form {
    display: block;
    flex: none;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .transfer-gls-list .transfer-gls-card,
  .transfer-gls-list .arac_list2,
  .filo-arac-list .arac_list2 {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
  }

  .transfer-gls-list .transfer-gls-card .resim {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.arac_list2 input[type=submit]			      {cursor:pointer; background-color: #00bfff;  font-size:16px; padding:12px 0 11px 0; font-weight: bold; color:#fff; border:0px; width:100%; margin-top:5px; font-family:'Nunito'; border-radius:5px;}
.arac_list2 input[type=submit]:hover		  {background:#0f81ca; }

.saat_uyari {
  float: none;
  clear: both;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  padding: 14px 20px;
  background: #fff8f3;
  border: 1px solid rgba(255, 117, 0, 0.25);
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 63, 123, 0.06);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  box-sizing: border-box;
}
.saat_uyari > .fa-solid {
  color: #00bfff;
  font-size: 22px;
  flex-shrink: 0;
  line-height: 1;
}
.saat-uyari-baslik {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.45;
}
.calisma-bilgi-card {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  padding: 18px 20px;
}
.calisma-bilgi-card__title {
  font-size: 15px;
  font-weight: 700;
  color: #0f81ca;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.calisma-bilgi-card__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}
.calisma-bilgi-card__label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #888;
  margin-bottom: 8px;
}
.calisma-gun-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.calisma-gun-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.calisma-gun-chip--acik {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.calisma-gun-chip--kapali {
  background: #fce4ec;
  color: #c62828;
  border: 1px solid #f8bbd0;
  opacity: 0.85;
}
.calisma-saat-aralik {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
  font-weight: 700;
  color: #0f81ca;
}
.calisma-saat-aralik__ayrac {
  color: #00bfff;
  font-weight: 400;
}
.calisma-bilgi-card__value {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.calisma-bilgi-card__value--247 {
  color: #2e7d32;
}
@media (max-width: 1279px) {
  .transfer-list-header {
    display: none;
  }
  .transfer-list-row {
    float: none;
    display: block;
    width: 100%;
    padding: 14px 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    box-sizing: border-box;
    overflow: hidden;
  }
  .transfer-list-row:hover {
    background: #f5f5f5;
  }
  .transfer-list-route {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
  }
  .transfer-list-prices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
  }
  .transfer-list-row .transfer_sec.transfer-list-action {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    line-height: normal;
    padding: 0;
  }
  .transfer-list-route .transfer_lokasyon,
  .transfer-list-prices .transfer_kisi {
    float: none;
    width: auto;
  }
  .transfer-list-route .transfer_lokasyon {
    flex: 1 1 calc(50% - 5px);
    min-width: 0;
    line-height: 1.4;
    padding: 0;
    text-align: left;
    font-weight: 600;
  }
  .transfer-list-route .transfer_lokasyon::before {
    content: attr(data-label);
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #888;
    margin-bottom: 4px;
  }
  .transfer-list-prices .transfer_kisi {
    line-height: 1.3;
    padding: 10px 8px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
  }
  .transfer-list-prices .transfer_kisi::before {
    content: attr(data-label);
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #666;
    margin-bottom: 4px;
    line-height: 1.2;
  }
  .transfer-list-row .transfer_sec.transfer-list-action button {
    padding: 12px 0;
    font-size: 15px;
  }
}
@media (min-width: 1280px) {
  .transfer-list-row .transfer_sec.transfer-list-action {
    float: right;
    width: 150px;
    clear: none;
    line-height: 200%;
    padding-top: 1px;
  }
}
@media (max-width: 1279px) and (min-width: 560px) {
  .transfer-list-prices {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1279px) {
  .transfer-detay-title {
    font-size: 22px;
    line-height: 1.35;
    text-align: center;
    margin: 0 0 12px;
    float: none;
    width: 100%;
  }
  .transfer-detay-intro {
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
    color: #444;
    margin-bottom: 16px !important;
  }
  .transfer-arac-card {
    display: block;
    float: none;
    width: 100%;
    padding: 14px 12px;
    margin-bottom: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .transfer-arac-card:hover {
    background: #f5f5f5;
  }
  .transfer-arac-card__body {
    display: block;
  }
  .transfer-arac-card .transfer_arac_resim,
  .transfer-arac-card .transfer_arac_text,
  .transfer-arac-card .transfer_arac_form {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    margin: 0;
  }
  .transfer-arac-card .transfer_arac_resim {
    text-align: center;
    margin-bottom: 12px;
    padding: 8px 0;
  }
  .transfer-arac-card .transfer_arac_resim img {
    max-width: 100%;
    max-height: 200px;
    width: auto;
    height: auto;
  }
  .transfer-arac-card .transfer_arac_text {
    font-size: 15px;
    text-align: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
  }
  .transfer-arac-card .transfer_arac_text .arac_adi {
    font-size: 20px;
    float: none;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .transfer-arac-card .transfer_arac_text p {
    margin: 6px 0;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
  }
  .transfer-arac-card .transfer_arac_form {
    font-size: 15px;
  }
  .transfer-arac-card .transfer-arac-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
    padding: 12px;
    background: #f8f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    cursor: pointer;
  }
  .transfer-arac-card .transfer_arac_form input[type="submit"] {
    margin: 4px 0 0;
    padding: 12px 0;
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .saat_uyari { padding: 12px 16px; margin: 16px 0; gap: 10px; font-size: 15px; }
  .saat_uyari > .fa-solid { font-size: 20px; }
  .calisma-bilgi-card__grid { grid-template-columns: 1fr; gap: 16px; }
  .calisma-saat-aralik { font-size: 18px; }
}
.whatsapp,
.telephone{
  z-index:1000;
  cursor:pointer;
  position:fixed;
  bottom:16px;
  width:52px;
  height:52px;
  padding:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  line-height:1;
  font-size:26px;
  color:#fff;
  float:none;
  text-align:center;
}
.whatsapp{
  right:76px;
  background:#25D366;
  border:3px solid rgba(255,255,255,0.41);
}
.whatsapp:hover{border-color:#fff;transform:scale(1.05);}

.telephone{
  right:16px;
  background:#07b7ff;
  border:3px solid rgba(255,255,255,0.38);
}
.telephone:hover{border-color:#fff;transform:scale(1.05);}

.whatsapp a,
.telephone a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  line-height:1;
  color:#fff;
}
.fixed-header {     position: fixed;    top: 0;    left: 0;    width: 100%; 	background:rgb(0 191 255 / 98%);	border-bottom:2px solid #00a3da; z-index:10000}
.fixed-header #menubar { margin-top:20px !important;}
nav {    width: 100%;    z-index: 10; }

/* Mobil: header sabitlenmesin, sayfayla birlikte kaysın */
@media only screen and (max-width: 1279px) {
  header {
    padding-top: 0 !important;
  }

  header nav,
  header nav.fixed-header {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    background: transparent !important;
    border-bottom: none !important;
  }

  header nav.fixed-header #menubar,
  header #menubar {
    margin-top: 0 !important;
  }
}

/* iOS Safari: select2 arama alanı odaklanınca zoom yapmaması için min 16px */
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
  font-size: 16px !important;
  line-height: normal !important;
  -webkit-text-size-adjust: 100%;
}

/* Mobil/tablet: Caleran tek ay, ekrana sığdır */
@media only screen and (max-width: 1279px) {
  .caleran-container.caleran-popup {
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
  }

  .caleran-container.caleran-popup .caleran-input {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
  }

  .caleran-container .caleran-calendars .caleran-calendar {
    width: 100% !important;
    flex: 0 0 100% !important;
    border-right: none !important;
  }

  .caleran-container .caleran-calendars .caleran-calendar + .caleran-calendar {
    display: none !important;
  }
}
.saat { width:100px; }
.saat .select2-container .select2-selection--single	{ background:url("/webhox/theme/icon_clock.png") 7px center no-repeat; border-radius:5px; }
.saat .select2-container--default .select2-selection--single .select2-selection__rendered	{ padding-left:20px; }



hr { margin-bottom:10px; color:#00bfff; background: #00bfff; border-color: #00bfff; accent-color:#00bfff; }

/* RIBBON */
.ribbon{position:absolute;left:0px;top:0;z-index:1;overflow:hidden;width:125px;height:125px;text-align:right;}
.ribbon span{font-size:14px;font-weight:100;color:#fff;text-transform:uppercase;text-align:center;line-height:35px;width:125px;display:block;background:#ff0000; border-radius:5px;}

.ribbon2{position:absolute;left:0px;top:0;z-index:1;overflow:hidden;width:125px;height:125px;text-align:right;}
.ribbon2 span{font-size:14px;font-weight:100;color:#fff;text-transform:uppercase;text-align:center;line-height:35px;width:125px;display:block;background:#ff0000;border-radius:5px;}


.ribbon4{position:absolute;left:115px;top:0;z-index:1;overflow:hidden;width:95px;height:125px;text-align:right;}
.ribbon4 span{font-size:14px;font-weight:100;color:#fff;text-transform:uppercase;text-align:center;line-height:35px;width:95px;display:block;background:#800080;}

/* RIBBON BITIS */
.table-row { display: table-cell; padding:0 15px; }

h1.renk {background: -webkit-linear-gradient(70deg, #000, #00bfff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.button {display: inline-block;padding: 0.5em 1.0em;background: #EEE;border: none;border-radius: 7px;background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );color: #222;font-family: sans-serif;font-size: 16px;text-shadow: 0 1px white;cursor: pointer;}
.button:hover {background-color: #8CF;text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);color: #222;}
.button:active, .button.is-checked {background-color: #222222;}
.button.is-checked {color: white;text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);}
.button:active {box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);}
.button-group:after {content: '';display: block;clear: both;}
.button-group .button {float: left;border-radius: 0;margin-left: 0;margin-right: 1px;}
.button-group {float:left;margin:0 20px 0 0;}
.button-group .button:first-child {border-radius: 0.5em 0 0 0.5em;}
.button-group .button:last-child {border-radius: 0 0.5em 0.5em 0;}
.ui-group h3 {float:left;margin: 4px 10px 0 0;font-size: 16px;}

/* LOADING */

.loader, .loader:after { border-radius: 50%;width: 10em;height: 10em; }
.loader {margin: 10% auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
#loadingDiv {position:absolute;top:0;left:0; width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5); z-index:1000 !important }


/* LOADING */
.mobil_hide { display: block; }
.mobil_show { display: none; }

@media only screen and (min-width:416px) and (max-width:1279px) {
  body { background-position:center -40px }

  .mobil_show { display: block; }
  .mobil_hide { display: none; }

  .ortala { width:96%; }
  header { min-width: unset; height:auto;}
  header #logo { float:unset; margin:0 auto 0 auto; padding:15px 0 0 0; display: table; }
  #head { display: none;}
  /*
  #menubar { display: none; }
  */
  header #menubar .fa-navbar  { transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out; display: block; position: absolute; top:30px; left:15px; font-size:28px; color:#06529e;}
  header #menubar .fa-navbar a { color:#06529e; }
  header #menubar .nav ul.mmm { padding:5px 0; transform:translateX(-100%); transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out; position: absolute; width: 80%; background: #333; height: auto; min-height: 100%; float:unset; z-index:99999; left:0px; top:0px;}
  header #menubar .nav ul.mmm .logo_li { display: block; width: 96%; padding:0%; background: #fff; text-align: center; }
  header #menubar .nav ul.mmm .logo_li img { max-width: 100%; height:70px; }
  header #menubar .nav ul li  {width:92%; padding:3px 2%;  background: #666; margin: 0 2% 2px 2% }
  header #menubar .nav ul.mmm .diller_li {display: block; background: #e2e2e2; padding:2px 2%}
  header #menubar .nav ul.mmm .diller_li a { float: left; display: unset; width: unset; padding:0 2px;  }
  header #menubar .nav ul li a {width:96%; padding:2%; color:#fff; }
  header #menubar  button{ border:0px; cursor:pointer; display:block; outline:none; color:#fff; font-weight: bold; padding:3px 6px 3px 6px; margin:2px 2px 2px 0; background:#00bfff; border-radius: 2px; }

  #slider { width:100%;  overflow:hidden;}
  #full-width-slider { min-width: unset !important; }
  #rezervasyon .tab-content { width:96%; padding:2%;}
  #rezervasyon .alis_yeri { width:100%; margin-right:0px !important; margin-bottom:10px; }
  #rezervasyon .alis_tarihi { margin-right:0px; width:100%; margin-bottom:10px; }
  #rezervasyon .donus_tarihi { margin-right:0px; width:100%; margin-bottom:10px; }
  #rezervasyon .checkbox { margin-top:0px; }
  #rezervasyon #lokasyon { width:100%; }

  #transfer .transfer_gidis { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_donus { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .talis_tarihi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .tdonus_tarihi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_yetiskin { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_yetiskin .mtop10{ margin-top:0px !important;}
  #transfer .transfer_cocuk { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_cocuk .mtop10{ margin-top:0px !important;}
  #transfer .talis_tarihi .mtop10{ margin-top:0px !important;}

  .page_detail .width50 { width: 100%; float: none !important; }
  .page_detail .width50 .width50 { width: 50%; }
  .page_detail img.transfer_resim { float: none !important; display: block; max-width: 100%; margin: 0 auto; }
  .page_detail .width50 input { float: none !important; width: 100% !important; box-sizing: border-box; }

  #filo .filo_kiralama_tipi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #filo .filo_kiralama_yakit { width: 45%; margin-right:10%;}
  #filo .filo_kiralama_vites { width: 45%; margin-right:0;}
  .background { min-width: unset !important}
  .background_ { min-width: unset !important}
  .background_.sol.temizle,
  .temizle.background_.sol {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .arac-vitrin-section {
    background: #F1F5FA !important;
    display: flow-root;
    overflow: hidden;
  }
  .haber-vitrin-section {
    background: #F1F5FA !important;
    display: flow-root;
    overflow: hidden;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .haber-vitrin-section > .ortala > .baslik {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
  }
  .haber-vitrin-section .vitrin,
  .haber-vitrin-section .vitrin .viewport,
  .haber-vitrin-section .vitrin .overview {
    background: #F1F5FA !important;
  }
  .arac-vitrin-section .arac_vitrin,
  .arac-vitrin-section .arac_vitrin .viewport,
  .arac-vitrin-section .arac_vitrin .overview {
    background: #F1F5FA !important;
  }
  .arac-vitrin-section .arac_vitrin .viewport {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
  }
  .transfer-gls-list {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
  }
  .transfer-gls-list > form {
    flex: 1 1 100%;
    max-width: 520px;
    width: 100% !important;
  }
  .background_ .ortala.transfer-gls-list {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  .vitrin { width:100%;}
  .vitrin .viewport { width:100%; height:unset; overflow: unset; position: unset; }
  .vitrin .overview { width:100% !important; position: unset; left:unset; top:unset;}
  .vitrin .overview li { width:49%; margin:0 0.5%; height:unset; }
  .vitrin .overview li .hizmet_bolge { width:100%; height:unset; }
  .vitrin .overview li .hizmet_bolge img { width:98%; height: 280px; padding: 1%; }
  .vitrin .overview li .hizmet_bolge_alt { width: 98%; padding: 1%; }
  .vitrin .overview li .hizmet_bolge .haber_devam { font-size:20px; text-align: center;}
  .vitrin .prev { display: none; }
  .vitrin .next { display: none; }

  .arac_vitrin { width:100%;}
  .arac_vitrin .viewport { width:100%;  height:unset; overflow: unset; position: unset;  }
  .arac_vitrin .overview { width:100% !important; position: unset; left:unset; top:unset;}
  .arac_vitrin .overview li { width:48%; margin:0 1% 16px 1%; height:unset; box-sizing:border-box; }
  .arac_vitrin .overview li .hizmet_bolge { width:100%; height:unset; background:#fff; border-radius:5px; box-shadow:0 0 4px #ddd; overflow:hidden; }
  .arac_vitrin .overview li .hizmet_bolge img { width:100%; padding:0; height:auto; border-radius:5px 5px 0 0; }
  .arac_vitrin .overview li .hizmet_bolge_alt {  width: 100%; padding: 10px 10px 0 10px; box-sizing:border-box; }
  .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat {color:#fff !important; padding:10px 1% !important; width:96% !important; margin:0 1%; border-radius:5px !important; border:none !important; background:#00bfff !important;}
  .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat .renk {color:#fff !important; }

  .arac_vitrin .dahil_hizmetler .icon_ { width:46%; padding:1% 2%; }
  .arac_vitrin .prev { display: none; }
  .arac_vitrin .next { display: none; }

  .yorum_vitrin { width:100%;}
  .yorum_vitrin .viewport { width:100%;}
  .yorum_vitrin .overview { width:100% !important;}
  .yorum_vitrin .overview li { width:49%; margin:0 0.5%; height:480px}
  .yorum_vitrin .overview li .yorum { width: 96%; padding:2%; }
  .yorum_vitrin .overview li .yorum .gulen_surat { width:100%; }
  .yorum_vitrin .overview li .yorum .yorum_yildiz { width:100%;}
  .yorum_vitrin .overview li .yorum .yorum_yazan { width:100%; }
  .yorum_vitrin .prev { display: none; }
  .yorum_vitrin .next { display: none; }

  .width49 { width:100%; min-height: unset; margin-bottom:10px;}
  .width49 input[type=email] { width:45%; padding:2% 2%; float:left; margin:0 1% 10px 0 }
  .width49 input[type=text] { width:45%; padding:2% 2%; float:left;}
  .haber1 { width:48%; padding:0.5%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 1%; border:0px; }
  .haber1 img { width: 100%; height: 253px; float:left; }
  .haber1 .haber_adi { margin-top:20%;}

  .haber2 { width:48%; padding:0.5%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 0px; border:0px; }
  .haber2 img { width: 100%; height: 253px; float:left; }
  .haber2 .haber_adi { margin-top:20%;}

  .haber3 { width:48%; padding:0.5%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 1%; border:0px; }
  .haber3 img { width: 100%; height: 253px; float:left; }
  .haber3 .haber_adi { margin-top:20%;}

  .haber4 { width:48%; padding:0.5%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 1%; border:0px; }
  .haber4 img { width: 100%; height: 253px; float:left; }
  .haber4 .haber_adi { margin-top:20%;}
  .infoBlock { min-width:50% !important; left:2.5%; top: 2.5%;}
  footer { min-width: unset;}

  .kupon_mobil { float: left; width: 100%;}
  #rezervasyon .kupon_mobil .mtop10 { margin-top: 7px !important; }

  .haber_resim { width:100%; margin:0 0 20px 0; max-width: unset;}
  .page_detail { text-align: justify;}

  #breadcrumb { width:96%; padding: 2%; }


  .the-tooltip > :last-child { min-width: unset;}

  .infoButton { margin:0 35%; width:30%; text-align: center; left:unset !important;}
  #araclar { width:100%; height:auto !important; min-height:0 !important; padding-bottom:70px !important; display:flex !important; flex-direction:column !important; align-items:center !important; float:none !important; position:relative !important; }
  #araclar .color-shape,
  #araclar .arac_list,
  #araclar .arac_list2 { position:static !important; left:auto !important; top:auto !important; right:auto !important; height:auto !important; min-height:0 !important; transform:none !important; display:block !important; float:none !important; clear:both !important; }

  /* Sezonlar / Şehirler mobil: iki sütun (etiket üstte, dropdown altta) */
  .sezon-sehir-mobil-wrap { width:100%; float:none !important; margin-bottom:0; }
  .sezon-sehir-mobil-col { float:none !important; }
  .sezon-sehir-mobil-col .select2-container { width:100% !important; max-width:100% !important; }

  .background.sol .ortala > .sol.genelwidth:not(.arac-list-toolbar) { padding-bottom:50px !important; margin-left:auto !important; margin-right:auto !important; float:none !important; }

  /* Büyük mobilde araç kartları tek sütun – blok akış, üst üste binme yok */
  .arac_list2 { width:96%; max-width:520px; padding:2% 2% 16px 2%; margin:0 auto 10px !important; float:none !important; display:block !important; overflow:visible; box-sizing:border-box;}
  .arac_list2 .resim { width:100%; height:unset; display:block !important; float:none !important; text-align:center; }
  .arac_list2 .resim img { width:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto; }
  .arac_list2 .aciklama { display:block !important; width:100%; float:none !important; clear:both !important; }
  .arac_list2 .arac_adi { line-height: 100%; display:block; }
  .arac_list2 .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left; text-align: center; }
  .arac_list2 .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list2 .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list2 .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list2 .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list2 .icon_ { width: 100%;}
  .arac_list2 .fiyat_listesi { display:block !important; width:100% !important; float:none !important; clear:both !important; margin-top:12px; }
  .arac_list2 a.incele { display:block !important; float:none !important; clear:both !important; width:100% !important; box-sizing:border-box !important; margin-top:10px; margin-bottom:6px; padding:12px 10px !important; }
  .arac_list2 .image_search { position:relative !important; }
  .arac_list2 .image_search a { padding:7px 0 0 0;}

  .arac_list { width:96%; max-width:520px; padding:2% 2% 16px 2%; margin:0 auto 10px auto !important; clear:both !important; float:none !important; display:block !important; overflow:visible; box-sizing:border-box;}
  .arac_list .resim { width:100%; height:unset; display:block !important; float:none !important; position:relative !important; text-align:center; }
  .arac_list .resim img { width:100%; display:block; margin-left:auto; margin-right:auto; }
  .arac_list .aciklama { display:block !important; width:100% !important; float:none !important; clear:both !important; }
  .arac_list .arac_adi { line-height: 100%; width: 100%; margin-left: unset !important; text-align: center; display:block; }
  .arac_list .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left; text-align: center; }
  .arac_list .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list .icon_ { width: 100%; text-align: center; }
  .arac_list .veyabenzeri { clear: both; float: left; width: 100%; text-align: center;}
  .arac_list .sol.genelwidth.renk.mtop5.font16.fontkalin { display: block; text-align: center; width: 100%; margin-top: 12px; margin-bottom: 6px; clear: both; }
  .arac_list .dahil_hizmetler { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; float: none; clear: both; margin: 0 0 4px 0; min-height: auto; height: auto; font-size: 12px; color: #666; box-sizing: border-box; text-align: center; }
  .arac_list .dahil_hizmetler .icon_ { width: 50% !important; box-sizing: border-box; padding: 4px 8px !important; height: auto !important; float: none !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; text-align: center; }
  .arac_list .bilgi2 { width: 100%; text-align: center; }
  .arac_list .fiyat_listesi { display:grid !important; grid-template-columns: minmax(0, 1fr) auto !important; column-gap:8px !important; row-gap:6px !important; width: 100% !important; margin-top:12px; padding-top:12px; border-top:1px solid #eee; float:none !important; clear:both !important; box-sizing:border-box !important; }
  .arac_list .fiyat_listesi > span { float:none !important; clear:none !important; margin:0 !important; width:auto !important; min-width:0 !important; }
  .arac_list .fiyat_listesi > span.sol { text-align:left !important; justify-self:start !important; }
  .arac_list .fiyat_listesi > span.sag { text-align:right !important; justify-self:end !important; white-space:nowrap !important; }
  .arac_list .fiyat_listesi .genelwidth,
  .arac_list .fiyat_listesi input[type="submit"] { grid-column:1 / -1 !important; width:100% !important; }
  .arac_list a.incele { display:block !important; clear:both !important; margin-top:12px; margin-bottom:6px; padding:12px 10px !important; }
  .arac_list .image_search { position:relative !important; }
  .arac_list .image_search a { padding:7px 0 0 0;}
/*
  .ui-group { width: 100%; text-align: center;}
  .ui-group h3 { width: 100%; text-align: center; }
  .button-group { margin: 0 auto 10px auto; display: inline-flex; float: unset; }
  .button { padding:0.5em;}
*/
  .arac_vitrin .overview li .hizmet_bolge_alt .icon2 { width:20%; padding: 8px 0 8px 0; }
  .arac_vitrin .overview li .hizmet_bolge_alt .icon { width:29%;  padding: 8px 0 8px 0; }

  .arac_detay_sol { width: 100%; margin-right:unset;}
  .arac_list_detay { width: 96%; padding:2%;}
  .arac_list_detay .resim { width:100%; height:unset; float: left; text-align: center; margin:20px 0 0 0;}
  .arac_list_detay .resim img { width:100%; }
  .arac_list_detay .aciklama { width: 100%;}

  .arac_list_detay .arac_adi { line-height: 100%; width: 100%; margin-left: unset !important;text-align: center;}
  .arac_list_detay .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left;text-align: center; }
  .arac_list_detay .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list_detay .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list_detay .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list_detay .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list_detay .icon_ { width: 100%; text-align: center ;}
  .arac_list_detay .sol.genelwidth.renk.mtop5.font16.fontkalin { text-align: center; }
  .arac_detay_sol .width25 { width: 50%; min-height:25px}
  .arac_detay_sag { width: 100%; }
  .arac_list_sag { width: 100%; margin-right:0 !important; }
  .arac_list_sag .bilgiler { width: 99%; }
  .arac_list_sag .bilgiler .baslik { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler .baslik2 { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler .baslik3 { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler span:after { margin:-10px 0 0 0; position: relative; float:left; }
  .arac_list_sag .bilgiler_h { width: 100%; }
  .arac_list_sag .alt_bilgiler { width: 96%; padding:2%;}
  .arac_detay_slider .viewport { width: 100%; display: none}
  .arac_detay_slider .prev { display: none}
  .arac_detay_slider .next { display: none}

  .arac_detay_sol table { text-align: justify; }
  .arac_detay_sol .galeri_thumb { width:48%; margin:1%; float:left; }
  .arac_detay_sol .galeri_thumb img { width:100% }
  .page_detail .galeri_thumb { width:48%; margin:1%; float:left; }
  .page_detail .galeri_thumb img { width:100% }
  .map_ozel { width:98%;  }

  .width24 { width:45%; margin:0 0.5% 10px 0.5%; padding: 2%; }


  .background__ { min-width: unset; width:98%; margin: 0 1%;}
  .width33 { width:100%; }
  .background__ .width255 .baslik_ { text-align: center !important; }
  .width255 { width:100%; text-align: center !important; margin-bottom:20px;}
  .mbottom30 { margin-bottom:10px !important; }
  .mtop30 { margin-top:10px !important; }
  .mtop50 { margin-top:0px !important; }

  h1 { font-size:22px; }
  h2 { font-size:18px; }
  .rezervasyon_input { margin-bottom:5px; }
  textarea.rezervasyon_input { margin-bottom:5px; }
  input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label { line-height: 19px !important; overflow: hidden; margin-bottom:10px;}
  .wrapper input[type=text] { width:96% !important; padding:3% 2% !important; }
  .simdi_odenecek { min-width: 100px;}
  .teslimat_odenecek {min-width: 100px; }
  .filo_form { width:96%; padding:2%; }
  .filo_form .width50 { width:100%;}
  .filo_form input[type=text] { width:96%; padding:7px 2%; border:0px; box-shadow: 0 0 1px #000}
  .filo_form textarea { width:96%; padding:7px 2%; border:0px; box-shadow: 0 0 1px #000 }
  .iletisim_map { width:98%; border:1% solid #00bfff; margin-bottom:0px; margin-top:20px;}
  .iletisim_sube_bol { width:100%; height: unset;}
  .iletisim_formu { width:100%; margin-top:20px; }
  .iletisim_formu input[type=text] { width:96%; padding:3% 2%; }
  .iletisim_formu input[type=email] { width:96%; padding:3% 2%; }
  .iletisim_formu textarea { width:96%; padding:3% 2%; }
  .iletisim_sube_bol .iletisim_sube_gri { width:100%; height: unset; padding-bottom:20px;}
  .iletisim_gri { height: unset;}
  .iletisim_bol1 { width:unset; float: unset; position: relative; margin:0 auto 10px auto; display: table; height:unset;}
  .iletisim_bol2 { width:unset; float: unset; position: relative; margin:0 auto 10px auto; display: table; height:unset;}
  .uye_form { width:96%; padding:2%; border:0px; box-shadow: 0 0 2px #999; }
  .uye_form input[type=text] { width:96%; padding:3% 2%; }
  .uye_form input[type=password] { width:96%; padding:3% 2%; }
  .uye_form input[type=email] { width:96%; padding:3% 2%; }
  .uye_form .text { width: 100%;}

  .dashboard_detay { box-shadow: 0 0 2px #ddd; width:96%; padding:3% 2%; border:0px; }
  .dashboard_detay .text { width:100%;  }
  .dashboard_detay .input { width: 100%;}
  .dashboard_detay input[type=text] { border:0px; box-shadow:0 0 2px #999; padding:7px 2%; width: 96%; }
  .dashboard_detay input[type=password] { border:0px; box-shadow:0 0 2px #999; padding:7px 2%; width: 96%; }
  .transfer_arac_text { width:100%;  display: unset; float:left; }
  .transfer_arac_text .arac_adi { text-align: center; }
  .transfer_arac_form { width:100%;  display: unset; float:left; }
  .transfer_arac_resim { width:100%;  display: unset;  float:left; margin-right:unset !important;}
  .transfer_arac_secimi input[type=submit] { margin:0 0 20px 0;}
}

@media only screen and (max-width:415px) {
  .table-row { display: block; padding:0 0; }
  footer .table_grid { display: table;}
  .transfer_arac_text { width:100%;  display: unset; float:left; }
  .transfer_arac_text .arac_adi { text-align: center; }
  .transfer_arac_form { width:100%;  display: unset; float:left; }
  .transfer_arac_resim { width:100%;  display: unset;  float:left; margin-right:unset !important;}
  .transfer_arac_secimi input[type=submit] { margin:0 0 20px 0;}
  .page_detail .width50 { width: 100%; }
  .page_detail .width50 .width50 { width: 50%; }
  .page_detail .width50 input { float:left !important; }
  .mobil_show { display: block; }
  .mobil_hide { display: none; }

  body { background-position:center -40px }
  .mobil_show { display: block; }
  .mobil_hide { display: none; }

  .ortala { width:96%; }
  header { min-width: unset; height:auto;}
  header #logo { float:unset; margin:0 auto 0 auto; padding:15px 0 0 0; display: table; }
  #head { display: none;}
  /*
  #menubar { display: none; }
  */
  header #menubar .fa-navbar  { transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out; display: block; position: absolute; top:30px; left:15px; font-size:28px; color:#06529e;}
  header #menubar .fa-navbar a { color:#00bfff; }
  header #menubar .nav ul { }
  header #menubar .nav ul.mmm { padding:5px 0; transform:translateX(-100%); transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out; position: absolute; width: 80%; background: #333; height: auto; min-height: 100%; float:unset; z-index:99999; left:0px; top:0px;}
  header #menubar .nav ul.mmm .logo_li { display: block; width: 96%; padding:0%; background: #fff; text-align: center; }
  header #menubar .nav ul.mmm .logo_li img { max-width: 100%; height:80px; }
  header #menubar .nav ul li  {width:92%; padding:2%;  background: #666; margin: 0 2% 5px 2% }
  header #menubar .nav ul.mmm .diller_li {display: block; background: #e2e2e2; padding:2px 2%}
  header #menubar .nav ul.mmm .diller_li a { float: left; display: unset; width: unset; padding:0 2px;  }
  header #menubar .nav ul li a {width:96%; padding:2%; color:#fff; }
  header #menubar  button{ border:0px; cursor:pointer; display:block; outline:none; color:#fff; font-weight: bold; padding:3px 6px 3px 6px; margin:2px 2px 2px 0; background:#00bfff; border-radius: 2px; }

  #slider { width:100%; overflow:hidden;}
  #full-width-slider { min-width: unset !important; }
  #rezervasyon .tab-content { width:96%; padding:2%;}
  #rezervasyon .alis_yeri { width:100%; margin-right:0px !important; margin-bottom:10px; }
  #rezervasyon .alis_tarihi { margin-right:0px; width:100%; margin-bottom:10px; }
  #rezervasyon .donus_tarihi { margin-right:0px; width:100%; margin-bottom:10px; }
  #rezervasyon .checkbox { margin-top:0px; }
  #rezervasyon #lokasyon { width:100%; }

  #transfer .transfer_gidis { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_donus { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .talis_tarihi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .tdonus_tarihi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_yetiskin { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_yetiskin .mtop10{ margin-top:0px !important;}
  #transfer .transfer_cocuk { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #transfer .transfer_cocuk .mtop10{ margin-top:0px !important;}
  #transfer .talis_tarihi .mtop10{ margin-top:0px !important;}

  #filo .filo_kiralama_tipi { width:100%; margin-right:0px !important; margin-bottom: 10px;}
  #filo .filo_kiralama_yakit { width: 45%; margin-right:10%;}
  #filo .filo_kiralama_vites { width: 45%; margin-right:0;}
  .background { min-width: unset !important}
  .background_ { min-width: unset !important}
  .background_.sol.temizle,
  .temizle.background_.sol {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .arac-vitrin-section {
    background: #F1F5FA !important;
    display: flow-root;
    overflow: hidden;
  }
  .haber-vitrin-section {
    background: #F1F5FA !important;
    display: flow-root;
    overflow: hidden;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .haber-vitrin-section > .ortala > .baslik {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
  }
  .haber-vitrin-section .vitrin,
  .haber-vitrin-section .vitrin .viewport,
  .haber-vitrin-section .vitrin .overview {
    background: #F1F5FA !important;
  }
  .arac-vitrin-section .arac_vitrin,
  .arac-vitrin-section .arac_vitrin .viewport,
  .arac-vitrin-section .arac_vitrin .overview {
    background: #F1F5FA !important;
  }
  .arac-vitrin-section .arac_vitrin .viewport {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
  }
  .transfer-gls-list > form {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100% !important;
  }
  .background_ .ortala.transfer-gls-list {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  .vitrin { width:100%;}
  .vitrin .viewport { width:100%; height:unset; overflow: unset; position: unset; }
  .vitrin .overview { width:100% !important; position: unset; left:unset; top:unset;}
  .vitrin .overview li { width:100%; margin:0; height:unset; }
  .vitrin .overview li .hizmet_bolge { width:100%; height:unset; }
  .vitrin .overview li .hizmet_bolge img { width:98%; height: unset; padding: 1%; }
  .vitrin .overview li .hizmet_bolge_alt { width: 98%; padding: 1%; }
  .vitrin .overview li .hizmet_bolge .haber_devam { font-size:20px; text-align: center;}
  .vitrin .prev { display: none; }
  .vitrin .next { display: none; }

  .arac_vitrin { width:100%;}
  .arac_vitrin .viewport { width:100%;  height:unset; overflow: unset; position: unset;  }
  .arac_vitrin .overview { width:100% !important; position: unset; left:unset; top:unset;}
  .arac_vitrin .overview li { width:100%; margin:0 0 16px 0; height:unset; box-sizing:border-box; }
  .arac_vitrin .overview li .hizmet_bolge { width:100%; height:unset; padding-bottom:0; background:#fff; border-radius:5px; box-shadow:0 0 4px #ddd; overflow:hidden; }
  .arac_vitrin .overview li .hizmet_bolge img { width:100%; padding:0; height:auto; border-radius:5px 5px 0 0; }
  .arac_vitrin .overview li .hizmet_bolge_alt { width:100%; padding:10px 0 0 0; box-sizing:border-box; overflow:hidden; }
  .arac_vitrin .overview li .hizmet_bolge_alt .arac_adi { padding-left:10px; padding-right:10px; box-sizing:border-box; }
  .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat { color:#fff !important; padding:10px 0 !important; width:100% !important; margin:0 !important; border-radius:0 !important; border:none !important; background:#00bfff !important; text-align:center !important; box-sizing:border-box !important; }
  .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat .renk {color:#fff !important; }
  .arac_vitrin .sehir_adi { position: absolute; left:20px; margin-top: 20px; top:unset; }

  .arac_vitrin .dahil_hizmetler {
    display: flex;
    flex-wrap: wrap;
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 5px 10px 8px 10px;
    box-sizing: border-box;
    overflow: visible;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
  }
  .arac_vitrin .dahil_hizmetler .icon_ {
    width: 50%;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.2;
    font-size: 11px;
    word-break: normal;
  }
  .arac_vitrin .dahil_hizmetler .icon_.the-tooltip > :last-child {
    display: none;
  }
  .arac_vitrin .dahil_hizmetler .icon_ i {
    flex-shrink: 0;
    margin-top: 1px;
  }
  .arac_vitrin .prev { display: none; }
  .arac_vitrin .next { display: none; }

  .yorum_vitrin { width:100%;}
  .yorum_vitrin .viewport { width:100%;}
  .yorum_vitrin .overview { width:100% !important;}
  .yorum_vitrin .overview li { width:100%; margin:0 0 0 0; height:480px}
  .yorum_vitrin .overview li .yorum { width: 96%; padding:2%; }
  .yorum_vitrin .overview li .yorum .gulen_surat { width:100%; }
  .yorum_vitrin .overview li .yorum .yorum_yildiz { width:100%;}
  .yorum_vitrin .overview li .yorum .yorum_yazan { width:100%; }
  .yorum_vitrin .prev { display: none; }
  .yorum_vitrin .next { display: none; }

  .width49 { width:100%;}
  .width49 input[type=email] { width:95.5%; padding:3% 2%; float:left; margin:0 0 10px 0 }
  .width49 input[type=text] { width:95.5%; padding:3% 2%; float:left;}
  .haber1 { width:98%; padding:1%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 0px; border:0px; }
  .haber1 img { width: 100%; height: auto; float:left; }
  .haber1 .haber_adi { margin-top:40%;}

  .haber2 { width:98%; padding:1%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 0px; border:0px; }
  .haber2 img { width: 100%; height: auto; float:left; }
  .haber2 .haber_adi { margin-top:40%;}

  .haber3 { width:98%; padding:1%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 0px; border:0px; }
  .haber3 img { width: 100%; height: auto; float:left; }
  .haber3 .haber_adi { margin-top:40%;}

  .haber4 { width:98%; padding:1%; background: #efefef; height: auto; margin-bottom:20px; margin-right: 0px; border:0px; }
  .haber4 img { width: 100%; height: auto; float:left; }
  .haber4 .haber_adi { margin-top:40%;}
  .infoBlock { min-width:90% !important; left:2.5%; top: 2.5%;}
  footer { min-width: unset;}

  .kupon_mobil { float: left; width: 100%;}
  #rezervasyon .kupon_mobil .mtop10 { margin-top: 7px !important; }

  .haber_resim { width:100%; margin:0 0 20px 0; max-width: unset;}
  .page_detail { text-align: justify;}

  #breadcrumb { width:96%; padding: 2%; }

  .rezervasyon_input { width: 94% !important;}

  .the-tooltip > :last-child { min-width: unset;}

  .infoButton { margin:0 20%; width:60%; text-align: center; left:unset !important;}
  #araclar { width:100%; height:auto !important; min-height:0 !important; padding-bottom:70px !important; display:flex !important; flex-direction:column !important; align-items:center !important; float:none !important; position:relative !important; }
  #araclar .color-shape,
  #araclar .arac_list,
  #araclar .arac_list2 { position:static !important; left:auto !important; top:auto !important; right:auto !important; height:auto !important; min-height:0 !important; transform:none !important; display:block !important; float:none !important; clear:both !important; }

  .sezon-sehir-mobil-wrap { width:100%; float:none !important; margin-bottom:0; }
  .sezon-sehir-mobil-col { float:none !important; }
  .sezon-sehir-mobil-col .select2-container { width:100% !important; max-width:100% !important; }

  .background.sol .ortala > .sol.genelwidth:not(.arac-list-toolbar) { padding-bottom:5px !important; margin-left:auto !important; margin-right:auto !important; float:none !important; }

  .arac_list2 { width:96%; max-width:520px; padding:2% 2% 16px 2%; margin:0 auto 10px !important; float:none !important; display:block !important; overflow:visible; box-sizing:border-box;}
  .arac_list2 .resim { width:100%; height:unset; display:block !important; float:none !important; text-align:center; }
  .arac_list2 .resim img { width:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto; }
  .arac_list2 .aciklama { display:block !important; width:100%; float:none !important; clear:both !important; }
  .arac_list2 .arac_adi { line-height: 100%; display:block; }
  .arac_list2 .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left; text-align: center; }
  .arac_list2 .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list2 .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list2 .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list2 .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list2 .icon_ { width: 100%;}
  .arac_list2 .fiyat_listesi { display:block !important; width:100% !important; float:none !important; clear:both !important; margin-top:12px; }
  .arac_list2 a.incele { display:block !important; float:none !important; clear:both !important; width:100% !important; box-sizing:border-box !important; margin-top:10px; margin-bottom:6px; padding:12px 10px !important; }
  .arac_list2 .image_search { position:relative !important; }
  .arac_list2 .image_search a { padding:7px 0 0 0;}

  .arac_list { width:96%; max-width:520px; padding:2% 2% 16px 2%; margin:0 auto 10px auto !important; float:none !important; display:block !important; overflow:visible; box-sizing:border-box;}
  .arac_list .resim { width:100%; height:unset; display:block !important; float:none !important; position:relative !important; text-align:center; }
  .arac_list .resim img { width:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto; }
  .arac_list .aciklama { display:block !important; width:100% !important; float:none !important; clear:both !important; }
  .arac_list .arac_adi { line-height: 100%; width: 100%; margin-left: unset !important; text-align: center; display:block; }
  .arac_list .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left; text-align: center; }
  .arac_list .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list .icon_ { width: 100%; text-align: center; }
  .arac_list .veyabenzeri { clear: both; float: left; width: 100%; text-align: center;}
  .arac_list .sol.genelwidth.renk.mtop5.font16.fontkalin { display: block; text-align: center; width: 100%; margin-top: 12px; margin-bottom: 6px; clear: both; }
  .arac_list .dahil_hizmetler { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; float: none; clear: both; margin: 0 0 4px 0; min-height: auto; height: auto; font-size: 12px; color: #666; box-sizing: border-box; text-align: center; }
  .arac_list .dahil_hizmetler .icon_ { width: 50% !important; box-sizing: border-box; padding: 4px 8px !important; height: auto !important; float: none !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; text-align: center; }
  .arac_list .bilgi2 { width: 100%; text-align: center; }
  .arac_list .fiyat_listesi { display:grid !important; grid-template-columns: minmax(0, 1fr) auto !important; column-gap:8px !important; row-gap:6px !important; width: 100% !important; margin-top:12px; padding-top:12px; border-top:1px solid #eee; float:none !important; clear:both !important; box-sizing:border-box !important; }
  .arac_list .fiyat_listesi > span { float:none !important; clear:none !important; margin:0 !important; width:auto !important; min-width:0 !important; }
  .arac_list .fiyat_listesi > span.sol { text-align:left !important; justify-self:start !important; }
  .arac_list .fiyat_listesi > span.sag { text-align:right !important; justify-self:end !important; white-space:nowrap !important; }
  .arac_list .fiyat_listesi .genelwidth,
  .arac_list .fiyat_listesi input[type="submit"] { grid-column:1 / -1 !important; width:100% !important; }
  .arac_list a.incele { display:block !important; clear:both !important; margin-top:12px; margin-bottom:6px; padding:12px 10px !important; }
  .arac_list .image_search { position:relative !important; }
  .arac_list .image_search a { padding:7px 0 0 0;}

  .ui-group { width: 100%; text-align: center;}
  .ui-group h3 { width: 100%; text-align: center; }
  .button-group { margin: 0 auto 10px auto; display: inline-flex; float: unset; }
  .button { padding:0.5em;}

  .arac_vitrin .overview li .hizmet_bolge_alt .icon2,
  .arac_vitrin .overview li .hizmet_bolge_alt .icon {
    width:25% !important;
    padding:8px 0 !important;
    float:left !important;
    box-sizing:border-box !important;
    text-align:center !important;
    margin-bottom:0 !important;
  }

  .arac_detay_sol { width: 100%; margin-right:unset;}
  .arac_list_detay { width: 96%; padding:2%;}
  .arac_list_detay .resim { width:100%; height:unset; float: left; text-align: center; margin:20px 0 0 0;}
  .arac_list_detay .resim img { width:100%; }
  .arac_list_detay .aciklama { width: 100%;}

  .arac_list_detay .arac_adi { line-height: 100%; width: 100%; margin-left: unset !important;text-align: center;}
  .arac_list_detay .arac_adi .bilgi { margin: 10px 0 10px 0; width:100%; float: left;text-align: center; }
  .arac_list_detay .kisi { margin-left: 0px; width:20%; text-align: center}
  .arac_list_detay .bagaj { margin-left: 0px; width:20%; text-align: center }
  .arac_list_detay .vites { margin-left: 0px; width:30%; text-align: center }
  .arac_list_detay .yakit { margin-left: 0px; width:30%; text-align: center }
  .arac_list_detay .icon_ { width: 100%; text-align: center ;}
  .arac_list_detay .sol.genelwidth.renk.mtop5.font16.fontkalin { text-align: center; }
  .arac_detay_sol .width25 { width: 50%; min-height:25px}
  .arac_detay_sag { width: 100%; }
  .arac_list_sag { width: 100%; margin-right:0 !important; }
  .arac_list_sag .bilgiler { width: 99%; }
  .arac_list_sag .bilgiler .baslik { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler .baslik2 { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler .baslik3 { width:96%; padding: 15px 2%;}
  .arac_list_sag .bilgiler span:after { margin:-10px 0 0 0; position: relative; float:left; }
  .arac_list_sag .bilgiler_h { width: 100%; }
  .arac_list_sag .alt_bilgiler { width: 96%; padding:2%;}
  .arac_detay_slider .viewport { width: 100%; display: none}
  .arac_detay_slider .prev { display: none}
  .arac_detay_slider .next { display: none}

  .arac_detay_sol table { text-align: justify; }
  .arac_detay_sol .galeri_thumb { width:48%; margin:1%; float:left; }
  .arac_detay_sol .galeri_thumb img { width:100% }
  .page_detail .galeri_thumb { width:48%; margin:1%; float:left; }
  .page_detail .galeri_thumb img { width:100% }
  .map_ozel { width:98%;  }

  .width24 { width:90%; margin:0 0 10px 0; padding: 5%; }
  .width24 input[type=checkbox]:not(old) + label { width:200px; }
  .width24 input[type=checkbox]:not(old):checked + label { width:200px; }
  .width24 .alan { width:250px; }
  .width24 .alan span { width: 185px;}

  .background__ { min-width: unset; width:98%; margin: 0 1%;}
  .width33 { width:100%; }
  .background__ .width255 .baslik_ { text-align: center !important; }
  .width255 { width:100%; text-align: center !important; margin-bottom:20px;}
  .mbottom30 { margin-bottom:10px !important; }
  .mtop30 { margin-top:10px !important; }
  .mtop50 { margin-top:0px !important; }

  h1 { font-size:22px; }
  h2 { font-size:18px; }
  .rezervasyon_input { margin-bottom:5px; }
  textarea.rezervasyon_input { margin-bottom:5px; }
  input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label { line-height: 19px !important; overflow: hidden; margin-bottom:1px;}
  .rezervasyon_width50 { width:98%; border:0px; margin-bottom:5px; }
  .wrapper input[type=text] { width:96% !important; padding:3% 2% !important; }
  .simdi_odenecek { min-width: 100px;}
  .teslimat_odenecek {min-width: 100px; }
  .filo_form { width:96%; padding:2%; }
  .filo_form .width50 { width:100%;}
  .filo_form input[type=text] { width:96%; padding:7px 2%; border:1px solid #f2f2f2; }
  .filo_form textarea { width:96%; padding:7px 2%; border:1px solid #f2f2f2; }
  .iletisim_map { width:98%; border:1% solid #00bfff; margin-bottom:0px; margin-top:20px;}
  .iletisim_sube_bol { width:100%; height: unset;}
  .iletisim_formu { width:100%; margin-top:20px; }
  .iletisim_formu input[type=text] { width:96%; padding:3% 2%; }
  .iletisim_formu input[type=email] { width:96%; padding:3% 2%; }
  .iletisim_formu textarea { width:96%; padding:3% 2%; }
  .iletisim_sube_bol .iletisim_sube_gri { width:100%; height: unset; padding-bottom:20px;}
  .iletisim_gri { height: unset;}
  .iletisim_bol1 { width:unset; float: unset; position: relative; margin:0 auto 10px auto; display: table; height:unset;}
  .iletisim_bol2 { width:unset; float: unset; position: relative; margin:0 auto 10px auto; display: table; height:unset;}
  .uye_form { width:96%; padding:2%; border:0px; box-shadow: 0 0 2px #999; }
  .uye_form input[type=text] { width:96%; padding:3% 2%; }
  .uye_form input[type=password] { width:96%; padding:3% 2%; }
  .uye_form input[type=email] { width:96%; padding:3% 2%; }
  .uye_form .text { width: 100%;}

  .dashboard_detay { box-shadow: 0 0 2px #ddd; width:96%; padding:3% 2%; border:0px; }
  .dashboard_detay .text { width:100%;  }
  .dashboard_detay .input { width: 100%;}
  .dashboard_detay input[type=text] { border:0px; box-shadow:0 0 2px #999; padding:7px 2%; width: 96%; }
  .dashboard_detay input[type=password] { border:0px; box-shadow:0 0 2px #999; padding:7px 2%; width: 96%; }
  .macaw-tabs.macaw-fresh-tabs { display: unset !important;}
  .macaw-tabs.macaw-fresh-tabs > [role=tablist] { width: 100% !important}
}
.dil_navbar {
  background: #008fbf;
  display: table;
  width: 20px;
  padding: 7px 5px 5px 5px;
  border-radius:2px;
  margin:3px 2px 0 2px;
  justify-content: space-between;
  align-content: center;
}
.dil_navbar .language-selector {
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    appearance: auto;
}
.dil_navbar .language-selector option {
      background: #008fbf;
      color: #fff;

}
.para_navbar {
  background: #008fbf;
  display: table;
  width: 20px;
  padding: 7px 5px 5px 5px;
  border-radius:2px;
  margin:3px 2px 0 2px;
  justify-content: space-between;
  align-content: center;
}
.para_navbar .language-selector {
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    appearance: auto;
}
.para_navbar .language-selector option {
      background: #008fbf;
      color: #fff;
}

/* =========================================
   Header dil / para birimi select2 (masaüstü)
   Kapalı görünüm native'e birebir benzetilir;
   sadece açılan liste modern olur.
   ========================================= */
@media only screen and (min-width:768px){
  #head .dil_navbar,
  #head .para_navbar{
    padding:0 8px;
    height:33px;
  }

  #head .select2-container{
    height:33px !important;
    vertical-align:top;
  }

  #head .select2-container .select2-selection,
  #head .select2-container .select2-selection--single{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
    height:33px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  #head .select2-container .select2-selection--single .select2-selection__rendered{
    color:#fff !important;
    font-weight:bold;
    font-size:13px;
    line-height:normal !important;
    padding:0 20px 0 0 !important;
    margin:0 !important;
    position:relative;
    top:2px;
  }

  #head .select2-container .select2-selection--single .select2-selection__arrow{
    height:32px !important;
    width:16px !important;
    top:0 !important;
    right:2px !important;
  }

  #head .select2-container .select2-selection--single .select2-selection__arrow b{
    border:solid #fff !important;
    border-width:0 2px 2px 0 !important;
    width:6px !important;
    height:6px !important;
    margin:0 !important;
    padding:0 !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -70%) rotate(45deg) !important;
    -webkit-transform:translate(-50%, -70%) rotate(45deg) !important;
  }

  #head .select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:#fff !important;
    transform:translate(-50%, -30%) rotate(-135deg) !important;
    -webkit-transform:translate(-50%, -30%) rotate(-135deg) !important;
  }
}

/* Header açılır liste (body'e eklenir) - modern görünüm */
.select2-dropdown.header-lang-dropdown{
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:6px;
  overflow:hidden;
  margin-top:4px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.header-lang-dropdown .select2-results__option{
  color:#333;
  font-size:13px;
  font-weight:600;
  padding:8px 14px;
}

.header-lang-dropdown .select2-results__option--highlighted[aria-selected]{
  background:#f17104;
  color:#fff;
}

.header-lang-dropdown .select2-results__option[aria-selected=true]{
  background:#fdebdc;
  color:#f17104;
}

.header-lang-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted{
  background:#f17104;
  color:#fff;
}

.cookie-popup {
  position: fixed;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
  background-color: #f7f7f7;
  text-align: center;
  z-index: 99999 !important;
  box-shadow: 0 0 100px #000;
  border-radius: 10px;
  max-width: 800px;
}

.cookie-popup a {
  color: #007bff;
}

.cookie-popup button {
  cursor: pointer;
  background-color: #04529e;
  font-size: 16px;
  padding: 12px 10px 11px 10px;
  font-weight: bold;
  color: #fff;
  border: 0px;
  width: 100%;
  margin-top: 15px;
  font-family: 'Nunito';
}


.cc_banner-wrapper {
    z-index: 9001;
    position: relative;
    width: 100%;
    height: unset !important;
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: 0.6em;
    transition: font-size 200ms;
    line-height: 1em
}

.cc_container .cc_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

.cc_container .cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    opacity: 0.9;
    transition: opacity 200ms
}

.cc_container .cc_logo:hover,.cc_container .cc_logo:active {
    opacity: 1
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size:0.8em
    }

    .cc_container .cc_message {
        font-size: 0.8em
    }
}

@media screen and (min-width: 768px) {
    .cc_container .cc_btn {
        font-size:1em
    }

    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size:1em
    }
}

@media print {
    .cc_banner-wrapper,.cc_container {
        display: none
    }
}

.cc_banner-wrapper {
    height: 66px
}

.cc_container {
    padding: 15px 15px 15px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.cc_container .cc_btn {
    padding: 8px 10px;
    background-color: #f1d600;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px
}

.cc_container .cc_message {
    display: block
}

@media screen and (min-width: 500px) {
    .cc_container .cc_message {
        margin-top:0.5em
    }
}

@media screen and (min-width: 768px) {
    .cc_container {
        padding:15px 30px 15px
    }

    .cc_container .cc_btn {
        padding: 8px 15px
    }
}

.cc_container {
    background: #fff;
    color: #999;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.cc_container ::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container .cc_btn,.cc_container .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.cc_container .cc_btn:hover,.cc_container .cc_btn:active {
    background-color: #d7bf00;
    color: #000
}

.cc_container a,.cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color
}

.cc_container a:hover,.cc_container a:active {
    color: #555
}

@-webkit-keyframes slideDown {
    0% {
        margin-top: -66px
    }

    100% {
        margin-top: 0
    }
}

@keyframes slideDown {
    0% {
        margin-top: -66px
    }

    100% {
        margin-top: 0px
    }
}

@-webkit-keyframes growDown {
    0% {
        height: 0
    }

    100% {
        height: 66px
    }
}

@keyframes growDown {
    0% {
        height: 0
    }

    100% {
        height: 66px
    }
}

.cc_container {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    bottom: 0px !important;
    top:unset !important
}

.cc_banner-wrapper {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: growDown;
    animation-name: growDown
}

@media (max-width: 1279px) {

  .alis_yeri {
    display: flex;
    flex-direction: column;
  }

  /* ========== SIRALAMA (ÇALIŞAN KISIM) ========== */

  /* Abholort LABEL */
  .alis_yeri .fontkalin.width50:first-of-type {
    order: 1;
    width: 100% !important;
  }

  /* İlk ŞEHİR SELECT (WRAPPER) */
  .alis_yeri #alis_yeri {
    order: 2;
    width: 100% !important;
  }

  /* İkinci label (ayrı şehir/mevki modu) */
  .alis_yeri > span.fontkalin.width50:not(.mright20) {
    order: 3;
    width: 100% !important;
    margin-top: 8px;
  }

  /* Tek select modu: ALIŞ YERİ / MEVKİ label üstte */
  #rezervasyon #arac .alis_yeri > span.fontkalin.genelwidth.mbottom5 {
    order: 1 !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  #rezervasyon #arac .alis_yeri > span.genelwidth:not(.fontkalin) {
    order: 2 !important;
    width: 100% !important;
  }

  /* Mevkii SELECT (WRAPPER) */
  .alis_yeri span.sol.width50 {
    order: 4;
    width: 100% !important;
  }

  /* Dönüş yeri paneli — alış alanının hemen altında */
  #rezervasyon #arac .alis_yeri .donus-yeri-panel{
    order:10;
    width:100% !important;
    margin-top:8px;
  }

  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span{
    width:100% !important;
    float:none !important;
    margin-right:0 !important;
  }

  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields .select2-container{
    width:100% !important;
    max-width:100% !important;
  }

  /* Checkbox — alış yeri / mevki select altında */
  #rezervasyon #arac .alis_yeri .arac-donus-checkbox {
    order: 5 !important;
    width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    float: none !important;
  }

  /* ========== ASIL SORUNU ÇÖZEN KISIM ========== */
  /* Gerçek select ve select2'yi zorla tam genişlik yap */

  .alis_yeri select {
    width: 100% !important;
    box-sizing: border-box;
  }

  .alis_yeri .select2-container {
    width: 100% !important;
  }

  .alis_yeri .select2-selection {
    width: 100% !important;
    box-sizing: border-box;
  }
}
@media (max-width: 1279px) {

  /* Dönüş yeri paneli — mobil tam genişlik */
  #rezervasyon #arac .alis_yeri .donus-yeri-panel{
    display:block;
    width:100% !important;
    margin-top:8px;
  }

  #rezervasyon #arac .alis_yeri .donus-yeri-panel[style*="display:none"],
  #rezervasyon #arac .alis_yeri .donus-yeri-panel[style*="display: none"]{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }

  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span.sol.width50,
  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span.sol.width50.mright20,
  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields > span.sol.genelwidth{
    width:100% !important;
    float:none !important;
    margin-right:0 !important;
  }

  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields .select2-container,
  #rezervasyon #arac .alis_yeri .donus-yeri-panel__fields select{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
  }

  /* RÜCKGABE (DÖNÜŞ) BLOĞU — eski #lokasyon kuralları (geriye uyumluluk) */
  #lokasyon:not([style*="display:none"]):not([style*="display: none"]) {
    display: block;
    width:100% !important;
  }

  #lokasyon[style*="display:none"],
  #lokasyon[style*="display: none"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Kupon alanı 3px yukarı */
  #rezervasyon .kupon_mobil .mtop10 {
    margin-top: 7px !important;
  }
}

/* Rezervasyon (#arac) — mobil/tablet düzenli yerleşim */
@media only screen and (max-width: 1279px) {
  #rezervasyon .tab-content {
    width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  #rezervasyon .tab,
  #rezervasyon #arac.tab-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #arac form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  #rezervasyon #arac form > .sol.genelwidth,
  #rezervasyon #arac .alis_yeri,
  #rezervasyon #arac .alis_tarihi,
  #rezervasyon #arac .donus_tarihi,
  #rezervasyon #arac #lokasyon,
  #rezervasyon #arac .kupon_mobil {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  /* Üst alanlar: alış yeri + tarihler */
  #rezervasyon #arac form > .sol.genelwidth:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  #rezervasyon #arac .alis_yeri,
  #rezervasyon #arac .alis_tarihi,
  #rezervasyon #arac .donus_tarihi {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  /* Etiketler */
  #rezervasyon #arac .fontkalin.mbottom5 {
    display: block !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
  }

  /* Select2 — flex yerine line-height ile dikey hizalama */
  #rezervasyon #arac .select2-container {
    width: 100% !important;
    display: block !important;
  }

  #rezervasyon #arac .select2-container .select2-selection--single {
    height: 38px !important;
    min-height: 38px !important;
    display: block !important;
    padding: 6px 28px 6px 8px !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #arac .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block !important;
    line-height: 24px !important;
    height: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #rezervasyon #arac .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(100% - 2px) !important;
    top: 1px !important;
    right: 1px !important;
    width: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #rezervasyon #arac .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
  }

  #rezervasyon #arac .saat .select2-container .select2-selection--single {
    background-position: 7px center !important;
    padding-left: 6px !important;
    padding-right: 22px !important;
  }

  #rezervasyon #arac .saat .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 18px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
  }

  /* Tarih + saat satırı — tarih dar, saat geniş */
  #rezervasyon #arac .alis_tarihi > .genelwidth:not(.fontkalin),
  #rezervasyon #arac .donus_tarihi > .genelwidth:not(.fontkalin) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  #rezervasyon #arac .alis_tarihi .mright20,
  #rezervasyon #arac .donus_tarihi .mright20 {
    margin-right: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
  }

  #rezervasyon #arac .alis_tarihi .saat,
  #rezervasyon #arac .donus_tarihi .saat {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  #rezervasyon #arac .saat .select2-container {
    width: 100% !important;
    min-width: 104px !important;
  }

  #rezervasyon #arac input[type=text].date {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    padding-left: 32px !important;
  }

  #rezervasyon #arac .alis_yeri .arac-donus-checkbox {
    margin-top: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #rezervasyon #arac .checkbox {
    margin: 0 !important;
    min-height: 0 !important;
  }

  #rezervasyon #arac .checkbox label {
    line-height: 1.1 !important;
    padding-top: 1px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Araç — mobil/tablet: sprite yerine CSS checkbox (sprite taşması) */
  #rezervasyon #arac .arac-donus-checkbox input[type=checkbox]:not(old) {
    -webkit-appearance: none !important;
    appearance: none !important;
    opacity: 1 !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 3px !important;
    background: #fff !important;
    background-image: none !important;
    overflow: hidden !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #arac .arac-donus-checkbox input[type=checkbox]:not(old):checked {
    background-color: #0f81ca !important;
    border-color: #0f81ca !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.2 5.2l3 3 6.6-6.6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 10px 8px !important;
  }

  #rezervasyon #arac .arac-donus-checkbox input[type=checkbox]:not(old) + label {
    background: none !important;
    background-image: none !important;
    margin-left: 0 !important;
    padding-left: 8px !important;
    line-height: 17px !important;
    min-height: 17px !important;
    overflow: visible !important;
  }

  /* Kupon */
  #rezervasyon #arac > form > .kupon_mobil {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
  }

  #rezervasyon #arac .kupon_mobil .mtop10 {
    margin-top: 0 !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #arac input[type=text].kuponkodu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Gönder butonu */
  #rezervasyon #arac input[type=submit] {
    margin-top: 4px !important;
  }

  /* Transfer sekmesi — mobil/tablet */
  #rezervasyon #transfer .transfer-rezervasyon-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  #rezervasyon #transfer .transfer-form-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    float: none !important;
    width: 100% !important;
  }

  #rezervasyon #transfer .tf-gidis { order: 1; }
  #rezervasyon #transfer .tf-donus { order: 2; }
  #rezervasyon #transfer .tf-alis { order: 3; }
  #rezervasyon #transfer .tf-roundtrip { order: 4; }
  #rezervasyon #transfer .tf-yetiskin { order: 5; }
  #rezervasyon #transfer .tf-cocuk { order: 6; }
  #rezervasyon #transfer .tf-kupon,
  #rezervasyon #transfer .transfer-form-fields > .transfer-form-kupon,
  #rezervasyon #transfer .transfer-form-fields > .kupon_mobil,
  #rezervasyon #transfer .transfer-form-fields > .transfer-kupon-block { order: 7; }

  #rezervasyon #transfer .transfer-form-fields > .tf-field,
  #rezervasyon #transfer .transfer-roundtrip-block,
  #rezervasyon #transfer .transfer-kupon-block,
  #rezervasyon #transfer .transfer-roundtrip-check,
  #rezervasyon #transfer .transfer-kupon-check,
  #rezervasyon #transfer .transfer-alis-datetime,
  #rezervasyon #transfer .transfer-donus-panel,
  #rezervasyon #transfer .transfer-kupon-panel,
  #rezervasyon #transfer .transfer_gidis,
  #rezervasyon #transfer .transfer_donus,
  #rezervasyon #transfer .transfer_yetiskin,
  #rezervasyon #transfer .transfer_cocuk,
  #rezervasyon #transfer .talis_tarihi {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-block {
    clear: both !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #rezervasyon #transfer .transfer-kupon-block {
    clear: both !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-check label {
    line-height: 1.25 !important;
    margin-bottom: 0 !important;
  }

  #rezervasyon #transfer .transfer-kupon-check label {
    line-height: 1.25 !important;
    margin-bottom: 0 !important;
  }

  #rezervasyon #transfer .transfer-donus-panel {
    margin: 0 !important;
  }

  #rezervasyon #transfer .transfer-kupon-panel {
    margin: 0 !important;
  }

  #rezervasyon #transfer .transfer-kupon-panel:not(.is-hidden) {
    position: static !important;
    top: auto !important;
    left: auto !important;
  }

  #rezervasyon #transfer .transfer-kupon-block.is-panel-open {
    min-height: 0 !important;
  }

  #rezervasyon #transfer .transfer-donus-panel:not(.is-hidden) {
    display: block !important;
  }

  #rezervasyon #transfer .transfer-kupon-panel:not(.is-hidden) {
    display: block !important;
  }

  #rezervasyon #transfer .transfer-donus-panel.is-hidden {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #rezervasyon #transfer .transfer-kupon-panel.is-hidden {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #rezervasyon #transfer .transfer-form-bottom {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    float: none !important;
    width: 100% !important;
  }

  #rezervasyon #transfer .transfer-form-bottom > * {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .transfer-form-bottom .transfer-form-kupon input.kuponkodu,
  #rezervasyon #transfer .transfer-form-bottom .kupon_mobil input.kuponkodu,
  #rezervasyon #transfer .transfer-form-fields > .transfer-form-kupon input.kuponkodu,
  #rezervasyon #transfer .transfer-form-fields > .kupon_mobil input.kuponkodu,
  #rezervasyon #transfer .transfer-kupon-panel input.kuponkodu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .transfer-form-fields > .transfer-form-kupon,
  #rezervasyon #transfer .transfer-form-fields > .kupon_mobil,
  #rezervasyon #transfer .transfer-form-fields > .transfer-kupon-block {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .transfer-alis-datetime > .genelwidth:not(.fontkalin),
  #rezervasyon #transfer .transfer-donus-panel__fields > .genelwidth {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    float: none !important;
  }

  #rezervasyon #transfer .transfer-alis-datetime .mright20,
  #rezervasyon #transfer .transfer-donus-panel .mright20 {
    margin-right: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
  }

  #rezervasyon #transfer .transfer-alis-datetime .saat,
  #rezervasyon #transfer .transfer-donus-panel .saat {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  #rezervasyon #transfer .saat .select2-container {
    width: 100% !important;
    min-width: 104px !important;
  }

  #rezervasyon #transfer input[type=text].date {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .checkbox:not(.transfer-roundtrip-check) {
    margin: 0 !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-check {
    margin: 10px 0 !important;
    padding: 0 !important;
    min-height: 0;
    display: flex !important;
    align-items: center !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-check input[type=checkbox]:not(old) + label {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  /* Transfer — mobil/tablet: sprite yerine CSS checkbox (sprite taşması) */
  #rezervasyon #transfer .transfer-roundtrip-check input[type=checkbox]:not(old),
  #rezervasyon #transfer .transfer-kupon-check input[type=checkbox]:not(old) {
    -webkit-appearance: none !important;
    appearance: none !important;
    opacity: 1 !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 3px !important;
    background: #fff !important;
    background-image: none !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-check input[type=checkbox]:not(old):checked,
  #rezervasyon #transfer .transfer-kupon-check input[type=checkbox]:not(old):checked {
    background-color: #0f81ca !important;
    border-color: #0f81ca !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.2 5.2l3 3 6.6-6.6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 10px 8px !important;
  }

  #rezervasyon #transfer .transfer-roundtrip-check input[type=checkbox]:not(old) + label,
  #rezervasyon #transfer .transfer-kupon-check input[type=checkbox]:not(old) + label {
    background: none !important;
    background-image: none !important;
    margin-left: 0 !important;
    padding-left: 8px !important;
    line-height: 17px !important;
    min-height: 17px !important;
    overflow: visible !important;
    flex: 1 1 auto !important;
  }

  #rezervasyon #transfer .checkbox:not(.transfer-roundtrip-check) input[type=checkbox]:not(old) + label,
  #rezervasyon #transfer .checkbox:not(.transfer-roundtrip-check) input[type=radio]:not(old) + label {
    margin-bottom: 5px !important;
  }

  #rezervasyon #transfer .transfer-form-submit input[type=submit] {
    margin-top: 0 !important;
    width: 100% !important;
  }
}


/* =========================================
   LARGE PHONE (416–767px) - TEK BLOK
   ========================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* =========================
     GENEL KAPSAYICI
     ========================= */
  .ortala{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  /* =========================
     HABER KARTLARI (haber1..4)
     ========================= */
  .ortala > .sol.haber1,
  .ortala > .sol.haber2,
  .ortala > .sol.haber3,
  .ortala > .sol.haber4{
    float:none !important;
    width:100% !important;
    margin-right:0 !important;
    margin-bottom:16px !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  .ortala .haber1 img,
  .ortala .haber2 img,
  .ortala .haber3 img,
  .ortala .haber4 img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  .ortala .haber_adi{
    float:none !important;
    display:block !important;
    margin:10px auto 0 auto !important;
    text-align:center !important;
    position:static !important;
  }


  /* =========================
     FOOTER
     ========================= */
  footer{
    width:100% !important;
    min-width:0 !important;
  }

  footer .ortala{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  footer .table_grid{
    width:100% !important;
    display:block !important;
  }

  footer .table_grid ._grid{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:0 0 18px 0 !important;
    box-sizing:border-box !important;
  }

  footer .footer_aciklama,
  footer ul li a,
  footer .footer_sube{
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  footer .footer_sube{
    float:none !important;
    width:100% !important;
    display:block !important;
  }

  footer .copyright{
    float:none !important;
    width:100% !important;
    text-align:center !important;
  }

  footer .copyright .sol,
  footer .copyright .sag{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:8px 0 0 0 !important;
    text-align:center !important;
  }

  footer .copyright img{
    max-width:180px !important;
    height:auto !important;
  }


  /* =========================
     ARAÇ VİTRİN (arac_vitrin) - slider kapat, tek kolon
     ========================= */
  .arac_vitrin .viewport{
    height:auto !important;
    overflow:visible !important;
  }

  .arac_vitrin .overview{
    position:static !important;
    width:100% !important;
    left:auto !important;
  }

  .arac_vitrin .overview li{
    float:none !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 20px 0 !important;
    position:relative !important;
  }

  .arac_vitrin .overview li .hizmet_bolge,
  .arac_vitrin .overview li .hizmet_bolge_alt{
    width:100% !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  .arac_vitrin .overview li img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* Şehir etiketi araç görselinin içine */
  .arac_vitrin .overview li .hizmet_bolge{
    position:relative !important;
  }

  .arac_vitrin .overview li .sehir_adi{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    z-index:50 !important;
    margin:0 !important;
    transform:none !important;
    background:#00bfff !important;
    color:#fff !important;
    padding:8px 12px !important;
    border-radius:6px !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  .arac_vitrin .buttons,
  .arac_vitrin .pager{
    display:none !important;
  }


  /* =========================
     HABERLER / VİTRİN (vitrin) - slider kapat, tek kolon
     ========================= */
  .vitrin .viewport{
    height:auto !important;
    overflow:visible !important;
  }

  .vitrin .overview{
    position:static !important;
    width:100% !important;
    left:auto !important;
  }

  .vitrin .overview li{
    float:none !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 20px 0 !important;
  }

  .vitrin .overview li .hizmet_bolge,
  .vitrin .overview li .hizmet_bolge_alt{
    width:100% !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  .vitrin .overview li .hizmet_bolge img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  .vitrin .buttons,
  .vitrin .pager{
    display:none !important;
  }


  /* =========================
     PRICE SAYFASI (grid) - arabalar gizlenmesin
     ========================= */
  .genelwidth.grid{
    height:auto !important;
    position:static !important;
  }

  .genelwidth.grid .arac_list{
    position:static !important;
    left:auto !important;
    top:auto !important;
    float:none !important;
    width:100% !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .genelwidth.grid .arac_list .resim,
  .genelwidth.grid .arac_list .aciklama,
  .genelwidth.grid .arac_list .fiyat_listesi{
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .resim img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* --- Kişi/Bagaj/Yakıt/Vites: 2x2 grid (bozulmaz) --- */
  .genelwidth.grid .arac_list .kisi,
  .genelwidth.grid .arac_list .bagaj,
  .genelwidth.grid .arac_list .yakit,
  .genelwidth.grid .arac_list .vites{
    float:left !important;
    width:50% !important;
    box-sizing:border-box !important;
    margin:8px 0 0 0 !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    text-align:center !important;
  }

  /* "sol temizle kisi" gibi gelen temizle class'ı float temizliği yapmasın */
  .genelwidth.grid .arac_list .kisi.temizle{
    clear:none !important;
  }

  /* Özellikler bloğundan sonra satırı temizle */
  .genelwidth.grid .arac_list .aciklama::after{
    content:"";
    display:block;
    clear:both;
  }

  /* --- Fiyat listesi: sol etiket / sağ değer (grid) --- */
  .genelwidth.grid .arac_list .fiyat_listesi{
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid #eee !important;
    display:grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    row-gap:8px !important;
    column-gap:12px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span{
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    min-width:0 !important;
    display:block !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span.sol{
    justify-self:start !important;
    text-align:left !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span.sag{
    justify-self:end !important;
    text-align:right !important;
    white-space:nowrap !important;
  }

  /* Buton tam genişlik */
  .genelwidth.grid .arac_list .fiyat_listesi .genelwidth{
    grid-column: 1 / -1 !important;
    margin-top:10px !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi input[type="submit"]{
    width:100% !important;
    display:block !important;
  }

  .genelwidth.grid .arac_list .sol.genelwidth.renk.mtop5.font16.fontkalin{
    display:block !important;
    text-align:center !important;
    width:100% !important;
    margin-top:12px !important;
    margin-bottom:6px !important;
    clear:both !important;
  }
  .genelwidth.grid .arac_list .dahil_hizmetler{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 4px 0 !important;
    min-height:auto !important;
    height:auto !important;
    font-size:12px !important;
    color:#666 !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
  .genelwidth.grid .arac_list .dahil_hizmetler .icon_{
    width:50% !important;
    box-sizing:border-box !important;
    padding:4px 8px !important;
    height:auto !important;
    float:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
  }
  
}

@media only screen and (min-width:416px) and (max-width:767px){
  .arac_vitrin .overview li .hizmet_bolge_alt{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* Mobile-L (416–767) arac vitrin hizalama fix */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Kart zinciri: li > a > hizmet_bolge tam genişlik olsun */
  .arac_vitrin .overview li{
    width:100% !important;
    margin:0 0 20px 0 !important;
    padding:0 !important;
    float:none !important;
    box-sizing:border-box !important;
  }

  .arac_vitrin .overview li > a{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .arac_vitrin .overview li .hizmet_bolge{
    float:none !important;           /* .sol float'ını iptal */
    width:100% !important;
    margin:0 !important;
    padding:0 !important;            /* varsa sağ-sol iç boşlukları sıfırla */
    box-sizing:border-box !important;
    overflow:hidden !important;      /* içerideki float taşmalarını toparlar */
  }

/* Görsel tam otursun (inline img boşluğu olmasın) */
  .arac_vitrin .overview li .hizmet_bolge > img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  /* Alt bölüm gerçekten tam otursun */
  .arac_vitrin .overview li .hizmet_bolge_alt{
    float:none !important;           /* .sol float'ını iptal */
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================================
   Mobile-L (416–767) - Ekstralar tek kolon
   ========================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Ekstralar sayfasındaki kutular: .width24 */
  form .width24{
    float:none !important;          /* .sol float'ını iptal */
    width:100% !important;          /* tek kolon */
    margin:0 auto 14px auto !important;
    box-sizing:border-box !important;
  }

  /* Kart içi alanlar tam genişlik */
  form .width24 label{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* Sol içerik (ikon + başlık + fiyat) */
  form .width24 .alan,
  form .width24 .salan{
    float:none !important;
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  /* Sağdaki adet alanı (select) alt satıra gelsin, ortalansın */
  form .width24 .adet{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin-top:10px !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  /* Select2 tam genişlik */
  form .width24 .select2,
  form .width24 select{
    width:100% !important;
    max-width:280px;                /* ortada güzel dursun */
  }

  /* Checkbox ile label hizası (kutucuk kaymasın) */
  form .width24 input.checkbox{
    position:absolute;
    margin:12px 0 0 12px !important;
    z-index:5;
  }

  /* Kutunun içeriği checkbox’a çarpmasın */
  form .width24 label{
    padding-left:40px !important;
  }
  input[type=submit].submit {
    margin: 5px 0 0 0;
    cursor: pointer;
    background-color: #00bfff;
    font-size: 16px;
    padding: 11px 25px 10px 25px;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    border: 0px;
    font-family: 'Nunito'; }
}
/* =========================================
   Mobile-L (416–767) - Ekstralar küçük mobil gibi
   ========================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Kartlar tek kolon */
  form .width24{
    float:none !important;
    width:100% !important;
    margin:0 0 14px 0 !important;
    box-sizing:border-box !important;
  }

  /* Checkbox absolute olmasın (önceki kuralı ez) */
  form .width24 input.checkbox{
    position:static !important;
    margin:0 !important;
  }

  /* Kart içini flex satırına çevir: [checkbox] [icerik] [adet] */
  form .width24{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 12px !important;
    border:1px solid #eee;
    border-radius:8px;
    background:#fff;
  }

  /* Label içeriği (ikon + yazılar) */
  form .width24 label{
    flex:1 1 auto !important;
    display:block !important;
    width:auto !important;
    padding:0 !important;          /* eski padding-left’i iptal */
    margin:0 !important;
  }

  /* İç bloklar float olmasın */
  form .width24 .alan,
  form .width24 .salan{
    float:none !important;
    width:100% !important;
    display:block !important;
  }

  /* İkonu ve yazıları yan yana daha temiz göster */
  form .width24 .alan > i,
  form .width24 .salan > i{
    float:none !important;
    display:inline-block !important;
    margin-right:10px !important;
    vertical-align:middle;
  }

  /* Başlık satırı */
  form .width24 .fontkalin{
    float:none !important;
    display:inline-block !important;
    vertical-align:middle;
  }

  /* Adet alanı sağda sabit */
  form .width24 .adet{
    float:none !important;
    width:92px !important;
    flex:0 0 92px !important;
    margin:0 !important;
    text-align:center !important;
  }

  /* select2 kutusu küçük ve düzgün */
  form .width24 .adet .select2,
  form .width24 .adet select{
    width:92px !important;
  }

  /* "Adet" yazısı */
  form .width24 .adet center{
    margin-bottom:6px;
    font-weight:600;
  }

  /* Tooltip soru işareği sağa kaçmasın */
  form .width24 .the-tooltip{
    float:none !important;
    display:inline-block !important;
    margin-left:8px !important;
  }
}
/* =========================================
   Mobile-L (416–767) - Ekstralar: küçük mobil düzeni (GRID)
   ========================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Kart */
  form .width24{
    float:none !important;
    width:100% !important;
    margin:0 0 14px 0 !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns: 26px 1fr 96px;  /* checkbox | içerik | adet */
    column-gap:12px;
    align-items:center;

    padding:14px 12px !important;
    border:1px solid #eee;
    border-radius:10px;
    background:#fff;
  }

  /* Checkbox solda tek kolonda kalsın */
  form .width24 input.checkbox{
    position:static !important;
    margin:0 !important;
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
  }

  /* Label: orta kolon */
  form .width24 label{
    grid-column:2;
    grid-row:1;
    display:block !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* İçerik blokları float iptal */
  form .width24 .alan,
  form .width24 .salan{
    float:none !important;
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  /* İkon + yazı küçük mobil gibi */
  form .width24 .alan > i,
  form .width24 .salan > i{
    float:none !important;
    display:inline-block !important;
    vertical-align:middle;
    margin-right:10px !important;
    font-size:26px;
  }

  form .width24 .fontkalin{
    float:none !important;
    display:inline-block !important;
    vertical-align:middle;
  }

  /* Tooltip ikonunu satır içinde tut */
  form .width24 .the-tooltip{
    float:none !important;
    display:inline-block !important;
    margin-left:6px !important;
    vertical-align:middle;
  }

  /* Adet: sağ kolon */
  form .width24 .adet{
    grid-column:3;
    grid-row:1;
    float:none !important;
    width:96px !important;
    margin:0 !important;
    text-align:center !important;
    justify-self:end;
  }

  form .width24 .adet center{
    margin:0 0 6px 0 !important;
    font-weight:600;
  }

  /* Select2 / select küçük ve düzgün */
  form .width24 .adet .select2,
  form .width24 .adet select{
    width:96px !important;
  }

  /* Adet yoksa sağ kolon boş kalmasın */
  form .width24 .adet:has(input[type="hidden"]){
    width:auto !important;
  }
}
@media only screen and (min-width:416px) and (max-width:767px){

  /* Ekstralar kartı içinde float kullanan her şeyi normal akışa al */
  form .width24 .alan *,
  form .width24 .salan *{
    float:none !important;
  }

  /* İkon + başlık aynı satır (küçük mobil gibi) */
  form .width24 .alan,
  form .width24 .salan{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* İkon sola otursun */
  form .width24 .alan > i,
  form .width24 .salan > i{
    display:block !important;
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:26px;
  }

  /* Metin bloğu ikonun sağına gelsin */
  form .width24 .alan > span,
  form .width24 .salan > span{
    display:block !important;
    flex:1 1 auto !important;
    margin:0 !important;
  }

  /* Başlık ve alt fiyat satırı düzgün dursun */
  form .width24 .fontkalin{
    display:block !important;
    margin:0 !important;
  }

  form .width24 .font12{
    display:block !important;
    margin-top:4px !important;
  }
}

/* =========================================================
   FIX PACK — Mobile-L (416–767px)
   En alta ekle (silme yok) — çakışmaları ezmek için!
   ========================================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* -------------------------
     GENEL KAPSAYICI
     ------------------------- */
  .ortala{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  /* =========================================================
     1) ANASAYFA ARAÇ VİTRİNİ — hizalama/sağ boşluk sorunu
     Kaynağı: 98% + padding:1% kuralları (app.css içinde var)
     ========================================================= */
  .arac_vitrin .overview,
  .arac_vitrin .viewport{
    width:100% !important;
  }

  .arac_vitrin .overview li{
    float:none !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box !important;
  }

  .arac_vitrin .overview li .hizmet_bolge{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    position:relative !important;
    background:#fff !important;
    border-radius:5px !important;
    box-shadow:0 0 4px #ddd !important;
    overflow:hidden !important;
  }

  /* !!! Kritik: 98% / 1% padding’i EZ !!! */
  .arac_vitrin .overview li .hizmet_bolge img{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    height:auto !important;
    display:block !important;
    box-sizing:border-box !important;
    border-radius:5px 5px 0 0 !important;
  }

  .arac_vitrin .overview li .hizmet_bolge_alt{
    width:100% !important;
    padding:10px 10px 0 10px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }

  /* Günlük fiyat barı taşmasın */
  .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat{
    width:100% !important;
    margin:10px 0 0 0 !important;
    box-sizing:border-box !important;
  }

  /* Dahil hizmetler 2 sütun — metin alanı kadar satır */
  .arac_vitrin .dahil_hizmetler{
    display: flex !important;
    flex-wrap: wrap !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 5px 10px 8px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-bottom: 1px solid #eee !important;
    align-items: flex-start !important;
  }
  .arac_vitrin .dahil_hizmetler .icon_{
    width: 50% !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    word-break: normal !important;
  }
  .arac_vitrin .dahil_hizmetler .icon_.the-tooltip > :last-child {
    display: none !important;
  }
  .arac_vitrin .dahil_hizmetler .icon_ i {
    flex-shrink: 0 !important;
    margin-top: 1px !important;
  }

  /* Alt 4 ikon satırı (x5 / x4 / vites / yakıt) eşit dağılsın */
  .arac_vitrin .overview li .hizmet_bolge_alt .icon2,
  .arac_vitrin .overview li .hizmet_bolge_alt .icon{
    float:left !important;
    box-sizing:border-box !important;
    padding:10px 0 !important;
    text-align:center !important;
  }
  .arac_vitrin .overview li .hizmet_bolge_alt .icon2{ width:25% !important; }
  .arac_vitrin .overview li .hizmet_bolge_alt .icon{  width:25% !important; }

  /* Şehir etiketi resmin içine */
  .arac_vitrin .overview li .sehir_adi{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    z-index:50 !important;
    margin:0 !important;
    background:#00bfff !important;
    color:#fff !important;
    padding:8px 12px !important;
    border-radius:6px !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  /* Slider okları/pager kapansın */
  .arac_vitrin .buttons,
  .arac_vitrin .pager,
  .arac_vitrin .prev,
  .arac_vitrin .next{
    display:none !important;
  }


  /* =========================================================
     2) PRICE SAYFASI — grid arabalar / fiyat listesi hizası
     ========================================================= */
  .genelwidth.grid{
    height:auto !important;
    position:static !important;
  }

  .genelwidth.grid .arac_list{
    position:static !important;
    left:auto !important;
    top:auto !important;
    float:none !important;
    width:100% !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .genelwidth.grid .arac_list .resim,
  .genelwidth.grid .arac_list .aciklama,
  .genelwidth.grid .arac_list .fiyat_listesi{
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .resim img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  /* kişi/bagaj/yakıt/vites bozulmasın: 2x2 */
  .genelwidth.grid .arac_list .kisi,
  .genelwidth.grid .arac_list .bagaj,
  .genelwidth.grid .arac_list .yakit,
  .genelwidth.grid .arac_list .vites{
    float:left !important;
    width:50% !important;
    box-sizing:border-box !important;
    margin:8px 0 0 0 !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    text-align:center !important;
  }
  .genelwidth.grid .arac_list .kisi.temizle{ clear:none !important; }
  .genelwidth.grid .arac_list .aciklama::after{
    content:"";
    display:block;
    clear:both;
  }

  /* fiyat_listesi: sol etiket / sağ değer (grid) */
  .genelwidth.grid .arac_list .fiyat_listesi{
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid #eee !important;
    display:grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    row-gap:8px !important;
    column-gap:12px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }
  .genelwidth.grid .arac_list .fiyat_listesi > span{
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    min-width:0 !important;
    display:block !important;
  }
  .genelwidth.grid .arac_list .fiyat_listesi > span.sol{
    justify-self:start !important;
    text-align:left !important;
  }
  .genelwidth.grid .arac_list .fiyat_listesi > span.sag{
    justify-self:end !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
  .genelwidth.grid .arac_list .fiyat_listesi .genelwidth{
    grid-column: 1 / -1 !important;
    margin-top:10px !important;
  }
  .genelwidth.grid .arac_list .fiyat_listesi input[type="submit"]{
    width:100% !important;
    display:block !important;
  }

  .genelwidth.grid .arac_list .sol.genelwidth.renk.mtop5.font16.fontkalin{
    display:block !important;
    text-align:center !important;
    width:100% !important;
    margin-top:12px !important;
    margin-bottom:6px !important;
    clear:both !important;
  }
  .genelwidth.grid .arac_list .dahil_hizmetler{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 4px 0 !important;
    min-height:auto !important;
    height:auto !important;
    font-size:12px !important;
    color:#666 !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
  .genelwidth.grid .arac_list .dahil_hizmetler .icon_{
    width:50% !important;
    box-sizing:border-box !important;
    padding:4px 8px !important;
    height:auto !important;
    float:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
  }


  /* =========================================================
     3) EKSTRALAR / SİGORTALAR — küçük mobil gibi (ikon solda)
     Mevcut .width24 sabit px ve checkbox+label genişlikleri EZİLİR
     ========================================================= */
  form .width24{
    float:none !important;
    width:100% !important;
    margin:0 0 14px 0 !important;
    padding:14px 12px !important;
    min-height:unset !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    border:1px solid #eee !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  /* checkbox: solda sabit */
  form .width24 input.checkbox,
  form .width24 input[type=checkbox]:not(old){
    float:none !important;
    position:static !important;
    margin:0 !important;
    flex:0 0 22px !important;
  }

  /* label: orta alan */
  form .width24 label{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    flex:1 1 auto !important;
    display:block !important;
  }

  /* içerik: ikon + metin YAN YANA (ikon yukarı kaçmasın) */
  form .width24 .alan,
  form .width24 .salan{
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* ikon solda */
  form .width24 .alan > i,
  form .width24 .salan > i{
    float:none !important;
    flex:0 0 auto !important;
    display:block !important;
    margin:0 !important;
    font-size:28px !important;
    width:auto !important;
    height:auto !important;
  }

  /* metin bloğu ikonun sağında */
  form .width24 .alan > span,
  form .width24 .salan > span{
    float:none !important;
    width:auto !important;
    flex:1 1 auto !important;
    display:block !important;
  }

  /* tooltip satır içinde kalsın */
  form .width24 .the-tooltip{
    float:none !important;
    display:inline-block !important;
    margin-left:6px !important;
    vertical-align:middle !important;
  }

  /* adet: sağda */
  form .width24 .adet{
    float:none !important;
    width:96px !important;
    flex:0 0 96px !important;
    margin:0 !important;
    text-align:center !important;
  }
  form .width24 .adet center{
    margin:0 0 6px 0 !important;
    font-weight:600 !important;
  }
  form .width24 .adet .select2,
  form .width24 .adet select{
    width:50px !important;
    max-width:50px !important;
  }
  
}
@media only screen and (min-width:416px) and (max-width:767px){

  /* Tooltip span'i geniş blok olmasın */
  form .width24 .the-tooltip{
    display:inline-flex !important;
    width:auto !important;
    max-width:24px !important;     /* sadece ikon kadar yer kaplasın */
    min-width:0 !important;
    padding:0 !important;
    margin:0 0 0 8px !important;
    line-height:1 !important;
    vertical-align:middle !important;
  }

  /* Tooltip içindeki soru işareti (i) */
  form .width24 .the-tooltip > i{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
  }

  /* Tooltip açıklama metni (span) layout'u itmesin */
  form .width24 .the-tooltip > span{
    position:absolute !important;
    left:-9999px !important;       /* tooltip metni DOM'da kalsın ama yer kaplamasın */
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
  }

  /* Başlık (extra adı) ile tooltip aynı satırda kalsın */
  form .width24 .fontkalin{
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
  }
  
}



/* ================================
   EKSTRALAR (reservation_) Mobile-L fix
   ================================ */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Sadece ekstralar formunu hedefle (action içinde reservation_ var) */
  form[action*="reservation_"] .width24{
    float:none !important;
    width:100% !important;
    margin:0 0 14px 0 !important;
    padding:14px 12px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #eee !important;
    border-radius:10px !important;

    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
  }

  /* Checkbox solda */
  form[action*="reservation_"] .width24 > input.checkbox{
    position:static !important;
    margin:6px 0 0 0 !important;
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
  }

  /* Adet sağda */
  form[action*="reservation_"] .width24 .adet{
    float:none !important;
    margin:0 !important;
    flex:0 0 92px !important;
    width:92px !important;
    text-align:center !important;
  }

  /* Orta içerik */
  form[action*="reservation_"] .width24 > label{
    flex:1 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
  }

  /* ikon + metin alanı: WRAP açık */
  form[action*="reservation_"] .width24 .alan,
  form[action*="reservation_"] .width24 .salan{
    display:flex !important;
    flex-wrap:wrap !important;         /* kritik */
    align-items:flex-start !important;
    gap:0 !important;
    width:100% !important;
  }

  /* ikon solda sabit */
  form[action*="reservation_"] .width24 .alan > i,
  form[action*="reservation_"] .width24 .salan > i{
    flex:0 0 36px !important;
    width:36px !important;
    font-size:30px !important;
    line-height:1 !important;
    margin:2px 10px 0 0 !important;
  }

  /* Başlık: ikonun sağında tek satır + tooltip yanında */
  form[action*="reservation_"] .width24 .alan > span.fontkalin,
  form[action*="reservation_"] .width24 .salan > span.fontkalin{
    flex:1 1 auto !important;
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Tooltip yer kaplamasın */
  form[action*="reservation_"] .width24 .the-tooltip{
    display:inline-flex !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle !important;
  }

  /* Fiyat satırı: mutlaka ALT SATIR (ikon hizasında) */
  form[action*="reservation_"] .width24 .alan > span.font12,
  form[action*="reservation_"] .width24 .salan > span.font12{
    flex:0 0 calc(100% - 46px) !important; /* ikon+boşluk kadar düş */
    margin:6px 0 0 46px !important;        /* ikon hizasına otur */
    padding:0 !important;
    display:block !important;
    width:auto !important;
    text-align:left !important;
    white-space:nowrap !important;
  }
}
@media only screen and (min-width:416px) and (max-width:767px){

  /* Tooltip ikonuna dokununca checkbox tetiklenmesin */
  form[action*="reservation_"] .the-tooltip{
    position:relative !important;
    z-index:60 !important;
    pointer-events:auto !important;
  }

  /* Tooltip içindeki ? ikonuna dokunmayı hedefle */
  form[action*="reservation_"] .the-tooltip > i{
    pointer-events:auto !important;
  }

  /* Tooltip metnini mobilde görünür yap (hover yok -> focus/active kullan) */
  form[action*="reservation_"] .the-tooltip:active > span,
  form[action*="reservation_"] .the-tooltip:focus > span,
  form[action*="reservation_"] .the-tooltip:focus-within > span{
    position:absolute !important;
    left:0 !important;
    top:28px !important;
    width:260px !important;
    max-width:70vw !important;
    height:auto !important;
    overflow:visible !important;
    padding:10px 12px !important;
    border-radius:8px !important;
    background:#111 !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.35 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.25) !important;
    z-index:999 !important;
    white-space:normal !important;
  }
}
/* =========================================
   reservation_.html  MOBILE-L FIX (416-767)
   ========================================= */
@media only screen and (min-width:416px) and (max-width:767px){

  /* Genel taşmaları engelle */
  html, body{ overflow-x:hidden !important; }
  .ortala{ width:100% !important; padding:0 12px !important; box-sizing:border-box !important; }

  /* Üst özet alanı: 3 kolon alt alta */
  .background__ .width33,
  .background__ .sag.width33{
    float:none !important;
    width:100% !important;
    margin:0 0 12px 0 !important;
    box-sizing:border-box !important;
  }

  /* Mobilde gizlenenleri zaten gizliyorsun, garantiye alalım */
  .mobil_hide{ display:none !important; }

  /* Form içi 50/50 kolonlar tek kolona */
	.rezervasyon_width50 { width:98%; border:0px; margin-bottom:5px; }

  /* Form inputları (sol/sag) tek kolona */
  #kontrol2 .rezervasyon_input.sol,
  #kontrol2 .rezervasyon_input.sag,
  #kontrol2 textarea.rezervasyon_input.sol,
  #kontrol2 textarea.rezervasyon_input.sag{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:0 0 10px 0 !important;
    box-sizing:border-box !important;
  }

  /* Checkbox’lı satırlar taşmasın */
  #kontrol2 .genelwidth.sol.mbottom5,
  #kontrol2 .genelwidth.sol.mbottom0,
  #kontrol2 .form-onay-row{
    float:none !important;
    width:100% !important;
  }

  /* Özet tablo gibi duran “sol/sag” fiyat satırları: taşma yapmasın */
  .rezervasyon_width50 .ciz,
  .rezervasyon_width50 .temizle.sol,
  .rezervasyon_width50 .sag{
    float:none !important;
    width:100% !important;
    text-align:left;
    box-sizing:border-box !important;
  }
  .rezervasyon_width50 .sag{ text-align:right !important; }

  /* Macaw tabs iki kolon duruşunu kapat */
  .macaw-tabs{
    display:block !important;
  }
  .macaw-tabs [role="tablist"]{
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .macaw-tabs [role="tablist"] button[role="tab"]{
    flex:1 1 calc(50% - 8px) !important;
    width:auto !important;
  }
  .macaw-tabs [role="tabpanel"]{
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* Submit butonları tam genişlik */
  #kontrol2 input[type="submit"],
  #kontrol2 .rezervasyon_submit,
  #kontrol2 .rz-submit-wrap,
  #kontrol2 .rz-submit-loading-face.rezervasyon_submit{
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
  }
  #kontrol2 .rz-submit-loading-face.rezervasyon_submit{
    display:flex !important;
  }
}
@media only screen and (min-width:416px) and (max-width:767px){

  /* Genel container */
  .ortala{width:100% !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important;}

  /* ---------- 1) EXTRAS / SIGORTA KARTLARI ---------- */
  .width24{float:none !important; width:100% !important; margin:0 0 14px 0 !important; box-sizing:border-box !important;}

  /* Kart içi kutu (label > .alan / .salan) */
  .width24 label{display:block !important;}
  .width24 .alan,
  .width24 .salan{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    width:calc(100% - 110px) !important; /* sağdaki adet alanına yer aç */
    box-sizing:border-box !important;
  }

  /* Checkbox solda sabit kalsın (label dışında kalan input) */
  .width24 > input.checkbox{margin:18px 12px 0 10px !important;}

  /* İkon sola hizalı ve sabit boy */
  .width24 .alan > i,
  .width24 .salan > i{
    flex:0 0 40px !important;
    font-size:34px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  /* Başlık + tooltip aynı satırda */
  .width24 .alan > span.fontkalin,
  .width24 .salan > span.fontkalin{
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }

  /* Fiyat alt satıra geçsin */
  .width24 .alan > span.font12,
  .width24 .salan > span.font12{flex:0 0 100% !important; margin-left:52px !important;}

  /* Adet alanı sağda */
  .width24 .adet{
    float:none !important;
    width:100px !important;
    margin:16px 10px 0 0 !important;
    text-align:center !important;
  }
  .width24 .adet .select2,
  .width24 .adet select{width:100% !important;}



  /* ---------- 2) RESERVATION / COMPLETE SAYFASI KOLONLAR ---------- */
  .rezervasyon_width50,
  .width33{ width:100% !important; box-sizing:border-box !important;}

  /* Desktop özet kolonları mobil L'de gizli kalsın (sizde zaten .mobil_hide var) */
  .mobil_hide{display:none !important;}

  /* Inputlar tam genişlik */
  .rezervasyon_input{float:none !important; width:100% !important; margin:0 0 12px 0 !important; box-sizing:border-box !important;}

  /* Fiyat dökümü (sol/sag satırları) */
  .rezervasyon_width50 .mbottom30 > div.sol{
    clear:both !important;
    float:left !important;
    width:68% !important;
    box-sizing:border-box !important;
	padding: 0px 5px 5px 10px;
  }
  .rezervasyon_width50 .mbottom30 > div.sag{
    float:right !important;
    width:32% !important;
    text-align:right !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
	padding: 0px 7px 5px 5px;
  }

  /* HR genişlik */
  .rezervasyon_width50 hr{width:100% !important;}

  /* Ödeme tabları / butonlar */
  .macaw-tabs{width:100% !important;}
  .macaw-tabs [role="tablist"]{width:100% !important;}
  .macaw-tabs button[role="tab"]{width:100% !important;}

  /* Rezervasyon yap butonu ortalı ve tam genişlik */
  .rezervasyon_submit,
  input.rezervasyon_submit{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:10px 0 0 0 !important;
    text-align:center !important;
  }

  /* Mail order gibi içerik kutularında padding taşmasın */
  .macaw-tabs [role="tabpanel"]{box-sizing:border-box !important; width:100% !important;}
.rezervasyon_input	{border:1px solid #f2f2f2; background-color: #fff; box-shadow: 0 0 4px #eee; margin:0; padding:10px; color:#444;  font-size:16px;  width:47%; margin:0 0 25px 0; line-height: 150%; font-family: 'Nunito'; border-radius: 5px;}
textarea.rezervasyon_input	{border:1px solid #f2f2f2; background-color: #fff; box-shadow: 0 0 4px #eee; height:80px; margin:0; padding:10px; color:#444;  font-size:16px;  width:47%; margin:0 0 25px 0; line-height: 150%; font-family: 'Nunito'; border-radius: 5px;}
.rezervasyon_width50 { width:98%; border:0px; margin-bottom:5px; }
.rezervasyon_submit	{cursor:pointer; background-color: #00bfff; font-size:16px; padding:12px 0 11px 0;  color:#fff; border:0px; width:100%; font-weight:bold; margin-top:20px;}
.rezervasyon_submit:hover	{background:#0f81ca; }  
}

@media only screen and (min-width:416px) and (max-width:767px){

  /* Genel: center class'ını rez. kutusunda zorla */
  .rezervasyon_width50 .center{
    text-align:center !important;
  }

  /* "Toplam Ücreti" başlık/değer satırları (genelwidth + center olanlar) */
  .rezervasyon_width50 .mbottom30 > div.genelwidth.center,
  .rezervasyon_width50 .mbottom30 > div.temizle.sol.genelwidth.center{
    float:none !important;
    width:100% !important;
    clear:both !important;
    text-align:center !important;
  }

  /* Daha spesifik: font25 / fontkalin / renk kombinasyonları */
  .rezervasyon_width50 .mbottom30 > div.temizle.sol.fontkalin.genelwidth.center,
  .rezervasyon_width50 .mbottom30 > div.temizle.sol.fontkalin.genelwidth.center.font25,
  .rezervasyon_width50 .mbottom30 > div.temizle.sol.fontkalin.genelwidth.center.font25.renk,
  .rezervasyon_width50 .mbottom30 > div.temizle.sol.fontkalin.genelwidth.center.renk{
    float:none !important;
    width:100% !important;
    clear:both !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Özet tablosu satırları (etiket/değer) bozulmasın diye: sadece center olmayanlara dokunma */
  /* (mevcut 68%/32% düzeni kalsın) */

  /* 2) Ödeme alanındaki "REZERVASYON YAP" butonu tam ortalı ve tam genişlik */
  input.rezervasyon_submit,
  .rezervasyon_submit{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:12px auto 0 auto !important;
    text-align:center !important;
  }

  /* Butonun kapsayıcısı sağ/sol float ile kaymasın */
  .macaw-tabs [role="tabpanel"] .genelwidth{
    float:none !important;
    width:100% !important;
    clear:both !important;
  }
   .ui-group {
    width: 100%;
    text-align: center;  }
	.ui-group h3 { width: 100%; text-align: center; }
	.button-group { margin: 0 auto 10px auto; display: inline-flex; float: unset; }
    .button { padding:0.5em;}
}

/* =========================================================
   FIX PACK — Küçük mobil (≤415px) fiyat listesi hizası
   ========================================================= */
@media only screen and (max-width:415px) {
  html, body { overflow-x:hidden !important; }

  .ortala{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list,
  .arac_list{
    width:100% !important;
    max-width:none !important;
    padding:12px !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi,
  .arac_list .fiyat_listesi{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    column-gap:8px !important;
    row-gap:6px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span,
  .arac_list .fiyat_listesi > span{
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    min-width:0 !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span.sol,
  .arac_list .fiyat_listesi > span.sol{
    font-size:13px !important;
    text-align:left !important;
    justify-self:start !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi > span.sag,
  .arac_list .fiyat_listesi > span.sag{
    font-size:13px !important;
    text-align:right !important;
    justify-self:end !important;
    white-space:nowrap !important;
  }

  .genelwidth.grid .arac_list .fiyat_listesi .genelwidth,
  .genelwidth.grid .arac_list .fiyat_listesi input[type="submit"],
  .arac_list .fiyat_listesi .genelwidth,
  .arac_list .fiyat_listesi input[type="submit"]{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .genelwidth.grid .arac_list .dahil_hizmetler .icon_,
  .arac_list .dahil_hizmetler .icon_{
    width:100% !important;
    font-size:11px !important;
    padding:3px 2px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
  }

  /* Fiyat dökümü kutusu küçük mobilde kenara yapışmasın (soldan/sağdan ufak iç boşluk) */
  .rezervasyon_width50 > .genelwidth.mbottom30 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* Form inputları (sol/sag) küçük mobilde tek kolona ve aynı hizaya */
  #kontrol2 .rezervasyon_input.sol,
  #kontrol2 .rezervasyon_input.sag,
  #kontrol2 textarea.rezervasyon_input.sol,
  #kontrol2 textarea.rezervasyon_input.sag{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:0 0 10px 0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   FOOTER — mobil sosyal medya en altta ortalı
   ========================================================= */
@media only screen and (max-width:1279px) {
  footer{
    min-width:0 !important;
    width:100% !important;
  }

  footer .ortala{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  footer .table_grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
  }

  footer .table_grid ._grid:first-child{
    display:contents !important;
  }

  footer .table_grid ._grid{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:0 0 18px 0 !important;
    box-sizing:border-box !important;
  }

  footer .footer_baslik{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:18px !important;
    color:#fff !important;
    font-weight:600 !important;
    padding:0 0 5px 0 !important;
    border-bottom:1px solid rgb(18 18 18) !important;
    margin-bottom:20px !important;
    box-shadow:0 1px 0 rgba(255,255,255,0.15) !important;
    box-sizing:border-box !important;
  }

  footer .footer_aciklama{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    line-height:160% !important;
    margin-bottom:20px !important;
    box-sizing:border-box !important;
  }

  footer #sosyalmedya{
    order:99 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    width:100% !important;
    margin:4px 0 8px 0 !important;
    padding:16px 0 4px 0 !important;
    border-top:1px solid rgba(255,255,255,0.15) !important;
    float:none !important;
    clear:both !important;
    font-size:22px !important;
  }

  footer #sosyalmedya .sol,
  footer #sosyalmedya .dil{
    float:none !important;
    display:inline-block !important;
    margin:0 !important;
  }

  footer #sosyalmedya a{
    float:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  footer .copyright{
    float:none !important;
    width:100% !important;
    text-align:center !important;
  }

  footer .copyright .sol,
  footer .copyright .sag{
    float:none !important;
    width:100% !important;
    display:block !important;
    margin:8px 0 0 0 !important;
    text-align:center !important;
  }

  footer .copyright .hizlirentacar{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  footer .copyright .hizlirentacar a{
    display:inline-block !important;
    float:none !important;
    margin:8px auto 0 auto !important;
  }

  footer .copyright img{
    max-width:180px !important;
    height:auto !important;
    display:inline-block !important;
  }

  /* WhatsApp + telefon — mobilde sağ altta, hizalı */
  .whatsapp,
  .telephone{
    float:none !important;
    left:auto !important;
    bottom:12px !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    font-size:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  .whatsapp{
    right:72px !important;
  }

  .telephone{
    right:12px !important;
  }

  .whatsapp a,
  .telephone a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    line-height:1 !important;
  }

  .whatsapp:hover,
  .telephone:hover{
    padding:0 !important;
  }
}
/* Isotope filtre sonrasi ziplama animasyonunu kapat */
@media only screen and (min-width: 1280px) {
  #araclar .color-shape,
  .genelwidth.grid .color-shape {
    transition: none !important;
  }
}

/* Isotope mobil/tablet: inline absolute konumlandirmayi blok akisa cevirir */
@media only screen and (max-width: 1279px) {
  #araclar.grid,
  .genelwidth.grid{
    height:auto !important;
    min-height:0 !important;
    position:relative !important;
  }

  #araclar .color-shape,
  #araclar .arac_list,
  #araclar .arac_list2,
  .genelwidth.grid .arac_list,
  .genelwidth.grid .color-shape{
    position:static !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;
  }

  #araclar .arac_list .resim,
  #araclar .arac_list .fiyat_listesi,
  .arac_list .resim,
  .arac_list .fiyat_listesi{
    height:auto !important;
    min-height:0 !important;
  }

  .arac_list .fiyat_listesi a.incele,
  .genelwidth.grid .arac_list .fiyat_listesi a.incele{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
}

/* Isotope mobilde gizlenen kartlari tekrar gosteren kurallari ezer */
#araclar .color-shape.arac-filter-hidden,
#araclar .arac_list2.arac-filter-hidden,
.genelwidth.grid .arac_list.arac-filter-hidden,
.genelwidth.grid .color-shape.arac-filter-hidden{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  border:0 !important;
}

/* =========================================================
   ARAÇ FİLTRELERİ
   ========================================================= */
.arac-list-toolbar{
  width:100% !important;
  float:none !important;
  clear:both !important;
  box-sizing:border-box !important;
}

.sezon-sehir-mobil-wrap{
  width:100%;
  float:none !important;
  box-sizing:border-box;
}

.sezon-sehir-mobil-col{
  min-width:0;
}

.sezon-sehir-mobil-label{
  display:block;
  font-weight:700;
  line-height:1.2;
}

.sezon-sehir-mobil-form{
  margin:0;
  width:100%;
}

.sezon-sehir-mobil-select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.sezon-sehir-mobil-col .select2-container{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
}

.arac-filter-wrap{
  width:100% !important;
  float:none !important;
  clear:both !important;
  margin-bottom:12px !important;
  box-sizing:border-box !important;
}

.arac-list-toolbar .arac-filter-wrap{
  margin-bottom:0 !important;
}

.arac-filter-bar{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:10px;
  width:100%;
  background:transparent;
  border-radius:0;
  padding:0;
  box-sizing:border-box;
}

.arac-filter-wrap:has(#aracFilterRow[hidden]) .arac-filter-bar{
  border-radius:0;
}

.arac-filter-main{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  border:0;
  border-radius:4px;
  background:#253241;
  color:#fff;
  font-family:'Nunito', sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  padding:10px 18px;
  cursor:pointer;
  white-space:nowrap;
}

.arac-filter-main.is-open i,
.arac-filter-main[aria-expanded="true"] i{
  transform:rotate(180deg);
}

.arac-filter-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  width:auto;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-sizing:border-box;
}

.arac-filter-row[hidden]{
  display:none !important;
}

@media only screen and (max-width:1279px){
  .arac-filter-row{
    display:none !important;
  }
}

.arac-filter-dd{
  position:relative;
  min-width:150px;
}

.arac-filter-dd-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:150px;
  height:38px;
  border:1px solid #ddd;
  border-radius:0;
  background:#fff;
  color:#444;
  font-family:'Nunito', sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  padding:6px 8px;
  cursor:pointer;
  box-sizing:border-box;
  box-shadow:0 0 4px #eee;
}

.arac-filter-dd-btn i{
  color:#04529e;
  font-size:12px;
  flex:0 0 auto;
}

.arac-filter-dd-btn[aria-expanded="true"] i{
  transform:rotate(180deg);
}

.arac-filter-dd-menu{
  position:absolute;
  top:calc(100% + 1px);
  left:0;
  right:0;
  z-index:1200;
  background:#fff;
  border:1px solid #ddd;
  border-radius:0;
  box-shadow:0 0 4px #eee;
  overflow:hidden;
}

.arac-filter-dd-item{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #f0f0f0;
  background:#fff;
  color:#333;
  text-align:left;
  font-family:'Nunito', sans-serif;
  font-size:14px;
  padding:11px 14px;
  cursor:pointer;
}

.arac-filter-dd-item:last-child{
  border-bottom:0;
}

.arac-filter-dd-item:hover,
.arac-filter-dd-item.is-selected{
  background:#fff3e6;
  color:#00bfff;
  font-weight:700;
}

.arac-filter-group{
  padding:0 0 16px 0;
  margin:0 0 16px 0;
  border-bottom:1px solid #eee;
}

.arac-filter-group:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}

.arac-filter-group-title{
  font-size:16px;
  font-weight:700;
  color:#253241;
  margin:0 0 12px 0;
}

.arac-filter-options{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.arac-filter-option{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:10px 12px;
  border:1px solid #e5e5e5;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-size:14px;
  color:#333;
  box-sizing:border-box;
}

.arac-filter-option.is-selected{
  border-color:#00bfff;
  background:#fff3e6;
  box-shadow:0 0 0 1px #00bfff inset;
}

.arac-filter-option.is-selected span{
  color:#00bfff;
  font-weight:700;
}

.arac-filter-option input{
  width:18px;
  height:18px;
  margin:0;
  accent-color:#00bfff;
  flex:0 0 18px;
}

.arac-filter-offcanvas{
  --bs-offcanvas-height:85vh;
  height:85vh !important;
  max-height:85vh !important;
  border-top:0;
  border-radius:14px 14px 0 0;
  overflow:hidden;
}

.arac-filter-offcanvas-toolbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  background:#00bfff;
  padding:12px;
  flex:0 0 auto;
}

.arac-filter-toolbar-title{
  font-size:16px;
  font-weight:700;
  color:#fff;
  text-align:center;
  white-space:nowrap;
}

.arac-filter-toolbar-btn{
  border:1px solid rgba(255,255,255,0.85);
  background:transparent;
  color:#fff;
  border-radius:4px;
  padding:8px 12px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  font-family:'Nunito', sans-serif;
}

.arac-filter-toolbar-btn:last-child{
  justify-self:end;
}

.arac-filter-offcanvas-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:16px 14px 28px 14px !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}

.offcanvas{
  position:fixed;
  z-index:1045;
  display:flex;
  flex-direction:column;
  max-width:100%;
  color:#212529;
  visibility:hidden;
  background-color:#fff;
  outline:0;
  transition:transform .3s ease-in-out, visibility .3s ease-in-out;
}

.offcanvas.offcanvas-bottom{
  top:auto;
  right:0;
  left:0;
  height:var(--bs-offcanvas-height, 85vh);
  max-height:100%;
  border-top:1px solid rgba(0,0,0,.175);
  transform:translateY(100%);
}

.offcanvas.showing,
.offcanvas.show{
  transform:none;
}

.offcanvas.show{
  visibility:visible;
}

.offcanvas-backdrop{
  position:fixed;
  top:0;
  left:0;
  z-index:1040;
  width:100vw;
  height:100vh;
  background:#000;
}

.offcanvas-backdrop.show{
  opacity:0.45;
}

body.modal-open,
body.offcanvas-open{
  overflow:hidden;
}

@media only screen and (min-width:1280px){
  .arac-list-toolbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:12px;
  }

  .arac-list-toolbar__sezon,
  .arac-list-toolbar__sezon > .sezon-sehir-mobil-wrap{
    width:auto !important;
    float:none !important;
    flex:1 1 auto;
    min-width:0;
    margin-bottom:0 !important;
    align-self:flex-start;
  }

  .sezon-sehir-mobil-wrap{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:0;
    width:auto !important;
  }

  .sezon-sehir-mobil-col{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:10px;
  }

  .sezon-sehir-mobil-col--sehir{
    margin-left:16px;
  }

  .sezon-sehir-mobil-label{
    margin:0;
    white-space:nowrap;
  }

  .sezon-sehir-mobil-form{
    width:auto;
  }

  .sezon-sehir-mobil-col--ay .sezon-sehir-mobil-select,
  .sezon-sehir-mobil-col--ay .select2-container{
    width:150px !important;
    max-width:150px !important;
  }

  .sezon-sehir-mobil-col--sehir .sezon-sehir-mobil-select,
  .sezon-sehir-mobil-col--sehir .select2-container{
    width:200px !important;
    max-width:200px !important;
  }

  .arac-list-toolbar .arac-filter-wrap{
    width:auto !important;
    clear:none !important;
    margin-left:auto;
    flex:0 0 auto;
    align-self:flex-start;
  }

  .arac-list-toolbar .arac-filter-bar{
    width:auto;
    justify-content:flex-end;
  }

  .arac-list-toolbar .arac-filter-row{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    margin:0;
  }

  .arac-list-toolbar .arac-filter-dd{
    min-width:150px;
  }

  .arac-list-toolbar .arac-filter-dd:last-of-type{
    min-width:200px;
  }

  .arac-list-toolbar .arac-filter-dd-btn{
    height:38px;
    min-height:38px;
  }
}

@media only screen and (max-width:1279px){
  .arac-list-toolbar{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100% !important;
    padding-bottom:0 !important;
    margin-bottom:10px !important;
  }

  .arac-list-toolbar__sezon,
  .arac-list-toolbar__sezon > .sezon-sehir-mobil-wrap{
    width:100% !important;
    float:none !important;
    margin:0 !important;
  }

  .sezon-sehir-mobil-wrap{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:start;
  }

  .sezon-sehir-mobil-col{
    display:flex;
    flex-direction:column;
    gap:6px;
    float:none !important;
  }

  .sezon-sehir-mobil-label{
    margin:0 !important;
    float:none !important;
    font-size:15px;
  }

  .sezon-sehir-mobil-form,
  .sezon-sehir-mobil-form > span{
    width:100% !important;
    float:none !important;
    margin:0 !important;
    display:block !important;
  }

  .arac-list-toolbar .arac-filter-wrap{
    width:100% !important;
    margin:0 !important;
  }

  .arac-filter-bar{
    justify-content:stretch;
  }

  .arac-filter-main{
    width:100%;
    justify-content:center;
  }
}

/* =========================================
   MASAÜSTÜ (>=1280px) — Dönüş yeri / kupon
   Checkbox işaretliyken checkbox JS ile gizlenir,
   dönüş paneli alış yerinin altında açılır.
   Kupon kodu sabit konumda kalsın (aşağı kaymasın).
   Tablet/mobil (<=1279px) flex düzeninde kalır.
   ========================================= */
@media only screen and (min-width:1280px){
  #rezervasyon #arac > form{
    position:relative;
  }

  #rezervasyon #arac > form > .kupon_mobil{
    position:absolute;
    top:79px;
    right:0;
    width:260px;
    margin:0 !important;
  }

  #rezervasyon #arac > form > .kupon_mobil .mtop10{
    margin-top:0 !important;
    display:block;
    width:100%;
  }

  #rezervasyon #arac > form > .kupon_mobil input.kuponkodu{
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   KUCUK MOBIL (<=390px) — Rezervasyon formu (360x800 vb.)
   ========================================================= */
@media only screen and (max-width: 390px) {
  .background_ .ortala {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #rezervasyon {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .background_ #rezervasyon {
    margin-top: -8px !important;
    padding-bottom: 16px !important;
  }

  #rezervasyon .tabs-menu {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon .tabs-menu li {
    width: 33.3333% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon .tabs-menu li a {
    padding: 12px 0 !important;
    font-size: 22px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  #rezervasyon .tab,
  #rezervasyon .tab-content,
  #rezervasyon #arac.tab-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rezervasyon .tab-content,
  #rezervasyon #arac.tab-content {
    padding: 12px !important;
  }

  #rezervasyon #arac form {
    gap: 14px !important;
  }

  #rezervasyon #arac form > .sol.genelwidth:first-child {
    gap: 14px !important;
  }

  #rezervasyon #arac .alis_yeri,
  #rezervasyon #arac .alis_tarihi,
  #rezervasyon #arac .donus_tarihi {
    gap: 6px !important;
  }

  #rezervasyon #arac .fontkalin.mbottom5 {
    font-size: 14px !important;
  }

  #rezervasyon #arac .alis_tarihi .saat,
  #rezervasyon #arac .donus_tarihi .saat {
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }

  #rezervasyon #arac .saat .select2-container {
    min-width: 96px !important;
  }

  #rezervasyon #arac .alis_tarihi .mright20,
  #rezervasyon #arac .donus_tarihi .mright20 {
    max-width: calc(100% - 104px) !important;
  }

  #rezervasyon #arac input[type=text].date {
    font-size: 14px !important;
    padding-left: 32px !important;
  }

  #rezervasyon #arac .checkbox label {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  #rezervasyon #arac .alis_yeri .arac-donus-checkbox {
    margin-top: 4px !important;
  }

  #rezervasyon #arac > form > .kupon_mobil {
    margin-top: 0 !important;
  }

  #rezervasyon #arac > form > .kupon_mobil,
  #rezervasyon #arac .kupon_mobil .mtop10 {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  #rezervasyon #arac input[type=text].kuponkodu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    font-size: 15px !important;
  }

  #rezervasyon #arac input[type=submit] {
    margin-top: 0 !important;
    font-size: 15px !important;
    padding: 11px 8px !important;
    line-height: 1.25 !important;
  }
}

/* SEO açıklama — Readmore.js */
.seo-readmore,
.seo-readmore[data-readmore] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both;
  float: none !important;
  position: relative;
  overflow: hidden;
  transition: height 200ms ease;
}

.seo-readmore[data-readmore]:not([aria-expanded="true"])::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 88%);
}

.background .seo-readmore[data-readmore]:not([aria-expanded="true"])::after {
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #fff 88%);
}

a.readmore-toggle,
[data-readmore-toggle] {
  display: inline-block;
  margin-top: 10px;
  color: #0f81ca;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

a.readmore-toggle:hover,
[data-readmore-toggle]:hover {
  color: #00bfff;
  text-decoration: underline;
}

[dir="rtl"] a.readmore-toggle,
[dir="rtl"] [data-readmore-toggle] {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  a.readmore-toggle,
  [data-readmore-toggle] {
    font-size: 14px;
    margin-top: 8px;
  }
}

/* =========================================================
   KUCUK MOBIL (<=415px) — Ekstralar / Sigortalar kartlari
   Uzun adlar + tooltip (?) gorunurlugu
   ========================================================= */
@media only screen and (max-width: 415px) {

  form .width24,
  form .width24.sigorta-kart {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 12px 10px !important;
    min-height: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: visible !important;
  }

  form .width24 > input.checkbox,
  form .width24 > input[type=checkbox]:not(old) {
    float: none !important;
    position: static !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 4px 0 0 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  form .width24 > label {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  form .width24 input[type=checkbox]:not(old) + label,
  form .width24 input[type=checkbox]:not(old):checked + label {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    line-height: 1.35 !important;
  }

  form .width24.sigorta-kart > label {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  form .width24.sigorta-kart .adet:not(:has(select.js-example-basic-single)) {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  form .width24:not(.sigorta-kart) > .adet {
    float: none !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  form .width24 .alan,
  form .width24 .salan {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 6px 10px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

  form .width24.sigorta-kart .salan {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  form .width24.sigorta-kart .adet {
    float: none !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  form .width24 .alan > i,
  form .width24 .salan > i {
    float: none !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: auto !important;
    font-size: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  form .width24 .alan > span,
  form .width24 .salan > span {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  form .width24 .alan > span.fontkalin,
  form .width24 .salan > span.fontkalin {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  form .width24 .fontkalin .the-tooltip {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    white-space: nowrap !important;
  }

  form .width24 .alan > span.font12,
  form .width24 .salan > span.font12 {
    flex: 0 0 100% !important;
    margin: 2px 0 0 44px !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
  }

  form .width24 .the-tooltip {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 30 !important;
    vertical-align: middle !important;
    pointer-events: auto !important;
  }

  form .width24 .the-tooltip > i {
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #0f81ca !important;
    pointer-events: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  form .width24 .the-tooltip > :last-child {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }

  form .width24 .the-tooltip.is-open > :last-child,
  form .width24 .the-tooltip:active > :last-child,
  form .width24 .the-tooltip:focus > :last-child,
  form .width24 .the-tooltip:focus-within > :last-child {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    width: min(280px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: #111 !important;
    border: 1px solid #111 !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25) !important;
    z-index: 9999 !important;
    white-space: normal !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  form .width24 .the-tooltip.is-open > :last-child:before,
  form .width24 .the-tooltip.is-open > :last-child:after,
  form .width24 .the-tooltip:focus-within > :last-child:before,
  form .width24 .the-tooltip:focus-within > :last-child:after {
    display: none !important;
  }

form#extras-form .width24 .the-tooltip.is-open > :last-child, .extras-form .width24 .the-tooltip.is-open > :last-child,
form#extras-form .width24 .the-tooltip:active > :last-child, .extras-form .width24 .the-tooltip:active > :last-child,
form#extras-form .width24 .the-tooltip:focus > :last-child, .extras-form .width24 .the-tooltip:focus > :last-child,
form#extras-form .width24 .the-tooltip:focus-within > :last-child, .extras-form .width24 .the-tooltip:focus-within > :last-child {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  form .width24 .adet .select2,
  form .width24 .adet select {
    width: 100% !important;
    max-width: 72px !important;
  }

  form .width24:not(.sigorta-kart) > .adet:not(:has(select)) {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  form .width24 .adet center:empty {
    display: none !important;
  }
}

/* Ekstralar formu — orta mobil (416-767px) kart duzeni */
@media only screen and (min-width: 416px) and (max-width: 767px) {
form#extras-form .width24, .extras-form .width24,
form#extras-form .width24.sigorta-kart, .extras-form .width24.sigorta-kart {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    float: none !important;
    min-height: unset !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    background: #fff !important;
    grid-template-columns: unset !important;
    grid-template-rows: unset !important;
    grid-auto-flow: unset !important;
  }

form#extras-form .width24 > input.checkbox, .extras-form .width24 > input.checkbox,
form#extras-form .width24 > input[type=checkbox]:not(old), .extras-form .width24 > input[type=checkbox]:not(old) {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    grid-column: unset !important;
    grid-row: unset !important;
    align-self: flex-start !important;
  }

form#extras-form .width24 > label, .extras-form .width24 > label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    float: none !important;
    grid-column: unset !important;
    grid-row: unset !important;
  }

form#extras-form .width24 input[type=checkbox]:not(old) + label, .extras-form .width24 input[type=checkbox]:not(old) + label,
form#extras-form .width24 input[type=checkbox]:not(old):checked + label, .extras-form .width24 input[type=checkbox]:not(old):checked + label {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1.35 !important;
  }

form#extras-form .width24:not(.sigorta-kart) > .adet, .extras-form .width24:not(.sigorta-kart) > .adet {
    flex: 0 0 72px !important;
    width: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
    grid-column: unset !important;
    grid-row: unset !important;
    align-self: flex-start !important;
  }

form#extras-form .width24:not(.sigorta-kart) > .adet:not(:has(select.js-example-basic-single)), .extras-form .width24:not(.sigorta-kart) > .adet:not(:has(select.js-example-basic-single)) {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

form#extras-form .width24.sigorta-kart .adet, .extras-form .width24.sigorta-kart .adet {
    display: none !important;
  }

form#extras-form .width24 .alan, .extras-form .width24 .alan,
form#extras-form .width24 .salan, .extras-form .width24 .salan {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 4px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

form#extras-form .width24 .alan > i, .extras-form .width24 .alan > i,
form#extras-form .width24 .salan > i, .extras-form .width24 .salan > i {
    flex: 0 0 34px !important;
    width: 34px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
  }

form#extras-form .width24 .alan > span, .extras-form .width24 .alan > span,
form#extras-form .width24 .salan > span, .extras-form .width24 .salan > span {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

form#extras-form .width24 .alan > span.fontkalin, .extras-form .width24 .alan > span.fontkalin,
form#extras-form .width24 .salan > span.fontkalin, .extras-form .width24 .salan > span.fontkalin {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

form#extras-form .width24 .fontkalin .renk.font12, .extras-form .width24 .fontkalin .renk.font12,
form#extras-form .width24 .fontkalin > .renk, .extras-form .width24 .fontkalin > .renk {
    display: inline !important;
    white-space: nowrap !important;
  }

form#extras-form .width24 .fontkalin .the-tooltip, .extras-form .width24 .fontkalin .the-tooltip {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    white-space: nowrap !important;
    float: none !important;
  }

form#extras-form .width24 .alan > span.font12, .extras-form .width24 .alan > span.font12,
form#extras-form .width24 .salan > span.font12, .extras-form .width24 .salan > span.font12 {
    flex: 0 0 100% !important;
    margin: 2px 0 0 44px !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
  }

form#extras-form .width24 .adet center:empty, .extras-form .width24 .adet center:empty {
    display: none !important;
  }
}

/* Ekstralar — mobil tooltip portal (eski CSS tooltip devre disi) */
#extras-tooltip-layer {
  position: fixed;
  inset: 0;
  z-index: 200000;
  pointer-events: none;
}

#extras-tooltip-layer .extras-tooltip-popup {
  position: fixed;
  z-index: 200001;
  pointer-events: auto;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #111;
  border: 1px solid #111;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.45;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  box-sizing: border-box;
  white-space: normal;
  word-break: break-word;
}

@media only screen and (max-width: 767px) {
form#extras-form .the-tooltip > span, .extras-form .the-tooltip > span,
form#extras-form .the-tooltip > :last-child, .extras-form .the-tooltip > :last-child {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }

form#extras-form .the-tooltip:hover > span, .extras-form .the-tooltip:hover > span,
form#extras-form .the-tooltip:hover > :last-child, .extras-form .the-tooltip:hover > :last-child,
form#extras-form .the-tooltip:focus > span, .extras-form .the-tooltip:focus > span,
form#extras-form .the-tooltip:focus > :last-child, .extras-form .the-tooltip:focus > :last-child,
form#extras-form .the-tooltip:focus-within > span, .extras-form .the-tooltip:focus-within > span,
form#extras-form .the-tooltip:focus-within > :last-child, .extras-form .the-tooltip:focus-within > :last-child,
form#extras-form .the-tooltip:active > span, .extras-form .the-tooltip:active > span,
form#extras-form .the-tooltip:active > :last-child, .extras-form .the-tooltip:active > :last-child,
form#extras-form .the-tooltip.is-open > span, .extras-form .the-tooltip.is-open > span,
form#extras-form .the-tooltip.is-open > :last-child, .extras-form .the-tooltip.is-open > :last-child {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

form#extras-form .the-tooltip > :last-child:before, .extras-form .the-tooltip > :last-child:before,
form#extras-form .the-tooltip > :last-child:after, .extras-form .the-tooltip > :last-child:after {
    display: none !important;
  }
}

/* Ekstralar — checkbox: seciliyken beyaz tik (✓) */
form#extras-form .width24 > input[type=checkbox]:not(old), .extras-form .width24 > input[type=checkbox]:not(old),
form#extras-form .width24 > input.checkbox, .extras-form .width24 > input.checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  border: 2px solid #222 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  background-image: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
}

form#extras-form .width24 > input[type=checkbox]:not(old):checked, .extras-form .width24 > input[type=checkbox]:not(old):checked,
form#extras-form .width24 > input.checkbox:checked, .extras-form .width24 > input.checkbox:checked {
  background-color: #00bfff !important;
  border-color: #00bfff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.2 5.2l3 3 6.6-6.6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 11px 9px !important;
}

/* Rezervasyon onay satırları — mobilde çok satırlı metin + checkbox hizası */
#kontrol2 textarea.transfer-musteri-not {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  min-height: 90px;
  resize: vertical;
}
#kontrol2 .form-onay-row,
.rezervasyon_width50 .form-onay-row,
.page_detail .form-onay-row,
.filo_form .form-onay-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  float: none !important;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  clear: both;
  margin-block: 12px !important;
  margin-inline: 0 !important;
  padding: 0;
}
.page_detail .form-onay-row + .temizle {
  clear: both;
  margin: 0;
  padding: 0;
}
.page_detail .transfer-dt-textarea-mt {
  margin-bottom: 0 !important;
}

/* Filo / lüks form — alt bölüm (textarea, KVKK, captcha, gönder) */
.filo_form .filo-form-footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  clear: both;
  float: none !important;
  width: 100%;
  box-sizing: border-box;
}
.filo_form .filo-form-footer textarea {
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .filo_form .filo-form-footer textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 7px 10px;
  }
}
.filo_form .filo-form-footer .form-onay-row {
  clear: none !important;
  align-items: center;
  margin: 0 !important;
  padding: 0;
}
.filo_form .filo-form-footer .form-onay-row .form-onay-check,
.filo_form .filo-form-footer .form-onay-row input[type=checkbox] {
  margin: 0 !important;
}
.filo_form .filo-form-footer > .temizle,
.filo_form .filo-form-footer > .temizle .temizle,
.filo_form .filo-form-footer > .temizle .sol.genelwidth {
  clear: none !important;
  float: none !important;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.filo_form .filo-form-footer input[type=submit] {
  clear: both;
  margin-top: 0 !important;
}

/* reCAPTCHA — dar ekranlarda form dışına taşmasın */
.form-recaptcha-wrap {
  container-type: inline-size;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.form-recaptcha-wrap .temizle.sol.genelwidth {
  float: none !important;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
@container (max-width: 303px) {
  .form-recaptcha-wrap .g-recaptcha {
    transform: scale(calc(100cqw / 304));
    transform-origin: 0 0;
  }
  .form-recaptcha-wrap {
    height: calc(78px * (100cqw / 304));
  }
}
@media only screen and (max-width: 415px) {
  .form-recaptcha-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  .filo_form .filo-form-footer > .temizle:has(.form-recaptcha-wrap),
  .filo_form .filo-form-footer > .temizle:has(.g-recaptcha) {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    box-sizing: border-box;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (max-width: 415px) {
    .form-recaptcha-wrap .g-recaptcha {
      transform: scale(0.88);
      transform-origin: 0 0;
    }
    .form-recaptcha-wrap {
      height: 69px;
    }
  }
  @media only screen and (max-width: 340px) {
    .form-recaptcha-wrap .g-recaptcha {
      transform: scale(0.8);
      transform-origin: 0 0;
    }
    .form-recaptcha-wrap {
      height: 62px;
    }
  }
}

/* Transfer rezervasyon formu — özet kartı (416–1279px büyük mobil dahil) */
.transfer-form-page .transfer-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 1.25rem;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1rem;
}
.transfer-form-page .transfer-summary-details {
  flex: 1 1 220px;
  min-width: 0;
  float: none !important;
  width: auto !important;
}
.transfer-form-page .transfer-summary-media {
  flex: 0 0 auto;
  float: none !important;
  width: auto !important;
  text-align: center;
}
.transfer-form-page .transfer-summary-media .transfer_resim {
  float: none !important;
  display: block;
  max-width: min(100%, 220px);
  max-height: 150px;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}
.transfer-form-page .transfer-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
  column-gap: 0.5rem;
  row-gap: 0.15rem;
  align-items: start;
  line-height: 1.45;
  margin-bottom: 0.4rem;
  font-size: 16px;
}
.transfer-form-page .transfer-summary-label {
  font-weight: 700;
  min-width: 0;
}
.transfer-form-page .transfer-summary-value {
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.transfer-form-page .transfer-personal-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  clear: both;
  width: 100%;
  box-sizing: border-box;
}
.transfer-form-page .transfer-personal-cols > .width50 {
  flex: 1 1 240px;
  float: none !important;
  width: auto !important;
  min-width: 0;
  box-sizing: border-box;
}
.transfer-form-page .transfer-personal-cols .sag {
  float: none !important;
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .transfer-form-page .transfer-summary {
    flex-direction: column;
    gap: 0.75rem;
  }
  .transfer-form-page .transfer-summary-media {
    width: 100% !important;
  }
  .transfer-form-page .transfer-summary-media .transfer_resim {
    max-width: min(100%, 280px);
  }
  .transfer-form-page .transfer-personal-cols > .width50 {
    flex: 1 1 100%;
  }
}

#kontrol2 .form-onay-row .form-onay-check,
.rezervasyon_width50 .form-onay-row .form-onay-check,
.page_detail .form-onay-row .form-onay-check,
.filo_form .form-onay-row .form-onay-check,
#kontrol2 .form-onay-row input[type=checkbox],
.rezervasyon_width50 .form-onay-row input[type=checkbox],
.page_detail .form-onay-row input[type=checkbox],
.filo_form .form-onay-row input[type=checkbox] {
  flex: 0 0 18px;
  width: 18px !important;
  min-width: 18px;
  height: 18px !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  overflow: visible !important;
  accent-color: #00bfff;
  -webkit-appearance: checkbox;
  appearance: auto;
}

#kontrol2 .form-onay-row label,
.rezervasyon_width50 .form-onay-row label,
.page_detail .form-onay-row label,
.filo_form .form-onay-row label {
  flex: 1 1 auto;
  display: block !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  background: none !important;
  line-height: 1.45 !important;
  overflow: visible !important;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  cursor: pointer;
}

#kontrol2 .form-onay-row .form-onay-sayfa-link,
.rezervasyon_width50 .form-onay-row .form-onay-sayfa-link,
.page_detail .form-onay-row .form-onay-sayfa-link,
.filo_form .form-onay-row .form-onay-sayfa-link {
  word-break: break-word;
}

@media only screen and (max-width: 415px) {
  #kontrol2 .form-onay-row,
  .rezervasyon_width50 .form-onay-row,
  .page_detail .form-onay-row {
    gap: 8px;
    padding-right: 2px;
    padding-left: 4px;
  }

  #kontrol2 .form-onay-row label,
  .rezervasyon_width50 .form-onay-row label,
  .page_detail .form-onay-row label {
    font-size: 14px;
    line-height: 1.4 !important;
  }

  /* Filo formu — footer dışı onay satırları (varsa) */
  .filo_form .form-onay-row {
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
    margin-block: 12px !important;
  }
  .filo_form .filo-form-footer .form-onay-row {
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 !important;
  }
  .filo_form .form-onay-row label {
    font-size: 14px;
    line-height: 1.4 !important;
  }
}

/* Anasayfa araç arama — yükleme ekranı */
body.arac-loading-open {
  overflow: hidden;
}

.arac-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0, 47, 123, 0.78);
  box-sizing: border-box;
}

.arac-loading-stack {
  width: fit-content;
  max-width: min(440px, calc(100vw - 32px));
  min-width: min(280px, calc(100vw - 32px));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0 auto;
}

.arac-loading-card {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
  box-sizing: border-box;
}

.arac-loading-card--hero {
  position: relative;
  padding: 24px 20px 30px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 14px;
}

.arac-loading-card--hero::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 0;
  height: 0;
  margin-left: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
}

.arac-loading-logo {
  display: block;
  max-width: 220px;
  width: auto;
  height: auto;
  max-height: 72px;
  margin: 0 auto 18px;
}

.arac-loading-msg {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
  color: #7cb518;
}

.arac-loading-card--summary {
  padding: 8px 0 4px;
  border-radius: 12px;
  overflow: hidden;
}

.arac-loading-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px dashed #d9dee5;
}

.arac-loading-row:last-child {
  border-bottom: 0;
}

.arac-loading-dates {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 0;
}

.arac-loading-dates .arac-loading-split {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 10px;
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px dashed #d9dee5;
}

.arac-loading-dates .arac-loading-split:nth-child(odd) {
  border-right: 1px dashed #d9dee5;
}

.arac-loading-dates .arac-loading-split:nth-child(even) {
  padding-right: 14px;
}

.arac-loading-dates .arac-loading-split:nth-last-child(-n+2) {
  border-bottom: 0;
}

.arac-loading-row__icon {
  flex: 0 0 18px;
  color: #8a96a3;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 2px;
}

.arac-loading-row__body {
  min-width: 0;
  flex: 1 1 auto;
}

.arac-loading-label {
  display: block;
  font-size: 12px;
  line-height: 1.3;
  color: #8a96a3;
  margin-bottom: 4px;
}

.arac-loading-dates .arac-loading-label {
  white-space: nowrap;
}

.arac-loading-row--loc .arac-loading-value {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
  line-height: 1.45;
}

.arac-loading-overlay.arac-loading--long-text .arac-loading-row--loc .arac-loading-value {
  font-size: 13px;
  line-height: 1.5;
}

.arac-loading-value {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #1f2a37;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.arac-loading-dates .arac-loading-value {
  white-space: nowrap;
}

@media only screen and (max-width: 415px) {
  .arac-loading-overlay {
    padding: 12px;
    align-items: flex-start;
    padding-top: 24px;
  }

  .arac-loading-stack {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .arac-loading-row--loc .arac-loading-value {
    font-size: 13px;
    line-height: 1.5;
  }

  .arac-loading-msg {
    font-size: 18px;
  }

  .arac-loading-dates {
    grid-template-columns: 1fr;
  }

  .arac-loading-dates .arac-loading-split {
    padding: 12px 14px;
    border-right: 0;
    border-bottom: 1px dashed #d9dee5;
  }

  .arac-loading-dates .arac-loading-split:nth-last-child(-n+2) {
    border-bottom: 1px dashed #d9dee5;
  }

  .arac-loading-dates .arac-loading-split:last-child {
    border-bottom: 0;
  }

  .arac-loading-dates .arac-loading-label {
    white-space: normal;
  }

  .arac-loading-dates .arac-loading-value {
    white-space: normal;
  }
}

/* =========================================================
   FIX PACK — Küçük mobil (≤415px) anasayfa araç vitrini
   Fiyat barı tam genişlik; alt ikon satırı eşit dağılım
   ========================================================= */
@media only screen and (max-width: 415px) {
  .arac-vitrin-section .arac_vitrin .overview li > a {
    display: block !important;
    width: 100% !important;
  }

  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge {
    float: none !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt {
    float: none !important;
    width: 100% !important;
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .arac_adi {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .vitrin_gunluk_fiyat {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .arac-vitrin-section .arac_vitrin .dahil_hizmetler {
    display: flex !important;
    flex-wrap: wrap !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding: 5px 10px 8px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-bottom: 1px solid #eee !important;
    align-items: flex-start !important;
  }

  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_ {
    width: 50% !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    word-break: normal !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip > :last-child {
    display: none !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_ i {
    flex-shrink: 0 !important;
    margin-top: 1px !important;
  }

  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .icon2,
  .arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge_alt .icon {
    width: 25% !important;
    float: left !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}

/* =========================================================
   FIX PACK — Orta boy mobil (416–767px) anasayfa araç vitrini
   dahil_hizmetler: tek satır + ellipsis
   ========================================================= */
@media only screen and (min-width: 416px) and (max-width: 767px) {
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler {
    display: flex !important;
    flex-wrap: wrap !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding: 5px 10px 8px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-bottom: 1px solid #eee !important;
    align-items: flex-start !important;
  }

  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_ {
    width: 50% !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    word-break: normal !important;
  }
  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_.the-tooltip > :last-child {
    display: none !important;
  }

  .arac-vitrin-section .arac_vitrin .dahil_hizmetler .icon_ i {
    flex-shrink: 0 !important;
    margin-top: 1px !important;
  }
}

/* =========================================================
   FIX PACK — Mobil rezervasyon kontrol üst boşluk
   ========================================================= */
@media only screen and (max-width: 1279px) {
  #rezervasyon-kontrol {
    display: flow-root !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
  }

  #rezervasyon-kontrol > .ortala > .baslik {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
  }

  /* Üst bölümle çift padding birikmesin */
  .temizle.background.sol:has(+ #rezervasyon-kontrol),
  .arac-vitrin-section:has(+ #rezervasyon-kontrol) {
    padding-bottom: 12px !important;
  }

  .arac-vitrin-section + #rezervasyon-kontrol,
  .temizle.background.sol + #rezervasyon-kontrol {
    padding-top: 8px !important;
  }
}

/* =========================================================
   FIX PACK — Mobil haber vitrini başlık / slider aralığı
   ========================================================= */
@media only screen and (max-width: 1279px) {
  .haber-vitrin-section > .ortala > .baslik {
    margin-bottom: 8px !important;
  }

  .haber-vitrin-section > .ortala > .vitrin {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    clear: both !important;
  }

  .haber-vitrin-section .vitrin .viewport {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
  }

  .haber-vitrin-section .ortala {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .haber-vitrin-section .vitrin .overview {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
  }
}

/* =========================================================
   HABER VİTRİNİ — Tablet/masaüstü slider (≥768px, mobil listeyi ezmez)
   ========================================================= */
@media only screen and (min-width: 768px) {
  .haber-vitrin-section {
    overflow: visible !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .haber-vitrin-section .ortala {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
  .haber-vitrin-section > .ortala > .baslik {
    margin-bottom: 16px !important;
  }
  .haber-vitrin-section > .ortala > .vitrin {
    width: 1200px !important;
    max-width: 1200px !important;
    margin: 20px auto 0 !important;
    float: none !important;
    position: relative !important;
    clear: both !important;
  }
  .haber-vitrin-section .vitrin .viewport {
    float: left !important;
    width: 1200px !important;
    height: 520px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .haber-vitrin-section .vitrin .overview {
    position: absolute !important;
    top: 0 !important;
  }
  .haber-vitrin-section .vitrin .overview li {
    float: left !important;
    width: 376px !important;
    height: 520px !important;
    margin: 0 35px 0 0 !important;
  }
  .haber-vitrin-section .vitrin .overview li .hizmet_bolge {
    width: 376px !important;
    height: 520px !important;
  }
  .haber-vitrin-section .vitrin .overview li .hizmet_bolge img {
    width: 366px !important;
    height: 255px !important;
    padding: 5px !important;
    float: left !important;
  }
  .haber-vitrin-section .vitrin .overview li .hizmet_bolge_alt {
    width: 346px !important;
    padding: 10px 15px !important;
  }
  .haber-vitrin-section .vitrin .buttons {
    display: block !important;
    position: absolute !important;
    margin-top: -65px !important;
    float: right !important;
    z-index: 30 !important;
  }
  .haber-vitrin-section .vitrin .next {
    display: block !important;
    margin-left: 1118px !important;
  }
  .haber-vitrin-section .vitrin .prev {
    display: block !important;
    margin-left: 1018px !important;
  }
}

/* =========================================================
   FIX — Hoş geldiniz / Devamını Oku alt boşluk (orta mobil + tablet)
   ========================================================= */
@media only screen and (max-width: 1279px) {
  .temizle.background.sol > .ortala > .sol.genelwidth:has(.seo-readmore) {
    padding-bottom: 8px !important;
  }

  .temizle.background.sol:has(> .ortala > .sol.genelwidth .seo-readmore) {
    padding-bottom: 16px !important;
  }

  .temizle.background.sol .readmore-toggle {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   FIX — Lüks / filo araç listesi (arac_list2) mobil yerleşim
   ========================================================= */
@media only screen and (max-width: 1279px) {
  .temizle.background.sol:has(.arac_list2) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .temizle.background.sol:has(.arac_list2) > .ortala {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  .temizle.background.sol .ortala > .sol.genelwidth:has(.arac_list2) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
  }

  .arac_list2 .resim,
  .arac_list2 .aciklama {
    float: none !important;
  }

  .arac_list2 .aciklama > .sol:not(.kisi):not(.bagaj):not(.vites):not(.yakit) {
    float: none !important;
  }

  .arac_list2 .aciklama {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  .arac_list2 .aciklama::after {
    content: "";
    display: block;
    clear: both;
  }

  /* Özellik satırı — arac_list ile aynı: 20/20/30/30 float */
  .arac_list2 .aciklama > .kisi,
  .arac_list2 .aciklama > .bagaj {
    float: left !important;
    width: 20% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 5px 0 !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
    height: auto !important;
  }

  .arac_list2 .aciklama > .vites,
  .arac_list2 .aciklama > .yakit {
    float: left !important;
    width: 30% !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
    height: auto !important;
  }

  .arac_list2 .aciklama > .kisi.temizle {
    clear: none !important;
  }

  .arac_list2 .aciklama > .arac_adi,
  .arac_list2 .aciklama > .genelwidth.renk.mtop5,
  .arac_list2 .aciklama > .dahil_hizmetler {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    max-width: 100% !important;
  }

  .arac_list2 .dahil_hizmetler {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .arac_list2 .dahil_hizmetler .icon_ {
    width: 50% !important;
    height: auto !important;
    min-height: 24px !important;
    max-height: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
  }

  .arac_list2 .dahil_hizmetler .icon_.the-tooltip > :last-child {
    display: none !important;
  }

  .arac_list2 .dahil_hizmetler .icon_ i {
    flex-shrink: 0 !important;
  }
}

/* =========================================================
   FIX — Araç vitrini + haber vitrini .cizgi her çözünürlükte ortalı
   ========================================================= */
.arac_vitrin .overview li .hizmet_bolge .cizgi,
.vitrin .overview li .hizmet_bolge .cizgi,
.haber-vitrin-section .vitrin .overview li .hizmet_bolge .cizgi,
.arac-vitrin-section .arac_vitrin .overview li .hizmet_bolge .cizgi {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 35px !important;
  height: 8px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   FIX — extras.php "Alış & Dönüş Bilgileri" özeti küçük/büyük mobilde ortalı
   (yalnızca .alis-donus-ozet; başka alan etkilenmez)
   ========================================================= */
@media only screen and (max-width: 1279px) {
  .background__ .ortala > .alis-donus-ozet {
    text-align: center;
  }
  .background__ .ortala > .alis-donus-ozet .baslik_ {
    float: none;
    display: block;
    width: 100%;
    text-align: center !important;
  }
  .background__ .ortala > .alis-donus-ozet .baslik_ .degistir {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .background__ .ortala > .alis-donus-ozet p {
    text-align: center;
  }
}

/* =========================================================
   FIX — Caleran takvimi mobilde (iPhone dahil) tam ekran yerine
   ortalı / kompakt kart olarak açılsın. Caleran, iPhone user-agent'ini
   "mobil" saydığı için .caleran-container-mobile ile position:fixed
   top/bottom:0 yapıp tüm ekranı kaplıyordu. Aşağıdaki kural bu kutuyu
   ekranın ortasında, içeriğe göre boylanan bir modal'a çevirir.
   ========================================================= */
.caleran-container-mobile .caleran-input{
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;
  width:calc(100vw - 24px) !important;
  max-width:340px !important;
  height:auto !important;
  max-height:calc(100vh - 24px) !important;
  margin:0 !important;
  overflow-y:auto !important;
  flex-wrap:nowrap !important;
}
/* Yatay (landscape) modda da tam ekrana yayılmasın; kompakt kart kalsın */
.caleran-container-mobile .caleran-input .caleran-filler{ display:none !important; }
.caleran-container-mobile .caleran-input .caleran-footer{
  width:100% !important;
  box-sizing:border-box !important;
  border-left:0 !important;
  margin-top:0 !important;
}
.caleran-container-mobile .caleran-input .caleran-calendars{ flex-wrap:wrap !important; }
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar{
  width:100% !important;
  border-right:0 !important;
}

/* =========================================================
   FIX — price.php "Alış & Dönüş Bilgileri" özeti: lokasyon + tarih/saat
   küçük ve orta boylu mobil ekranlarda (≤767px) tam ortalı olsun.
   (yalnızca .background__ .width33_ özet kutusu; başka alan etkilenmez)
   ========================================================= */
@media only screen and (max-width:767px) {
  .background__ .width33_ > .temizle {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .background__ .width33_ .table-row {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .background__ .width33_ .table-row + .table-row {
    margin-top: 16px !important;
  }
  .background__ .width33_ .table-row p {
    text-align: center !important;
  }
}

/* =========================================================
   FIX — #kontrol2 form bölüm başlıkları (h1) mobilde alt/üst
   eşit boşluğa sahip olsun. Üst boşluk = önceki input'un
   margin-bottom'u (10px) + h1 padding-top; alt boşluk =
   h1 margin-bottom. padding-top deterministik olduğu için
   float/clear davranışından bağımsız olarak eşitlik sağlanır.
   ========================================================= */
@media only screen and (max-width:767px) {
  #kontrol2 h1.genelwidth.temizle {
    margin-top: 0 !important;
    padding-top: 6px !important;
    margin-bottom: 16px !important;
  }
}

/* Fancybox galeri — fixed header (z-index:10000) üstünde */
#fancybox-overlay {
  z-index: 10050 !important;
}
#fancybox-wrap,
#fancybox-hide-sel-frame {
  z-index: 10051 !important;
}
#fancybox-content,
#fancybox-left,
#fancybox-right,
#fancybox-left-ico,
#fancybox-right-ico,
#fancybox-title,
#fancybox-title-over {
  z-index: 10052 !important;
}
#fancybox-close {
  z-index: 10053 !important;
}
#fancybox-loading {
  z-index: 10054 !important;
}

/* Transfer tamamlama — rezervasyon özeti */
.transfer-complete-summary {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 24px;
  clear: both;
}
.transfer-complete-summary__head {
  margin: 0 0 14px;
}
.transfer-complete-summary__title {
  margin: 0;
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #1F3B57;
  line-height: 1.3;
}
.transfer-complete-summary__card {
  background: #fff;
  border: 1px solid #e8ecef;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 63, 123, 0.08);
  overflow: hidden;
}
.transfer-complete-summary__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 1.25rem;
  padding: 18px 20px;
  border-bottom: 1px solid #eef1f3;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.transfer-complete-summary__details {
  flex: 1 1 240px;
  min-width: 0;
}
.transfer-complete-media {
  flex: 0 0 auto;
  text-align: center;
}
.transfer-complete-img {
  display: block;
  max-width: min(100%, 220px);
  max-height: 150px;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}
.transfer-complete-row {
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
  column-gap: 0.75rem;
  row-gap: 0.15rem;
  align-items: start;
  padding: 9px 0;
  border-bottom: 1px solid #f0f2f4;
  font-size: 15px;
  line-height: 1.45;
}
.transfer-complete-row:last-child {
  border-bottom: 0;
}
.transfer-complete-label {
  font-weight: 700;
  color: #005858;
  min-width: 0;
}
.transfer-complete-value {
  color: #33475B;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.transfer-complete-block {
  padding: 16px 20px;
  border-bottom: 1px solid #eef1f3;
}
.transfer-complete-block:last-child {
  border-bottom: 0;
}
.transfer-complete-block__title {
  margin: 0 0 10px;
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #00bfff;
}
.transfer-complete-block__body {
  border: 1px solid #f0f2f4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.transfer-complete-block__body .transfer-complete-row {
  padding: 10px 14px;
  margin: 0;
  background: #fff;
}
.transfer-complete-block__body .transfer-complete-row:nth-child(even) {
  background: #f9fafb;
}
.transfer-complete-block__body .transfer-complete-row:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .transfer-complete-summary__title {
    font-size: 19px;
  }
  .transfer-complete-summary__top {
    flex-direction: column;
    padding: 14px 14px 16px;
  }
  .transfer-complete-media {
    width: 100%;
  }
  .transfer-complete-img {
    max-width: min(100%, 280px);
  }
  .transfer-complete-block {
    padding: 14px;
  }
  .transfer-complete-row {
    grid-template-columns: 1fr;
    row-gap: 4px;
    padding: 10px 0;
  }
  .transfer-complete-block__body .transfer-complete-row {
    padding: 10px 12px;
  }
  .transfer-complete-label {
    font-size: 13px;
  }
  .transfer-complete-value {
    font-size: 15px;
  }
}