/* Auto-generated by scripts/build_public_css_bundle.sh */
/* Generated at: 2026-03-12T20:41:41Z */

/* ===== css/all.min.css ===== */
/*
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}

/* ===== css/bootstrap.custom.min.css ===== */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.small,small{font-size:80%;font-weight:400}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:0.3rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

/* ===== css/style.css ===== */
/*
Theme Name: Allaia v 1.0
Theme URI: http://www.ansonika.com/allaia/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

[Table of contents] 

1. SITE STRUCTURE
- 1.0 Icons
- 1.1 Typography
- 1.2 Buttons
- 1.3 Structure
- 1.4 Navigation
- 1.5 Top banner
- 1.6 Owl Carousel
- 1.7 Mobile Menu

2. CONTENT
- 2.1 Home
- 2.2 General Listing 

3. COMMON
- 3.1 Owl Carousel Custom Nav 
- 3.2 Misc
- 3.3 Spacing
- 3.4 Sing In Modal
- 3.5 Modal popup
- 3.6 Pagination
- 3.7 Footer
- 3.8 Magnific Popup CSS

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
@media (max-width:767.98px){.container{padding-right:0;padding-left:0}}
/*-------- 1.0 Icons --------*/
/* Generated by Glyphter (http://www.glyphter.com) on  Wed May 01 2019*/
@font-face {
  font-family: 'header_icons';
  src: url("fonts/header_icons.eot");
  src: url("fonts/header_icons.eot?#iefix") format("embedded-opentype"), url("fonts/header_icons.woff") format("woff"), url("fonts/header_icons.ttf") format("truetype"), url("fonts/header_icons.svg#header_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class*='header-']:before {
  display: inline-block;
  font-family: 'header_icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-icon_like_custom:before {
  content: '\0041';
}

.header-icon_cart_custom:before {
  content: '\0042';
}

.header-icon_access_custom:before {
  content: '\0043';
}

.header-icon_grid_custom:before {
  content: '\0044';
}

.header-icon_search_custom:before {
  content: '\0045';
}

/*-------- Hamburgers --------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 26px;
  height: 26px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -3px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 26px;
  height: 2px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -9px;
}

.hamburger-inner::after {
  bottom: -9px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@font-face {
  font-family: 'themify';
  src: url("fonts/themify.eot?-fvbane");
  src: url("fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("fonts/themify.woff?-fvbane") format("woff"), url("fonts/themify.ttf?-fvbane") format("truetype"), url("fonts/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
  content: "\e600";
}

.ti-volume:before {
  content: "\e601";
}

.ti-user:before {
  content: "\e602";
}

.ti-unlock:before {
  content: "\e603";
}

.ti-unlink:before {
  content: "\e604";
}

.ti-trash:before {
  content: "\e605";
}

.ti-thought:before {
  content: "\e606";
}

.ti-target:before {
  content: "\e607";
}

.ti-tag:before {
  content: "\e608";
}

.ti-tablet:before {
  content: "\e609";
}

.ti-star:before {
  content: "\e60a";
}

.ti-spray:before {
  content: "\e60b";
}

.ti-signal:before {
  content: "\e60c";
}

.ti-shopping-cart:before {
  content: "\e60d";
}

.ti-shopping-cart-full:before {
  content: "\e60e";
}

.ti-settings:before {
  content: "\e60f";
}

.ti-search:before {
  content: "\e610";
}

.ti-zoom-in:before {
  content: "\e611";
}

.ti-zoom-out:before {
  content: "\e612";
}

.ti-cut:before {
  content: "\e613";
}

.ti-ruler:before {
  content: "\e614";
}

.ti-ruler-pencil:before {
  content: "\e615";
}

.ti-ruler-alt:before {
  content: "\e616";
}

.ti-bookmark:before {
  content: "\e617";
}

.ti-bookmark-alt:before {
  content: "\e618";
}

.ti-reload:before {
  content: "\e619";
}

.ti-plus:before {
  content: "\e61a";
}

.ti-pin:before {
  content: "\e61b";
}

.ti-pencil:before {
  content: "\e61c";
}

.ti-pencil-alt:before {
  content: "\e61d";
}

.ti-paint-roller:before {
  content: "\e61e";
}

.ti-paint-bucket:before {
  content: "\e61f";
}

.ti-na:before {
  content: "\e620";
}

.ti-mobile:before {
  content: "\e621";
}

.ti-minus:before {
  content: "\e622";
}

.ti-medall:before {
  content: "\e623";
}

.ti-medall-alt:before {
  content: "\e624";
}

.ti-marker:before {
  content: "\e625";
}

.ti-marker-alt:before {
  content: "\e626";
}

.ti-arrow-up:before {
  content: "\e627";
}

.ti-arrow-right:before {
  content: "\e628";
}

.ti-arrow-left:before {
  content: "\e629";
}

.ti-arrow-down:before {
  content: "\e62a";
}

.ti-lock:before {
  content: "\e62b";
}

.ti-location-arrow:before {
  content: "\e62c";
}

.ti-link:before {
  content: "\e62d";
}

.ti-layout:before {
  content: "\e62e";
}

.ti-layers:before {
  content: "\e62f";
}

.ti-layers-alt:before {
  content: "\e630";
}

.ti-key:before {
  content: "\e631";
}

.ti-import:before {
  content: "\e632";
}

.ti-image:before {
  content: "\e633";
}

.ti-heart:before {
  content: "\e634";
}

.ti-heart-broken:before {
  content: "\e635";
}

.ti-hand-stop:before {
  content: "\e636";
}

.ti-hand-open:before {
  content: "\e637";
}

.ti-hand-drag:before {
  content: "\e638";
}

.ti-folder:before {
  content: "\e639";
}

.ti-flag:before {
  content: "\e63a";
}

.ti-flag-alt:before {
  content: "\e63b";
}

.ti-flag-alt-2:before {
  content: "\e63c";
}

.ti-eye:before {
  content: "\e63d";
}

.ti-export:before {
  content: "\e63e";
}

.ti-exchange-vertical:before {
  content: "\e63f";
}

.ti-desktop:before {
  content: "\e640";
}

.ti-cup:before {
  content: "\e641";
}

.ti-crown:before {
  content: "\e642";
}

.ti-comments:before {
  content: "\e643";
}

.ti-comment:before {
  content: "\e644";
}

.ti-comment-alt:before {
  content: "\e645";
}

.ti-close:before {
  content: "\e646";
}

.ti-clip:before {
  content: "\e647";
}

.ti-angle-up:before {
  content: "\e648";
}

.ti-angle-right:before {
  content: "\e649";
}

.ti-angle-left:before {
  content: "\e64a";
}

.ti-angle-down:before {
  content: "\e64b";
}

.ti-check:before {
  content: "\e64c";
}

.ti-check-box:before {
  content: "\e64d";
}

.ti-camera:before {
  content: "\e64e";
}

.ti-announcement:before {
  content: "\e64f";
}

.ti-brush:before {
  content: "\e650";
}

.ti-briefcase:before {
  content: "\e651";
}

.ti-bolt:before {
  content: "\e652";
}

.ti-bolt-alt:before {
  content: "\e653";
}

.ti-blackboard:before {
  content: "\e654";
}

.ti-bag:before {
  content: "\e655";
}

.ti-move:before {
  content: "\e656";
}

.ti-arrows-vertical:before {
  content: "\e657";
}

.ti-arrows-horizontal:before {
  content: "\e658";
}

.ti-fullscreen:before {
  content: "\e659";
}

.ti-arrow-top-right:before {
  content: "\e65a";
}

.ti-arrow-top-left:before {
  content: "\e65b";
}

.ti-arrow-circle-up:before {
  content: "\e65c";
}

.ti-arrow-circle-right:before {
  content: "\e65d";
}

.ti-arrow-circle-left:before {
  content: "\e65e";
}

.ti-arrow-circle-down:before {
  content: "\e65f";
}

.ti-angle-double-up:before {
  content: "\e660";
}

.ti-angle-double-right:before {
  content: "\e661";
}

.ti-angle-double-left:before {
  content: "\e662";
}

.ti-angle-double-down:before {
  content: "\e663";
}

.ti-zip:before {
  content: "\e664";
}

.ti-world:before {
  content: "\e665";
}

.ti-wheelchair:before {
  content: "\e666";
}

.ti-view-list:before {
  content: "\e667";
}

.ti-view-list-alt:before {
  content: "\e668";
}

.ti-view-grid:before {
  content: "\e669";
}

.ti-uppercase:before {
  content: "\e66a";
}

.ti-upload:before {
  content: "\e66b";
}

.ti-underline:before {
  content: "\e66c";
}

.ti-truck:before {
  content: "\e66d";
}

.ti-timer:before {
  content: "\e66e";
}

.ti-ticket:before {
  content: "\e66f";
}

.ti-thumb-up:before {
  content: "\e670";
}

.ti-thumb-down:before {
  content: "\e671";
}

.ti-text:before {
  content: "\e672";
}

.ti-stats-up:before {
  content: "\e673";
}

.ti-stats-down:before {
  content: "\e674";
}

.ti-split-v:before {
  content: "\e675";
}

.ti-split-h:before {
  content: "\e676";
}

.ti-smallcap:before {
  content: "\e677";
}

.ti-shine:before {
  content: "\e678";
}

.ti-shift-right:before {
  content: "\e679";
}

.ti-shift-left:before {
  content: "\e67a";
}

.ti-shield:before {
  content: "\e67b";
}

.ti-notepad:before {
  content: "\e67c";
}

.ti-server:before {
  content: "\e67d";
}

.ti-quote-right:before {
  content: "\e67e";
}

.ti-quote-left:before {
  content: "\e67f";
}

.ti-pulse:before {
  content: "\e680";
}

.ti-printer:before {
  content: "\e681";
}

.ti-power-off:before {
  content: "\e682";
}

.ti-plug:before {
  content: "\e683";
}

.ti-pie-chart:before {
  content: "\e684";
}

.ti-paragraph:before {
  content: "\e685";
}

.ti-panel:before {
  content: "\e686";
}

.ti-package:before {
  content: "\e687";
}

.ti-music:before {
  content: "\e688";
}

.ti-music-alt:before {
  content: "\e689";
}

.ti-mouse:before {
  content: "\e68a";
}

.ti-mouse-alt:before {
  content: "\e68b";
}

.ti-money:before {
  content: "\e68c";
}

.ti-microphone:before {
  content: "\e68d";
}

.ti-menu:before {
  content: "\e68e";
}

.ti-menu-alt:before {
  content: "\e68f";
}

.ti-map:before {
  content: "\e690";
}

.ti-map-alt:before {
  content: "\e691";
}

.ti-loop:before {
  content: "\e692";
}

.ti-location-pin:before {
  content: "\e693";
}

.ti-list:before {
  content: "\e694";
}

.ti-light-bulb:before {
  content: "\e695";
}

.ti-Italic:before {
  content: "\e696";
}

.ti-info:before {
  content: "\e697";
}

.ti-infinite:before {
  content: "\e698";
}

.ti-id-badge:before {
  content: "\e699";
}

.ti-hummer:before {
  content: "\e69a";
}

.ti-home:before {
  content: "\e69b";
}

.ti-help:before {
  content: "\e69c";
}

.ti-headphone:before {
  content: "\e69d";
}

.ti-harddrives:before {
  content: "\e69e";
}

.ti-harddrive:before {
  content: "\e69f";
}

.ti-gift:before {
  content: "\e6a0";
}

.ti-game:before {
  content: "\e6a1";
}

.ti-filter:before {
  content: "\e6a2";
}

.ti-files:before {
  content: "\e6a3";
}

.ti-file:before {
  content: "\e6a4";
}

.ti-eraser:before {
  content: "\e6a5";
}

.ti-envelope:before {
  content: "\e6a6";
}

.ti-download:before {
  content: "\e6a7";
}

.ti-direction:before {
  content: "\e6a8";
}

.ti-direction-alt:before {
  content: "\e6a9";
}

.ti-dashboard:before {
  content: "\e6aa";
}

.ti-control-stop:before {
  content: "\e6ab";
}

.ti-control-shuffle:before {
  content: "\e6ac";
}

.ti-control-play:before {
  content: "\e6ad";
}

.ti-control-pause:before {
  content: "\e6ae";
}

.ti-control-forward:before {
  content: "\e6af";
}

.ti-control-backward:before {
  content: "\e6b0";
}

.ti-cloud:before {
  content: "\e6b1";
}

.ti-cloud-up:before {
  content: "\e6b2";
}

.ti-cloud-down:before {
  content: "\e6b3";
}

.ti-clipboard:before {
  content: "\e6b4";
}

.ti-car:before {
  content: "\e6b5";
}

.ti-calendar:before {
  content: "\e6b6";
}

.ti-book:before {
  content: "\e6b7";
}

.ti-bell:before {
  content: "\e6b8";
}

.ti-basketball:before {
  content: "\e6b9";
}

.ti-bar-chart:before {
  content: "\e6ba";
}

.ti-bar-chart-alt:before {
  content: "\e6bb";
}

.ti-back-right:before {
  content: "\e6bc";
}

.ti-back-left:before {
  content: "\e6bd";
}

.ti-arrows-corner:before {
  content: "\e6be";
}

.ti-archive:before {
  content: "\e6bf";
}

.ti-anchor:before {
  content: "\e6c0";
}

.ti-align-right:before {
  content: "\e6c1";
}

.ti-align-left:before {
  content: "\e6c2";
}

.ti-align-justify:before {
  content: "\e6c3";
}

.ti-align-center:before {
  content: "\e6c4";
}

.ti-alert:before {
  content: "\e6c5";
}

.ti-alarm-clock:before {
  content: "\e6c6";
}

.ti-agenda:before {
  content: "\e6c7";
}

.ti-write:before {
  content: "\e6c8";
}

.ti-window:before {
  content: "\e6c9";
}

.ti-widgetized:before {
  content: "\e6ca";
}

.ti-widget:before {
  content: "\e6cb";
}

.ti-widget-alt:before {
  content: "\e6cc";
}

.ti-wallet:before {
  content: "\e6cd";
}

.ti-video-clapper:before {
  content: "\e6ce";
}

.ti-video-camera:before {
  content: "\e6cf";
}

.ti-vector:before {
  content: "\e6d0";
}

.ti-themify-logo:before {
  content: "\e6d1";
}

.ti-themify-favicon:before {
  content: "\e6d2";
}

.ti-themify-favicon-alt:before {
  content: "\e6d3";
}

.ti-support:before {
  content: "\e6d4";
}

.ti-stamp:before {
  content: "\e6d5";
}

.ti-split-v-alt:before {
  content: "\e6d6";
}

.ti-slice:before {
  content: "\e6d7";
}

.ti-shortcode:before {
  content: "\e6d8";
}

.ti-shift-right-alt:before {
  content: "\e6d9";
}

.ti-shift-left-alt:before {
  content: "\e6da";
}

.ti-ruler-alt-2:before {
  content: "\e6db";
}

.ti-receipt:before {
  content: "\e6dc";
}

.ti-pin2:before {
  content: "\e6dd";
}

.ti-pin-alt:before {
  content: "\e6de";
}

.ti-pencil-alt2:before {
  content: "\e6df";
}

.ti-palette:before {
  content: "\e6e0";
}

.ti-more:before {
  content: "\e6e1";
}

.ti-more-alt:before {
  content: "\e6e2";
}

.ti-microphone-alt:before {
  content: "\e6e3";
}

.ti-magnet:before {
  content: "\e6e4";
}

.ti-line-double:before {
  content: "\e6e5";
}

.ti-line-dotted:before {
  content: "\e6e6";
}

.ti-line-dashed:before {
  content: "\e6e7";
}

.ti-layout-width-full:before {
  content: "\e6e8";
}

.ti-layout-width-default:before {
  content: "\e6e9";
}

.ti-layout-width-default-alt:before {
  content: "\e6ea";
}

.ti-layout-tab:before {
  content: "\e6eb";
}

.ti-layout-tab-window:before {
  content: "\e6ec";
}

.ti-layout-tab-v:before {
  content: "\e6ed";
}

.ti-layout-tab-min:before {
  content: "\e6ee";
}

.ti-layout-slider:before {
  content: "\e6ef";
}

.ti-layout-slider-alt:before {
  content: "\e6f0";
}

.ti-layout-sidebar-right:before {
  content: "\e6f1";
}

.ti-layout-sidebar-none:before {
  content: "\e6f2";
}

.ti-layout-sidebar-left:before {
  content: "\e6f3";
}

.ti-layout-placeholder:before {
  content: "\e6f4";
}

.ti-layout-menu:before {
  content: "\e6f5";
}

.ti-layout-menu-v:before {
  content: "\e6f6";
}

.ti-layout-menu-separated:before {
  content: "\e6f7";
}

.ti-layout-menu-full:before {
  content: "\e6f8";
}

.ti-layout-media-right-alt:before {
  content: "\e6f9";
}

.ti-layout-media-right:before {
  content: "\e6fa";
}

.ti-layout-media-overlay:before {
  content: "\e6fb";
}

.ti-layout-media-overlay-alt:before {
  content: "\e6fc";
}

.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}

.ti-layout-media-left-alt:before {
  content: "\e6fe";
}

.ti-layout-media-left:before {
  content: "\e6ff";
}

.ti-layout-media-center-alt:before {
  content: "\e700";
}

.ti-layout-media-center:before {
  content: "\e701";
}

.ti-layout-list-thumb:before {
  content: "\e702";
}

.ti-layout-list-thumb-alt:before {
  content: "\e703";
}

.ti-layout-list-post:before {
  content: "\e704";
}

.ti-layout-list-large-image:before {
  content: "\e705";
}

.ti-layout-line-solid:before {
  content: "\e706";
}

.ti-layout-grid4:before {
  content: "\e707";
}

.ti-layout-grid3:before {
  content: "\e708";
}

.ti-layout-grid2:before {
  content: "\e709";
}

.ti-layout-grid2-thumb:before {
  content: "\e70a";
}

.ti-layout-cta-right:before {
  content: "\e70b";
}

.ti-layout-cta-left:before {
  content: "\e70c";
}

.ti-layout-cta-center:before {
  content: "\e70d";
}

.ti-layout-cta-btn-right:before {
  content: "\e70e";
}

.ti-layout-cta-btn-left:before {
  content: "\e70f";
}

.ti-layout-column4:before {
  content: "\e710";
}

.ti-layout-column3:before {
  content: "\e711";
}

.ti-layout-column2:before {
  content: "\e712";
}

.ti-layout-accordion-separated:before {
  content: "\e713";
}

.ti-layout-accordion-merged:before {
  content: "\e714";
}

.ti-layout-accordion-list:before {
  content: "\e715";
}

.ti-ink-pen:before {
  content: "\e716";
}

.ti-info-alt:before {
  content: "\e717";
}

.ti-help-alt:before {
  content: "\e718";
}

.ti-headphone-alt:before {
  content: "\e719";
}

.ti-hand-point-up:before {
  content: "\e71a";
}

.ti-hand-point-right:before {
  content: "\e71b";
}

.ti-hand-point-left:before {
  content: "\e71c";
}

.ti-hand-point-down:before {
  content: "\e71d";
}

.ti-gallery:before {
  content: "\e71e";
}

.ti-face-smile:before {
  content: "\e71f";
}

.ti-face-sad:before {
  content: "\e720";
}

.ti-credit-card:before {
  content: "\e721";
}

.ti-control-skip-forward:before {
  content: "\e722";
}

.ti-control-skip-backward:before {
  content: "\e723";
}

.ti-control-record:before {
  content: "\e724";
}

.ti-control-eject:before {
  content: "\e725";
}

.ti-comments-smiley:before {
  content: "\e726";
}

.ti-brush-alt:before {
  content: "\e727";
}

.ti-youtube:before {
  content: "\e728";
}

.ti-vimeo:before {
  content: "\e729";
}

.ti-twitter:before {
  content: "\e72a";
}

.ti-time:before {
  content: "\e72b";
}

.ti-tumblr:before {
  content: "\e72c";
}

.ti-skype:before {
  content: "\e72d";
}

.ti-share:before {
  content: "\e72e";
}

.ti-share-alt:before {
  content: "\e72f";
}

.ti-rocket:before {
  content: "\e730";
}

.ti-pinterest:before {
  content: "\e731";
}

.ti-new-window:before {
  content: "\e732";
}

.ti-microsoft:before {
  content: "\e733";
}

.ti-list-ol:before {
  content: "\e734";
}

.ti-linkedin:before {
  content: "\e735";
}

.ti-layout-sidebar-2:before {
  content: "\e736";
}

.ti-layout-grid4-alt:before {
  content: "\e737";
}

.ti-layout-grid3-alt:before {
  content: "\e738";
}

.ti-layout-grid2-alt:before {
  content: "\e739";
}

.ti-layout-column4-alt:before {
  content: "\e73a";
}

.ti-layout-column3-alt:before {
  content: "\e73b";
}

.ti-layout-column2-alt:before {
  content: "\e73c";
}

.ti-instagram:before {
  content: "\e73d";
}

.ti-google:before {
  content: "\e73e";
}

.ti-github:before {
  content: "\e73f";
}

.ti-flickr:before {
  content: "\e740";
}

.ti-facebook:before {
  content: "\e741";
}

.ti-dropbox:before {
  content: "\e742";
}

.ti-dribbble:before {
  content: "\e743";
}

.ti-apple:before {
  content: "\e744";
}

.ti-android:before {
  content: "\e745";
}

.ti-save:before {
  content: "\e746";
}

.ti-save-alt:before {
  content: "\e747";
}

.ti-yahoo:before {
  content: "\e748";
}

.ti-wordpress:before {
  content: "\e749";
}

.ti-vimeo-alt:before {
  content: "\e74a";
}

.ti-twitter-alt:before {
  content: "\e74b";
}

.ti-tumblr-alt:before {
  content: "\e74c";
}

.ti-trello:before {
  content: "\e74d";
}

.ti-stack-overflow:before {
  content: "\e74e";
}

.ti-soundcloud:before {
  content: "\e74f";
}

.ti-sharethis:before {
  content: "\e750";
}

.ti-sharethis-alt:before {
  content: "\e751";
}

.ti-reddit:before {
  content: "\e752";
}

.ti-pinterest-alt:before {
  content: "\e753";
}

.ti-microsoft-alt:before {
  content: "\e754";
}

.ti-linux:before {
  content: "\e755";
}

.ti-jsfiddle:before {
  content: "\e756";
}

.ti-joomla:before {
  content: "\e757";
}

.ti-html5:before {
  content: "\e758";
}

.ti-flickr-alt:before {
  content: "\e759";
}

.ti-email:before {
  content: "\e75a";
}

.ti-drupal:before {
  content: "\e75b";
}

.ti-dropbox-alt:before {
  content: "\e75c";
}

.ti-css3:before {
  content: "\e75d";
}

.ti-rss:before {
  content: "\e75e";
}

.ti-rss-alt:before {
  content: "\e75f";
}

/*-------- Fontello --------*/
@font-face {
  font-family: 'fontello';
  src: url("fonts/fontello.eot?33109840");
  src: url("fonts/fontello.eot?33109840#iefix") format("embedded-opentype"), url("fonts/fontello.woff2?33109840") format("woff2"), url("fonts/fontello.woff?33109840") format("woff"), url("fonts/fontello.ttf?33109840") format("truetype"), url("fonts/fontello.svg?33109840#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?33109840#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-th:before {
  content: '\e800';
}

/* '' */
.icon-th-list:before {
  content: '\e801';
}

/* '' */
.icon-phone:before {
  content: '\e802';
}

/* '' */
.icon-mobile:before {
  content: '\e803';
}

/* '' */
.icon-mail:before {
  content: '\e804';
}

/* '' */
.icon-map:before {
  content: '\e805';
}

/* '' */
.icon-map-1:before {
  content: '\e806';
}

/* '' */
.icon-ok:before {
  content: '\e808';
}

/* '' */
.icon-ok-1:before {
  content: '\e809';
}

/* '' */
.icon-star:before {
  content: '\e80a';
}

/* '' */
.icon-star-empty:before {
  content: '\e80b';
}

/* '' */
.icon-star-half:before {
  content: '\e80c';
}

/* '' */
.icon-user:before {
  content: '\f061';
}

/* '' */
.icon-star-half-alt:before {
  content: '\f123';
}

/* '' */
.icon-sliders:before {
  content: '\f1de';
}

/* '' */
.icon-map-o:before {
  content: '\f278';
}

/*-------- 1.1 Typography -------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #f8f8f8;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111;
}

p {
  margin-bottom: 20px;
}

strong {
  font-weight: 500;
}

label {
  font-weight: 500;
  margin-bottom: 3px;
}

hr {
  margin: 30px 0 30px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}

.main_title {
  position: relative;
  margin-bottom: 10px;
	padding-top: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .main_title {
    margin-bottom: 30px;
  }
}
.main_title h1, .main_title h2 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 500;
  margin: 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .main_title h1, .main_title h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.main_title h1 {
  font-size: 42px;
  font-size: 2.625rem;
}
@media (max-width: 767px) {
  .main_title h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.main_title span {
  display: block;
  content: attr(data-mask);
  position: absolute;
  text-align: center;
  margin-top: -15px;
  top: 0;
  font-weight: 900;
  font-size: 65px;
  line-height: 1;
  z-index: 1;
  color: #f4f4f4;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 767px) {
  .main_title span {
    font-size: 45px;
    font-size: 2.8125rem;
  }
}
.main_title p {
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 300;
  padding: 0 15%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .main_title p {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
  }
}

.page_header {
  margin-bottom: 30px;
}
.page_header h1 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 5px 0;
}

.breadcrumbs {
  line-height: 1;
  color: #555;
}
.breadcrumbs ul {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.breadcrumbs ul li {
  display: inline-block;
  margin-right: 7px;
  padding-right: 8px;
  position: relative;
}
.breadcrumbs ul li a {
  color: #777;
}
.breadcrumbs ul li a:hover {
  color: #004dda;
}
.breadcrumbs ul li:after {
  font-family: 'themify';
  content: "\e649";
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  display: inline-block;
  top: 2px;
  margin-left: 3px;
}
.breadcrumbs ul li:last-child {
  font-weight: 500;
}
.breadcrumbs ul li:last-child:after {
  content: '';
  margin-right: 0;
}

/*General links color*/
a {
  color: #004dda;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}
a:hover, a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

/*-------- 1.2 Buttons --------*/
a.btn_1,
.btn_1 {
  border: none;
  color: #fff;
  background: #004dda;
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 12px 25px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
}
a.btn_1:focus,
.btn_1:focus {
  outline: none;
}
a.btn_1:hover,
.btn_1:hover {
  background-color: #FFC107;
  color: #111 !important;
}
a.btn_1.full-width,
.btn_1.full-width {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
a.btn_1.medium,
.btn_1.medium {
  font-size: 16px;
  font-size: 1rem;
  padding: 18px 40px;
}
a.btn_1.outline,
.btn_1.outline {
  border: 2px solid #111;
  color: #111;
  padding: 10px 30px;
  background: none;
}
a.btn_1.outline:hover,
.btn_1.outline:hover {
  border-color: #004dda;
  color: #004dda !important;
}
a.btn_1.outline:focus,
.btn_1.outline:focus {
  outline: none;
}
a.btn_1.gray,
.btn_1.gray {
  background: #f0f0f0;
  color: #111 !important;
}
a.btn_1.gray:hover,
.btn_1.gray:hover {
  background-color: #FFC107;
  color: #111 !important;
}
a.btn_1 i,
.btn_1 i {
  font-weight: 600;
}

/*-------- 1.3 Structure --------*/
main {
  background-color: #fff;
  z-index: 2;
  position: relative;
  margin-bottom: 0PX !important;
}
main.freeze {
  z-index: inherit;
}

.container {
  max-width: 1420px  !important;
}
@media (max-width: 991px) {
  .container {
    max-width: 100%;
  }
}

.top_line {
  padding: 12px 0 10px 0;
  line-height: 1;
}
.top_line.promo {
  background-color: #004dda;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.top_line.promo strong {
  color: #ffff99;
  font-weight: 700;
  text-transform: uppercase;
}
.top_line.version_1 {
  color: #fff;
  background-color: #004dda;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (max-width: 767px) {
  .top_line.version_1 {
    display: none;
  }
}
.top_line.version_1.plus_select {
  padding: 7px 0;
}
.top_line.version_1.plus_select .styled-select select {
  color: #fff;
}
.top_line.version_1.plus_select .styled-select:after {
  color: #fff;
}
.top_line.version_1 ul.top_links {
  list-style: none;
  margin: 0;
  float: right;
}
.top_line.version_1 ul.top_links li {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.top_line.version_1 ul.top_links li:first-child {
  margin-left: 0;
}

header .main_header {
  position: relative;
  z-index: 99999;
}
@media (max-width: 991px) {
  header .main_header {
    padding: 15px 0;
  }
}
@media (max-width: 991px) {
  header .main_header #logo {
    text-align: center;
  }
  header .main_header #logo a img {
    height: 30px;
    width: auto;
  }
}
header .main_header a.phone_top {
  display: inline-block;
  line-height: 1.3;
}
header .main_header a.phone_top strong span {
  display: block;
  font-weight: 900;
}
@media (max-width: 991px) {
  header .main_header a.phone_top {
    position: absolute;
    right: 0;
    top: -27px;
    z-index: 2;
  }
  header .main_header a.phone_top strong {
    display: none;
  }
  header .main_header a.phone_top:before {
    font-family: "fontello";
    font-size: 26px;
    font-size: 1.625rem;
    content: '\e802';
    line-height: 1;
    padding: 0;
    margin: 0;
    display: inline-block;
  }
}
header .main_header nav a.open_close {
  position: absolute;
  top: -26px;
  left: 5px;
  display: none;
}
@media (max-width: 991px) {
  header .main_header nav a.open_close {
    display: inline-block;
  }
}
header ul.top_tools {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
@media (max-width: 767px) {
  header ul.top_tools {
    float: none;
    width: 100%;
  }
}
header ul.top_tools > li {
  float: right;
  margin-left: 20px;
}
header ul.top_tools > li:nth-child(4), header ul.top_tools > li:nth-child(5) {
  display: none;
}
@media (max-width: 767px) {
  header ul.top_tools > li:nth-child(4), header ul.top_tools > li:nth-child(5) {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  header ul.top_tools > li:last-child {
    float: left;
    margin-left: 0;
  }
}
header ul.top_tools > li a {
  display: block;
  position: relative;
  height: 60px;
  line-height: 60px;
}
@media (max-width: 767px) {
  header ul.top_tools > li a {
    height: 28px;
    line-height: 28px;
  }
}
header ul.top_tools > li a > span {
  display: none;
}
header ul.top_tools > li a:before {
  font-family: 'header_icons';
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 500 !important;
}
header ul.top_tools > li a.btn_search_mob:before, header ul.top_tools > li a.search_panel:before {
  content: '\0045';
  font-size: 26px;
  font-size: 1.625rem;
}
header ul.top_tools > li a.btn_cat_mob {
  line-height: 32px !important;
  height: 28px !important;
  padding-left: 35px;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  header ul.top_tools > li a.btn_cat_mob {
    padding-left: 0;
  }
}
header ul.top_tools > li a.btn_cat_mob .hamburger-box {
  position: absolute;
  top: 5px;
  left: 0;
  margin-right: 10px;
}
@media (max-width: 991px) {
  header ul.top_tools > li a.btn_cat_mob .hamburger-box {
    display: none;
  }
}
header ul.top_tools > li a.wishlist:before {
  content: '\0041';
}
header ul.top_tools > li a.access_link:before {
  content: '\0043';
}
header ul.top_tools > li a.cart_bt:before {
  content: '\0042';
}
header ul.top_tools > li a.cart_bt strong {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  width: 16px;
  height: 16px;
  text-indent: 0;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 10px;
  right: -3px;
  line-height: 17px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  header ul.top_tools > li a.cart_bt strong {
    bottom: -3px;
  }
}
header ul.top_tools > li .dropdown-cart .dropdown-menu,
header ul.top_tools > li .dropdown-access .dropdown-menu {
  border: none;
  min-width: 0;
  padding: 15px;
  width: 260px;
  top: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (max-width: 991px) {
  header ul.top_tools > li .dropdown-cart .dropdown-menu,
  header ul.top_tools > li .dropdown-access .dropdown-menu {
    display: none !important;
  }
}
header ul.top_tools > li .dropdown-cart .dropdown-menu:before,
header ul.top_tools > li .dropdown-access .dropdown-menu:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 7px;
  margin-left: -7px;
}
header ul.top_tools > li .dropdown-cart .dropdown-menu a,
header ul.top_tools > li .dropdown-access .dropdown-menu a {
  height: auto;
  line-height: inherit;
}
header ul.top_tools > li .dropdown-cart .dropdown-menu a.btn_1,
header ul.top_tools > li .dropdown-access .dropdown-menu a.btn_1 {
  color: #111;
  background-color: #FFC107;
  height: auto;
  line-height: 1.4;
}
header ul.top_tools > li .dropdown-cart .dropdown-menu a.btn_1.outline,
header ul.top_tools > li .dropdown-access .dropdown-menu a.btn_1.outline {
  background-color: transparent;
}
header ul.top_tools > li .dropdown-cart .dropdown-menu a.btn_1:hover,
header ul.top_tools > li .dropdown-access .dropdown-menu a.btn_1:hover {
  color: #fff !important;
  background-color: #004dda;
}
header .main_nav {
  position: relative;
  z-index: 999;
}
@media (max-width: 767px) {
  header .main_nav {
    padding: 10px 0;
  }
}
header .main_nav .custom-search-input {
  padding: 0;
  width: 100%;
  margin: 0;
  top: 10px;
  position: relative;
  height: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
header .main_nav .custom-search-input input[type='text'] {
  width: 100%;
  height: 40px;
  border: 0;
  background-color: transparent;
  padding: 15px;
}
header .main_nav .custom-search-input input[type='text']:focus {
  outline: none;
}
@media (max-width: 575px) {
  header .main_nav .custom-search-input input[type='text'] {
    padding-left: 15px;
  }
}
header .main_nav .custom-search-input button[type='submit'] {
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.5rem;
  top: 5px;
  right: 3px;
  border: 0;
  cursor: pointer;
  outline: none;
  background: none;
}
header .main_nav .custom-search-input button[type='submit']:hover {
  color: #004dda;
}
header .sticky_element {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-animation: smoothScroll 0.5s none;
  border-bottom: 1px solid transparent !important;
  -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-60px);
  }
  100% {
    transform: translateY(0px);
  }
}
header.version_1 .main_header {
  background-color: #da6600;
}
header.version_1 .main_header a.phone_top {
  color: #fff;
}
header.version_1 .main_header a.phone_top:before {
  color: #fff;
}
@media (max-width: 767px) {
  header.version_1 .main_header ul.top_tools {
    width: auto;
  }
}
header.version_1 .main_header ul.top_tools > li:last-child {
  display: inline-block;
}
@media (max-width: 767px) {
  header.version_1 .main_header ul.top_tools > li:last-child {
    float: none;
  }
}
@media (max-width: 1199px) {
  header.version_1 .main_header ul.top_tools > li:nth-child(2) {
    display: none;
  }
}
@media (max-width: 991px) {
  header.version_1 .main_header ul.top_tools > li:nth-child(3) {
    display: none;
  }
}
header.version_1 .main_header ul.top_tools > li a {
  color: #fff;
}
@media (max-width: 767px) {
  header.version_1 .main_header ul.top_tools > li a {
    line-height: 60px;
    height: 60px;
  }
}
header.version_1 .main_header ul.top_tools > li a:hover {
  color: #ffff99;
}
header.version_1 .main_header ul.top_tools > li a.cart_bt strong {
  background-color: #083487;
  color: #fff !important;
}
@media (max-width: 767px) {
  header.version_1 .main_header ul.top_tools > li a.cart_bt strong {
    bottom: 10px;
  }
}
header.version_1 .main_header ul.top_tools > li .dropdown-cart .dropdown-menu,
header.version_1 .main_header ul.top_tools > li .dropdown-access .dropdown-menu {
  border-top: 2px solid #004dda;
}
header.version_1 .main_header ul.top_tools > li .dropdown-cart .dropdown-menu:before,
header.version_1 .main_header ul.top_tools > li .dropdown-access .dropdown-menu:before {
  border-bottom-color: #004dda;
}
header.version_1 .main_header ul.top_tools > li .dropdown-cart:hover > a,
header.version_1 .main_header ul.top_tools > li .dropdown-access:hover > a {
  color: #ffff99;
}
@media (max-width: 991px) {
  header.version_1 .main_header ul.top_tools {
    position: absolute;
    top: -43px;
    right: 0;
  }
}
header.version_1 .main_nav {
  background-color: #fff;
}
header.version_1 .main_nav.inner {
  border-bottom: 1px solid #ededed;
}
header.version_1 .main_nav .custom-search-input {
  background-color: #f2f2f2;
}
header.version_1 .main_nav ul.top_tools > li a {
  color: #111;
}
header.version_1 .main_nav ul.top_tools > li a:hover {
  color: #004dda;
}
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob .hamburger-inner,
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob .hamburger-inner::before,
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob .hamburger-inner::after {
  background-color: #111;
}
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner,
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner::before,
header.version_1 .main_nav ul.top_tools > li a.btn_cat_mob:hover .hamburger-inner::after {
  background-color: #004dda;
}
header.version_1 .main_nav ul.top_tools > li a.cart_bt strong {
  background-color: #083487;
  color: #fff !important;
}
header.version_1 .main_nav ul.top_tools > li .dropdown-cart .dropdown-menu,
header.version_1 .main_nav ul.top_tools > li .dropdown-access .dropdown-menu {
  border-top: 2px solid #004dda;
  margin-top: 0;
}
header.version_1 .main_nav ul.top_tools > li .dropdown-cart .dropdown-menu:before,
header.version_1 .main_nav ul.top_tools > li .dropdown-access .dropdown-menu:before {
  border-bottom-color: #004dda;
}
header.version_1 .main_nav ul.top_tools > li .dropdown-cart:hover > a, header.version_1 .main_nav ul.top_tools > li .dropdown-access:hover > a {
  color: #004dda;
}

header.version_2 .main_header {
  background-color: #fff;
}
header.version_2 .main_header .hamburger-inner,
header.version_2 .main_header .hamburger-inner::before,
header.version_2 .main_header .hamburger-inner::after {
  background-color: #111;
}
header.version_2 .main_header:hover .hamburger-inner,
header.version_2 .main_header:hover .hamburger-inner::before,
header.version_2 .main_header:hover .hamburger-inner::after {
  background-color: #004dda;
}
header.version_2 .main_header a.phone_top {
  color: #444;
}
header.version_2 .main_header a.phone_top:before {
  color: #444;
}
@media (max-width: 767px) {
  header.version_2 .main_header ul.top_tools {
    width: auto;
  }
}
header.version_2 .main_header ul.top_tools > li:last-child {
  display: inline-block;
}
@media (max-width: 767px) {
  header.version_2 .main_header ul.top_tools > li:last-child {
    float: none;
  }
}
@media (max-width: 1199px) {
  header.version_2 .main_header ul.top_tools > li:nth-child(2) {
    display: none;
  }
}
@media (max-width: 991px) {
  header.version_2 .main_header ul.top_tools > li:nth-child(3) {
    display: none;
  }
}
header.version_2 .main_header ul.top_tools > li a {
  color: #444;
}
@media (max-width: 767px) {
  header.version_2 .main_header ul.top_tools > li a {
    line-height: 60px;
    height: 60px;
  }
}
header.version_2 .main_header ul.top_tools > li a:hover {
  color: #004dda;
}
header.version_2 .main_header ul.top_tools > li a.cart_bt strong {
  background-color: #083487;
  color: #fff !important;
}
@media (max-width: 767px) {
  header.version_2 .main_header ul.top_tools > li a.cart_bt strong {
    bottom: 10px;
  }
}
header.version_2 .main_header ul.top_tools > li .dropdown-cart .dropdown-menu,
header.version_2 .main_header ul.top_tools > li .dropdown-access .dropdown-menu {
  border-top: none;
}
header.version_2 .main_header ul.top_tools > li .dropdown-cart .dropdown-menu:before,
header.version_2 .main_header ul.top_tools > li .dropdown-access .dropdown-menu:before {
  border-bottom-color: transparent;
}
header.version_2 .main_header ul.top_tools > li .dropdown-cart:hover > a,
header.version_2 .main_header ul.top_tools > li .dropdown-access:hover > a {
  color: #004dda;
}
@media (max-width: 991px) {
  header.version_2 .main_header ul.top_tools {
    position: absolute;
    top: -43px;
    right: 0;
  }
}
header.version_2 .main_nav {
  background-color: #004dda;
  border-bottom: 1px solid transparent;
}
header.version_2 .main_nav .custom-search-input {
  background-color: #f8f8f8;
}
header.version_2 .main_nav ul.top_tools > li a {
  color: #fff;
}
header.version_2 .main_nav ul.top_tools > li a:hover {
  color: #ffff99;
}
header.version_2 .main_nav ul.top_tools > li a.cart_bt strong {
  background-color: #083487;
  color: #fff !important;
}
header.version_2 .main_nav ul.top_tools > li .dropdown-cart:hover > a,
header.version_2 .main_nav ul.top_tools > li .dropdown-access:hover > a {
  color: #ffff99;
}
header.version_2 .search_mob_wp .form-control {
  border: none;
}
header.version_2 .search_mob_wp .btn_1 {
  background-color: #FFC107;
  color: #111;
}
header.version_2 .search_mob_wp .btn_1:hover {
  background-color: #083487;
  color: #fff !important;
}

/*-------- 1.4 Navigation --------*/
@media only screen and (min-width: 992px) {
  .menu {
    display: block !important;
  }

  #mm-menu, .mm-menu {
    display: none !important;
  }
}
/* Mobile MMenu colors */
.mm-menu {
  background: #fff !important;
}

.mm-listview a {
  color: #444;
}

.main-menu {
  position: relative;
  z-index: 9;
  width: auto;
}

.main-menu ul,
.main-menu ul li,
.main-menu ul li a {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Submenu styles */
.main-menu ul li a {
  display: block;
  padding: 3px 10px;
}

/*First level styles version 1 */
.main-menu > ul > li > a {
  padding: 30px 18px 25px 18px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

header.version_1 .main-menu > ul > li > a {
  color: #fff;
}

header.version_1 .main-menu > ul > li:hover > a {
  color: #fff;
}

.main-menu > ul > li.submenu:hover > a:after {
  transform: rotate(180deg);
}

.main-menu ul > li.submenu > a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-menu ul > li.submenu > a:after {
  font-family: 'themify';
  font-size: 12px;
  font-size: 0.75rem;
  content: "\e64b";
  color: #fff;
  line-height: 1;
  padding: 0;
  margin: 0 0 0 5px;
  font-weight: bold;
  display: inline-block;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .main-menu ul > li.submenu > a:after {
    font-size: 14px !important;
    font-size: 14px !important;
    float: right;
  }
}

/*First level version 2 */
header.version_2 .main-menu > ul > li > a, .main-menu > ul > li.submenu:hover > a {
  color: #282828;
}

header.version_2 .main-menu > ul > li:hover > a {
  color: #004dda;
}

header.version_2 .main-menu ul > li.submenu > a:after {
  color: #444;
}

header.version_2 .main-menu > ul > li.submenu:hover > a:after {
  color: #004dda;
}

#header_menu {
  display: none;
}

nav a.open_close#close_in {
  position: absolute;
  right: 10px;
  left: inherit;
  top: 10px;
  width: 30px;
  height: 30px;
  display: none;
}
nav a.open_close#close_in > i {
  color: #555 !important;
  font-size: 18px;
}
nav a.open_close#close_in > i:hover {
  color: #1a1a1a !important;
}
@media (max-width: 991px) {
  nav a.open_close#close_in {
    display: block;
  }
}

/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 992px) {
  .main-menu ul > li {
    display: inline-block;
  }

  /* Submenu + megamenu*/
  .main-menu ul ul, .main-menu ul li .menu-wrapper {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    left: 0;
    top: 100%;
    display: block;
    background: #fff;
    display: block;
    min-width: 190px;
    transform: scale(0.4);
    transform-origin: 10% top;
    transition: 0.15s linear, 0.1s opacity cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s transform cubic-bezier(0.1, 1.26, 0.83, 1);
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.175);
    opacity: 0;
  }

  .main-menu ul ul {
    padding: 10px;
  }

  .main-menu ul li:hover > ul, .main-menu ul li:hover .menu-wrapper {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  .main-menu ul .menu-wrapper ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  .main-menu ul ul li {
    display: block;
  }

  .main-menu ul ul li a {
    color: #444;
    display: block;
    padding: 8px 10px;
  }

  .main-menu ul ul li:hover > a {
    color: #004dda;
    background-color: #0044c2;
    background-color: rgba(0, 77, 218, 0.05);
  }

  /* Megamenu */
  .main-menu ul li.megamenu {
    position: static;
  }

  .main-menu ul li.megamenu .menu-wrapper {
    width: 1110px;
    left: 50%;
    margin-left: -555px;
    padding: 30px !important;
  }

  .main-menu ul li:hover.megamenu .menu-wrapper ul {
    visibility: visible;
    opacity: 1;
  }

  .main-menu ul .menu-wrapper h3 {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
  }

  /* Submenu 3rd level */
  .main-menu ul ul ul {
    left: 100%;
    top: 0;
  }
}
/* All styles for screen size between 992px and 1200px
================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li.megamenu .menu-wrapper {
    width: 940px;
    margin-left: -510px;
  }
}
/* All styles for screen under 991px
================================================== */
@media only screen and (max-width: 991px) {
  #header_menu {
    text-align: center;
    padding: 25px 15px 10px 15px;
    position: relative;
    display: block;
    margin-bottom: 15px;
  }
  #header_menu img {
    height: 30px !important;
    width: auto !important;
  }

  .main-menu ul > li.submenu > a:after {
    color: #444;
    top: 5px;
    right: 15px;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
  }

  .main-menu ul li a:hover,
  a.show-submenu:hover,
  a.show-submenu-mega:hover {
    color: #004dda !important;
    background-color: #0044c2;
    background-color: rgba(0, 77, 218, 0.05);
  }

  .main-menu ul li {
    border-bottom: 1px solid #ededed;
  }

  /* Menu mobile first level */
  .main-menu ul li > a {
    padding: 15px;
  }

  .main-menu h3 {
    font-size: 12px;
    padding: 15px 15px 0 15px;
    text-transform: uppercase;
  }

  .main-menu li, .main-menu a {
    display: block;
    color: #444 !important;
  }

  /* Menu mobile second level */
  .main-menu ul li.submenu ul {
    border-left: 1px solid #ededed;
    margin: 0 0 15px 25px;
  }

  .main-menu ul li.submenu ul li {
    border: 0;
  }

  .main-menu ul li.submenu ul li a {
    padding: 10px;
  }

  /* Menu mobile left panel */
  .main-menu {
    overflow: auto;
    transform: translateX(-200%);
    top: 0;
    left: -110%;
    bottom: 0;
    width: 45%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    margin: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }

  .main-menu.show {
    transform: translateX(0);
    left: 0;
  }

  .main-menu .show-submenu + ul,
  a.show-submenu-mega + .menu-wrapper {
    display: none;
    visibility: hidden;
  }

  a.show-submenu-mega + .menu-wrapper.show_mega,
  .main-menu a.show-submenu + ul.show_normal {
    display: block;
    visibility: visible;
  }
}
@media only screen and (max-width: 580px) {
  .main-menu {
    width: 100%;
  }
}
.dropdown-cart .dropdown-menu {
  margin-left: -205px;
}
.dropdown-cart .dropdown-menu:before {
  right: 10%;
}
.dropdown-cart .dropdown-menu .total_drop {
  font-size: 16px;
  font-size: 1rem;
}
.dropdown-cart .dropdown-menu .total_drop strong {
  float: left;
}
.dropdown-cart .dropdown-menu .total_drop span {
  float: right;
  font-weight: 600;
}
.dropdown-cart .dropdown-menu .total_drop .btn_1 {
  margin-top: 10px;
}
.dropdown-cart .dropdown-menu ul {
  padding: 0;
  list-style: none;
}
.dropdown-cart .dropdown-menu ul li {
  position: relative;
}
.dropdown-cart .dropdown-menu ul li a.action {
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
}
.dropdown-cart .dropdown-menu ul li a.action i {
  font-size: 16px;
  font-weight: normal;
  color: #777;
}
.dropdown-cart .dropdown-menu ul li a.action i:hover {
  color: #1a1a1a;
}
.dropdown-cart .dropdown-menu ul li a {
  border-bottom: 1px solid #ededed;
  margin: 0;
  padding: 0 15px 10px 60px;
  width: 100%;
  min-height: 60px;
  margin-bottom: 10px;
  position: relative;
}
.dropdown-cart .dropdown-menu ul li a figure {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 1px solid #ededed;
}
.dropdown-cart .dropdown-menu ul li a figure img {
  width: auto;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.dropdown-cart .dropdown-menu ul li a strong {
  color: #444;
  margin-top: 5px;
  display: inline-block;
  color: #333;
  font-weight: 700;
}
.dropdown-cart .dropdown-menu ul li a strong span {
  display: block;
  font-weight: normal;
}
.dropdown-cart .dropdown-menu ul li a strong:hover {
  color: #004dda;
}

.dropdown-access .dropdown-menu {
  margin-left: -115px;
}
.dropdown-access .dropdown-menu:before {
  left: 50%;
}
.dropdown-access .dropdown-menu ul {
  margin: 15px -15px -15px -15px;
  padding: 0;
}
.dropdown-access .dropdown-menu ul li {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid #ededed;
}
.dropdown-access .dropdown-menu ul li a {
  height: auto !important;
  color: #444 !important;
  border-left: 2px solid transparent;
  display: block;
  padding: 15px 15px 15px 50px !important;
  position: relative;
  line-height: 1;
}
.dropdown-access .dropdown-menu ul li a i {
  font-size: 21px;
  font-size: 1.3125rem;
  margin-right: 10px;
  position: absolute;
  top: 14px;
  left: 15px;
}
.dropdown-access .dropdown-menu ul li a:hover {
  border-left: 2px solid #004dda;
  color: #004dda !important;
  background-color: #0044c2;
  background-color: rgba(0, 77, 218, 0.04);
}

.search_mob_wp {
  padding: 10px 15px 0 15px;
  display: none;
  width: 100%;
  position: relative;
  top: 5px;
}
.search_mob_wp .form-control {
  margin-bottom: 15px;
}

.categories {
  display: none;
}

.categories.menu {
  display: block;
}

@media (max-width: 767px) {
  .categories {
    display: none;
  }
}

.menu ul {
  position: relative;
  padding: 0;
  margin: 0;
  top: 0;
}
.menu ul li {
  display: block;
  float: left;
}
.menu ul li > span a {
  display: block;
  position: relative;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  padding-bottom: 0;
  text-decoration: none;
  height: 60px;
  line-height: 62px;
  text-transform: uppercase;
}
.menu ul li > span a .hamburger-box {
  top: 10px;
  margin-right: 10px;
}
.menu ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 300px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  z-index: 99;
  border-top: 2px solid #004dda;
}
.menu ul li ul li {
  display: block;
  width: 300px;
}
.menu ul li ul li ul {
  border-top: none;
}
@media (max-width: 767px) {
  .menu ul li ul li {
    width: 100%;
  }
}
.menu ul li ul li a {
  text-transform: none;
  display: block;
  float: none;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 45px;
  height: auto;
  padding: 0 10px 0 15px;
}
.menu ul li ul li a:hover {
  background-color: #0044c2;
  background-color: rgba(0, 77, 218, 0.04);
}
.menu ul li ul li a.active {
  color: #004dda;
  background-color: #0044c2;
  background-color: rgba(0, 77, 218, 0.04);
}
.menu ul li ul li a.active:after {
  font-family: 'themify';
  content: "\e649";
  float: right;
  font-size: 21px;
  font-size: 1.3125rem;
  margin-top: 0;
  color: #004dda;
}
@media (max-width: 767px) {
  .menu ul li ul li a.active:after {
    transform: rotate(90deg);
  }
}

.menu ul li ul.expanded {
  width: 600px;
}
@media (max-width: 767px) {
  .menu ul li ul.expanded {
    width: 100%;
  }
}

.menu ul li ul.expanded li {
  margin-right: 300px;
}
@media (max-width: 767px) {
  .menu ul li ul.expanded li {
    margin-right: 0;
  }
}

.menu ul li ul li ul {
  display: none;
  position: absolute;
  left: 300px;
  border-left: 1px solid #dddddd;
  top: 0;
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  .menu ul li ul li ul {
    position: relative;
    left: 0;
    border-left: 0;
  }
}

.menu ul li ul li ul li a {
  color: #444;
}

.menu ul li ul li ul li a:hover:after {
  content: none;
}

/* Categories button version 1 */
header.version_1 .menu ul li > span a {
  color: #111;
}
header.version_1 .menu ul li > span a .hamburger-inner,
header.version_1 .menu ul li > span a .hamburger-inner::before,
header.version_1 .menu ul li > span a .hamburger-inner::after {
  background-color: #111;
}
header.version_1 .menu ul li > span a:hover {
  color: #004dda;
}
header.version_1 .menu ul li > span a:hover .hamburger-inner,
header.version_1 .menu ul li > span a:hover .hamburger-inner::before,
header.version_1 .menu ul li > span a:hover .hamburger-inner::after {
  background-color: #004dda;
}
header.version_1 .menu ul li > span a.active {
  color: #004dda;
}
header.version_1 .menu ul li > span a.active .hamburger-inner,
header.version_1 .menu ul li > span a.active .hamburger-inner::before,
header.version_1 .menu ul li > span a.active .hamburger-inner::after {
  background-color: #004dda;
}
header.version_1 .menu ul li ul li a {
  color: #444;
}

/* Categories button version 2 */
header.version_2 .menu ul li > span > a {
  color: #fff;
}
header.version_2 .menu ul li > span > a .hamburger-inner,
header.version_2 .menu ul li > span > a .hamburger-inner::before,
header.version_2 .menu ul li > span > a .hamburger-inner::after {
  background-color: #fff;
}
header.version_2 .menu ul li > span > a:hover {
  color: #ffff99;
}
header.version_2 .menu ul li > span > a:hover .hamburger-inner,
header.version_2 .menu ul li > span > a:hover .hamburger-inner::before,
header.version_2 .menu ul li > span > a:hover .hamburger-inner::after {
  background-color: #ffff99;
}
header.version_2 .menu ul li > span > a.active {
  color: #ffff99;
}
header.version_2 .menu ul li > span > a.active .hamburger-inner,
header.version_2 .menu ul li > span > a.active .hamburger-inner::before,
header.version_2 .menu ul li > span > a.active .hamburger-inner::after {
  background-color: #ffff99;
}
header.version_2 .menu ul li ul li a {
  color: #444 !important;
}
header.version_2 .menu ul li ul li a:hover {
  color: #004dda !important;
}

header.version_2 .menu ul li ul {
  top: 98%;
}

header.version_2 .menu ul li ul li ul {
  top: 0;
}

/*-------- 1.5 Top banner --------*/
.top_banner {
  height: 250px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .top_banner {
    height: 200px;
  }
}
.top_banner .breadcrumbs {
  color: #fff;
}
.top_banner .breadcrumbs ul li a {
  color: #fff;
  opacity: 0.6;
}
.top_banner .breadcrumbs ul li a:hover {
  color: #fff;
  opacity: 1;
}
.top_banner h1 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 767px) {
  .top_banner h1 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.top_banner img {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .top_banner img {
    height: 200px;
    width: auto !important;
    max-width: inherit !important;
  }
}
.top_banner.version_2 h1 {
  padding: 10px 15px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}
.top_banner.general {
  height: 450px;
}
@media (max-width: 767px) {
  .top_banner.general {
    height: 300px;
  }
}
.top_banner.general h1 {
  color: #111;
  text-transform: none;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .top_banner.general img {
    height: auto;
  }
}

/*-------- 1.6 Owl Carousel --------*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: flex;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*-------- 1.7 Mobile Menu --------*/
/*
 * jQuery mmenu v6.1.8
 * @requires jQuery 1.7.0 or later
 *
 * mmenu.frebsite.nl
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
/*-------- Core styles --------*/
.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  box-sizing: border-box;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-panels {
  overflow: hidden;
}

.mm-panel {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.mm-panel.mm-opened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-panel.mm-noanimation {
  -webkit-transition: none !important;
  transition: none !important;
}

.mm-panel.mm-noanimation.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels > .mm-panel:not(.mm-hidden) {
  display: block;
}

.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
  content: '';
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next {
  box-sizing: border-box;
  height: 40px;
  bottom: auto;
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 19px;
}

.mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-clear:before,
.mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px;
}

.mm-clear:after,
.mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px;
}

.mm-next:after,
.mm-prev:before {
  content: '';
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.mm-prev:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto;
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 10px 0;
}

.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-navbar .mm-btn:first-child {
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px;
}

.mm-listview a,
.mm-listview a:hover {
  text-decoration: none;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
  border-color: inherit;
}

.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.mm-listview > li:not(.mm-divider):after {
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05);
}

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  z-index: 1;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking {
  overflow: hidden;
}

html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed;
}

.mm-menu.mm-offcanvas.mm-opened {
  display: block;
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
  z-index: 10;
}

.mm-menu.mm-offcanvas {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    transform: translate(440px, 0);
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}
.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

/*-------- Add-Ons Autoheight--------*/
.mm-menu.mm-autoheight {
  -webkit-transition: none .4s ease;
  transition: none .4s ease;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.mm-menu.mm-autoheight:not(.mm-offcanvas) {
  position: relative;
}

.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened,
.mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
  display: block !important;
}

.mm-menu.mm-measureheight .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}

/*-------- Add-Ons Navbars--------*/
.mm-navbars-bottom,
.mm-navbars-top {
  background: inherit;
  border-color: inherit;
  border-width: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
}

.mm-navbars-bottom > .mm-navbar,
.mm-navbars-top > .mm-navbar {
  border: none;
  padding: 0;
  position: relative;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-navbars-top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0;
}

.mm-navbars-bottom {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0;
}

.mm-navbar.mm-hasbtns {
  padding: 0 40px;
}

.mm-navbar[class*=mm-navbar-content-] > * {
  box-sizing: border-box;
  display: block;
  float: left;
}

.mm-navbar .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px;
}

.mm-navbar .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px;
}

.mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px;
}

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px;
}

.mm-navbar-size-2 {
  height: 80px;
}

.mm-navbar-size-3 {
  height: 120px;
}

.mm-navbar-size-4 {
  height: 160px;
}

.mm-navbar-content-2 > * {
  width: 50%;
}

.mm-navbar-content-3 > * {
  width: 33.33%;
}

.mm-navbar-content-4 > * {
  width: 25%;
}

.mm-navbar-content-5 > * {
  width: 20%;
}

.mm-navbar-content-6 > * {
  width: 16.67%;
}

/*-------- Extension Pagedim --------*/
.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: 0;
}

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: .3;
  -webkit-transition: opacity .4s ease .4s;
  transition: opacity 0.4s ease 0.4s;
}

.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
  background: inherit;
}

.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
  background: #fff;
}

.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
  background: #000;
}

body.modal-open .mm-slideout {
  z-index: unset;
}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/
/*-------- 2.1 Home --------*/
#carousel-home, #carousel-home-2 {
  position: relative;
}
#carousel-home .static, #carousel-home-2 .static {
  position: static;
}
#carousel-home .cover, #carousel-home-2 .cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  max-height: none !important;
  z-index: 2;
  opacity: 1 !important;
}
#carousel-home .owl-carousel, #carousel-home-2 .owl-carousel {
  position: relative;
}
#carousel-home .owl-carousel .owl-slide, #carousel-home-2 .owl-carousel .owl-slide {
  height: 500px;
  position: relative;
}
@media (max-width: 767px) {
  #carousel-home .owl-carousel .owl-slide, #carousel-home-2 .owl-carousel .owl-slide {
    height: 420px;
  }
}
#carousel-home .owl-carousel .owl-slide-animated, #carousel-home-2 .owl-carousel .owl-slide-animated {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.05s ease;
  -o-transition: all 0.05s ease;
  -webkit-transition: all 0.05s ease;
  -ms-transition: all 0.05s ease;
  transition: all 0.05s ease;
}
#carousel-home .owl-carousel .owl-slide-animated.is-transitioned, #carousel-home-2 .owl-carousel .owl-slide-animated.is-transitioned {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  visibility: visible;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#carousel-home .owl-carousel .owl-slide-title.is-transitioned, #carousel-home-2 .owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}
#carousel-home .owl-carousel .owl-slide-subtitle.is-transitioned, #carousel-home-2 .owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
}
#carousel-home .owl-carousel .owl-slide-cta.is-transitioned, #carousel-home-2 .owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
}
#carousel-home .owl-carousel .owl-dots, #carousel-home-2 .owl-carousel .owl-dots {
  bottom: 15px;
  width: 100%;
  position: absolute;
  z-index: 3;
}
#carousel-home .owl-carousel .owl-dots .owl-dot,
#carousel-home .owl-carousel .owl-nav [class*="owl-"]:focus, #carousel-home-2 .owl-carousel .owl-dots .owl-dot,
#carousel-home-2 .owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}
#carousel-home section, #carousel-home-2 section {
  display: none;
}

.slide-text {
  font-size: 21px;
  font-size: 1.3125rem;
}
.slide-text h2, .slide-text h3 {
  font-size: 46px;
  font-size: 2.875rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 767px) {
  .slide-text h2, .slide-text h3 {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.slide-text strong {
  font-weight: 700;
  font-size: 28px;
  font-size: 1.75rem;
}
.slide-text.white {
  color: #fff;
}
.slide-text.white h2, .slide-text.white h3 {
  color: #fff;
}
.slide-text.black {
  color: #111;
}
.slide-text.black h2 {
  color: #000;
}

#carousel-home-2 .owl-carousel .owl-slide {
  height: 600px;
}
#carousel-home-2 .owl-carousel .owl-slide .static {
  position: static;
  flex-direction: column;
  height: 100%;
}

#carousel-home-2 .owl-item.active.center {
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
}

.feat {
  background-color: #f8f8f8;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .feat {
    display: none;
  }
}
.feat ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 100%;
}
.feat ul li {
  width: 33%;
  border-right: 1px solid #dddddd;
  display: inline-block;
  position: relative;
  text-align: center;
}
.feat ul li:last-child {
  border-right: 1px solid transparent;
}
.feat ul li .box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feat ul li h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 5px 0 0 0;
  padding: 0;
}
.feat ul li i {
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0 20px 0 0;
  color: #004dda;
}
.feat ul li p {
  margin: 0;
}

/*-------- 2.2 General Listing --------*/
.grid_item {
  margin-bottom: 25px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.grid_item:hover ul li {
  display: block;
}
.grid_item figure {
  position: relative;
  overflow: hidden;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.grid_item figure img:nth-child(1) {
  visibility: visible;
  opacity: 1;
  transform: translateZ(0);
}
.grid_item figure img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.grid_item figure:hover {
  -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
}
.grid_item figure:hover img {
  -webkit-transition: opacity 0.5s ease, -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
.grid_item figure:hover img:nth-child(2) {
  visibility: visible;
  opacity: 1;
  transform: scale(1.05);
}
.grid_item ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  z-index: 2;
}
@media (max-width: 991px) {
  .grid_item ul {
    position: relative;
    left: 0px;
    right: inherit;
    margin-bottom: 10px;
    top: 0;
  }
}
.grid_item ul li {
  margin-bottom: 5px;
  animation: fadeIn 0.1s ease;
  animation-fill-mode: both;
  display: none;
  position: relative;
}
@media (max-width: 991px) {
  .grid_item ul li {
    animation: none;
    display: inline-block !important;
  }
}
.grid_item ul li a {
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  width: 36px;
  height: 36px;
  color: #444;
  text-align: center;
  line-height: 40px;
  display: block;
  margin: 0;
  padding: 0;
}
.grid_item ul li a:hover {
  background-color: #004dda;
}
.grid_item ul li a:hover i {
  color: #fff;
}
.grid_item ul li a span {
  display: none;
}
@media (max-width: 991px) {
  .grid_item ul li {
    display: block;
  }
}
.grid_item ul li:nth-child(1) {
  animation-delay: 0.05s;
}
.grid_item ul li:nth-child(2) {
  animation-delay: 0.1s;
}
.grid_item ul li:nth-child(3) {
  animation-delay: 0.15s;
}
.grid_item a h3 {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 3px 0 0 0;
  color: #444;
  font-weight: 500;
  display: inline-block;
}
.grid_item a h3:hover {
  color: #004dda;
}
.grid_item .price_box {
  margin-bottom: 5px;
}
.grid_item .price_box .old_price {
  font-size: 14px;
  font-size: 0.875rem;
}
.grid_item .rating {
  display: block;
  margin-bottom: 0;
}

.rating {
  color: #ccc;
  margin-bottom: 15px;
  display: inline-block;
}
.rating i.voted {
  color: #fec348;
}
.rating i:before {
  margin: 2px;
}
.rating em a {
  display: inline-block;
  color: #999;
  margin-left: 10px;
  text-decoration: underline;
  display: inline-block;
}
.rating em a:hover {
  color: #004dda;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.new_price {
  color: #004dda;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
}

.old_price {
  color: #999;
  text-decoration: line-through;
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
}

.tooltip {
  line-height: 1.3;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.tooltip.show {
  opacity: 0.8;
}

.countdown {
  color: #fff;
  font-weight: 600;
  width: 100px;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  bottom: 25px;
  z-index: 1;
  line-height: 23px;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  background: #F33;
  text-align: center;
}
@media (max-width: 575px) {
  .countdown {
    margin-left: -45px;
    width: 90px;
  }
}
.countdown:before {
  position: absolute;
  left: -15px;
  top: -6px;
  content: '';
  background: url(../img/countdown_bg.svg) top left no-repeat;
  width: 27px;
  height: 30px;
  display: inline-block;
}
@media (max-width: 575px) {
  .countdown:before {
    display: none;
  }
}

.percentage {
  background: #F33;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  position: relative;
  padding: 5px 5px 3px 5px;
  top: -1px;
  margin-left: 10px;
  display: inline-block;
}

/*============================================================================================*/
/* 3.  COMMON */
/*============================================================================================*/
/*-------- 3.1 Owl Carousel Custom Nav --------*/
.owl-theme .owl-dots {
  margin-top: 20 !important;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  outline: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: transparent !important;
  border: 2px solid #004dda;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot span {
  position: relative;
  border-radius: 50%;
  width: 16px !important;
  height: 16px !important;
  background: transparent !important;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all .3s ease;
  border: 2px solid #ccc;
}
.owl-theme .owl-dots .owl-dot span::before {
  content: '';
  background-color: #004dda !important;
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}


.owl-theme .owl-nav {
  position: absolute;
  top: 30%;
  transform: translateY(-30%);
  left: 0;
  width: 100%;
  margin: 0 !important;
}

.owl-prev,
.owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  display: block !important;
  background: #fff !important;
  line-height: 46px !important;
  border: 1px solid #ededed !important;
}

.owl-prev {
  left: -20px;
}

.owl-next {
  right: -20px;
}

.owl-prev i,
.owl-next i {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #ccc;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.owl-prev i:hover,
.owl-next i:hover {
  color: #004dda;
}

.owl-prev.disabled i:hover,
.owl-next.disabled i:hover {
  color: #ccc;
}

/*-------- 3.2 Misc --------*/
/* Opacity mask when left open */
.layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.35);
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
  opacity: 0;
  visibility: hidden;
}

.layer-is-visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
  .products_carousel {
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .products_carousel .grid_item {
    margin-bottom: 0;
  }
}

.search-input {
  padding: 0;
  width: 100%;
  margin: 0 0 30px 0;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.search-input input[type='text'] {
  width: 100%;
  height: 50px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #eeeeee;
  padding: 15px;
}
.search-input input[type='text']:focus {
  outline: none;
}
@media (max-width: 575px) {
  .search-input input[type='text'] {
    padding-left: 15px;
  }
}
.search-input button[type='submit'] {
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.5rem;
  top: 10px;
  right: 5px;
  border: 0;
  cursor: pointer;
  outline: none;
  background: none;
}
.search-input button[type='submit']:hover {
  color: #004dda;
}
.search-input.white input[type='text'] {
  background-color: #fff;
  border: 1px solid #dddddd;
}

.numbers-row {
  position: relative;
  width: 100%;
  height: 40px;
  overflow: visible;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  text-align: left !important;
}

input.qty2 {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  left: 50%;
  background: none;
  padding: 5px;
  border: none;
  margin-left: -20px;
}
input.qty2:focus {
  outline: none;
  box-shadow: none;
}

.button_inc {
  cursor: pointer;
  position: absolute;
  width: 33px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  z-index: 2;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 300 !important;
  color: #999;
}
.button_inc:hover {
  color: #004dda;
}

.dec {
  left: 0;
  top: 0;
}

.inc {
  right: 0;
  top: 0;
}

.opacity-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.ribbon {
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  left: 10px;
  line-height: 1;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 10px;
  padding: 7px 10px;
  font-weight: 600;
  min-width: 45px;
  z-index: 1;
}
.ribbon:before {
  border-style: solid solid solid none;
  border-width: 9px 9px 9px 0;
  bottom: -15px;
  content: "";
  left: 0;
  position: absolute;
  width: 9px;
}
.ribbon.new {
  background-color: #9933cc;
}
.ribbon.new:before {
  border-color: #9933cc transparent transparent;
}
.ribbon.hot {
  background-color: #0C0;
}
.ribbon.hot:before {
  border-color: #0C0 transparent transparent;
}
.ribbon.off {
  background-color: #F33;
}
.ribbon.off:before {
  border-color: #F33 transparent transparent;
}

.box_general {
  padding: 25px 25px 5px 25px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

.bg_white {
  background-color: #fff;
}

.bg_gray {
  background-color: #f8f8f8;
}

/* Checkbox style */
.container_check {
  display: block;
  position: relative;
  padding-left: 30px;
  line-height: 1.7;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container_check input:checked ~ .checkmark {
  background-color: #004dda;
  border: 1px solid transparent;
}
.container_check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #dddddd;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.container_check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container_check input:checked ~ .checkmark:after {
  display: block;
}

/* Radio buttons */
.container_radio {
  display: block;
  position: relative;
  padding-left: 30px;
  line-height: 1.7;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container_radio input {
  position: absolute;
  opacity: 0;
}
.container_radio input:checked ~ .checkmark:after {
  opacity: 1;
}
.container_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #dddddd;
  background-color: #fff;
  border-radius: 50%;
}
.container_radio .checkmark:after {
  display: block;
  content: "";
  position: absolute;
  opacity: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #004dda;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.small-gutters {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.small-gutters > [class*="col-"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.form-control {
  padding: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  height: calc(1.75em + .75rem + 2px);
}
.form-control:focus {
  border-color: #ccc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
}

.form-group {
  position: relative;
}

ul.list_ok {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
ul.list_ok li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 5px;
}
ul.list_ok li:before {
  font-family: 'themify';
  content: "\e64c";
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 16px;
  font-size: 1rem;
  color: #1a1a1a;
}
ul.list_ok li:last-child {
  margin-bottom: 0;
}

.styled-select {
  width: 100%;
  overflow: hidden;
  height: 30px;
  line-height: 32px;
  border: none;
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding-right: 35px;
  position: relative;
  color: #ccc;
  cursor: pointer;
}
.styled-select:after {
  font-family: 'themify';
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 0;
}
.styled-select.lang-selector:after {
  content: "\e665";
}
.styled-select.currency-selector:after {
  content: "\e64b";
}
.styled-select select {
  background: transparent;
  width: 110%;
  padding-left: 10px;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  color: #ccc;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
  font-weight: 500;
  -moz-appearance: window;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
}
.styled-select select:focus {
  color: #ccc;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.styled-select select::-ms-expand {
  display: none;
}

.top_panel {
  background-color: #fff;
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  z-index: 99999;
  -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
}
.top_panel.show {
  top: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.top_panel .header_panel {
  position: relative;
  padding: 15px;
}
.top_panel .header_panel label {
  font-weight: 500;
  font-size: 15px;
  font-size: 0.9375rem;
  position: relative;
  padding-left: 30px;
}
.top_panel .header_panel label:before {
  font-family: 'themify';
  content: "\e64d";
  color: #66cc33;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -7px;
}
.top_panel .header_panel small {
  font-weight: 500;
  font-size: 15px;
  font-size: 0.9375rem;
}
.top_panel .header_panel a.btn_close_top_panel {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: absolute;
  font-size: 24px;
  font-size: 1.5rem;
  top: 15px;
  right: 15px;
  color: #999;
  opacity: 0.8;
  width: 24px;
  height: 24px;
  line-height: 1;
}
.top_panel .header_panel a.btn_close_top_panel:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 1;
  color: #444;
}
.top_panel .item {
  background-color: #f4f4f4;
  padding: 25px 0;
  min-height: 130px;
}
.top_panel .item .btn_panel {
  text-align: right;
  padding-top: 25px;
}
@media (max-width: 991px) {
  .top_panel .item .btn_panel {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .top_panel .item .btn_panel {
    text-align: center;
  }
}
.top_panel .item .btn_panel a {
  min-width: 200px;
}
@media (max-width: 1199px) {
  .top_panel .item .btn_panel a {
    min-width: inherit;
  }
}
@media (max-width: 767px) {
  .top_panel .item .btn_panel a {
    width: 49.2%;
  }
}
.top_panel .related {
  padding: 15px 0 20px 15px;
}
@media (max-width: 991px) {
  .top_panel .related {
    display: none;
  }
}
.top_panel .related h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
  margin: 5px 0 15px 0;
}
.top_panel .related .item_panel a h5 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #004dda;
  padding-top: 5px;
  margin: 0 0 3px 0;
  font-weight: 400;
  color: #444;
}
.top_panel .related .item_panel a h5:hover {
  color: #004dda;
}
.top_panel .related .item_panel figure {
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  border: 1px solid #ededed;
  padding: 0;
  border: 0;
}
.top_panel .related .item_panel figure img {
  height: 60px;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.top_panel .item_panel {
  position: relative;
  width: 100%;
}
.top_panel .item_panel figure {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: relative;
  margin: 0 15px 0 0;
  float: left;
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: #fff;
  box-sizing: content-box;
}
.top_panel .item_panel figure img {
  width: auto;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.top_panel .item_panel h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 3px 0;
  font-weight: 400;
  padding-top: 15px;
  color: #444;
}
@media (max-width: 991px) {
  .top_panel .item_panel h4 {
    padding-top: 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* Scroll top button */
#toTop {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 999;
  transition: 0.35s;
  transform: scale(0.7);
  width: 46px;
  height: 46px;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
}
#toTop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#toTop:after {
  font-family: 'themify';
  content: "\e648";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#toTop:hover {
  background-color: #004dda;
}

.modal-content {
  border: none !important;
  border-radius: 10px !important;
  padding: 25px;
}

/* Jquery select */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 3px;
  border: none;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 38px;
  line-height: 34px;
  outline: none;
  padding-left: 10px;
  padding-right: 27px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
  color: #444;
  padding-top: 2px;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #ccc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
}
.nice-select:after {
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  content: '';
  display: block;
  height: 8px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 8px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #9e9e9e;
  color: #757575;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 13px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-19px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 99;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 32px;
  list-style: none;
  min-height: 32px;
  outline: none;
  padding-left: 15px;
  padding-right: 26px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #0044c2;
  background-color: rgba(0, 77, 218, 0.04);
}
.nice-select .option.selected {
  font-weight: 500;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #757575;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*-------- 3.3 Spacing --------*/
.add_bottom_10 {
  margin-bottom: 10px;
}

.add_bottom_15 {
  margin-bottom: 15px;
}

.add_bottom_20 {
  margin-bottom: 20px;
}

.add_bottom_25 {
  margin-bottom: 25px;
}

.add_bottom_30 {
  margin-bottom: 30px;
}

.add_bottom_45 {
  margin-bottom: 45px;
}

.add_bottom_60 {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .add_bottom_60 {
    margin-bottom: 30px;
  }
}

.add_top_5 {
  margin-top: 5px;
}

.add_top_10 {
  margin-top: 10px;
}

.add_top_15 {
  margin-top: 15px;
}

.add_top_20 {
  margin-top: 20px;
}

.add_top_30 {
  margin-top: 30px;
}

.add_top_60 {
  margin-top: 60px;
}

.padding_bottom_35 {
  padding-bottom: 35px;
}

.margin_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.margin_30_5 {
  padding-top: 30px;
  padding-bottom: 5px;
}

.margin_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 575px) {
  .margin_60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.margin_60_35 {
  padding-top: 60px;
  padding-bottom: 35px;
}
@media (max-width: 575px) {
  .margin_60_35 {
    padding-top: 30px;
    padding-bottom: 5px;
  }
}

.margin_90_65 {
  padding-top: 90px;
  padding-bottom: 65px;
}

.margin_90_0 {
  padding-top: 90px;
  padding-bottom: 0;
}

/*-------- 3.4 Sing In Modal --------*/
#sign-in-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
#sign-in-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#sign-in-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .mfp-close:before {
  font-size: 16px;
  font-family: 'themify';
  content: "\e646";
}

.modal_header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.modal_header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#sign-in-dialog .form-group {
  position: relative;
}

#sign-in-dialog .form-group input.form-control {
  padding-left: 40px;
}

#sign-in-dialog .form-group > i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 10px;
  top: 32px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

.my-toggle {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none;
  background-color: #fff;
}
.my-toggle i {
  font-size: 14px;
  font-size: 0.875rem;
  position: static !important;
  color: #777;
}
.my-toggle i:hover, .my-toggle i:focus {
  color: #555;
}

.hideShowPassword-wrapper {
  width: 100% !important;
}

.checkboxes label {
  color: #999;
}

a#forgot {
  color: #999;
  font-weight: 500;
}

#forgot_pw {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  min-height: 430px;
  display: none;
}
#forgot_pw label {
  font-weight: 500;
}

.sign-in-wrapper {
  position: relative;
  height: 100%;
}

a.social_bt {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  min-width: 200px;
  margin-bottom: 15px;
  display: block;
  padding: 12px;
  line-height: 1;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
a.social_bt:hover {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
}

a.social_bt.facebook:before,
a.social_bt.google:before,
a.social_bt.linkedin:before {
  font-family: 'themify';
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 1rem;
  color: #fff;
}

a.social_bt.facebook {
  background-color: #3B5998;
}
a.social_bt.facebook:before {
  content: "\e741";
}

a.social_bt.google {
  background-color: #DC4E41;
}
a.social_bt.google:before {
  content: "\e73e";
  top: 12px;
}

.divider {
  text-align: center;
  height: 1px;
  margin: 20px 0 20px 0;
  background-color: #ededed;
}
.divider span {
  position: relative;
  top: -20px;
  background-color: #fff;
  display: inline-block;
  padding: 10px;
  font-style: italic;
}

/*-------- 3.5 Modal popup --------*/
/* Advertise and newsletter popup */
.popup_wrapper {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
}
.popup_wrapper .popup_content {
  background-color: #fff;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 500px;
}
@media (max-width: 767px) {
  .popup_wrapper .popup_content {
    width: 300px;
  }
}
.popup_wrapper .popup_content.newsletter {
  width: 800px;
}
@media (max-width: 767px) {
  .popup_wrapper .popup_content.newsletter {
    width: 300px;
  }
}
.popup_wrapper .popup_content.newsletter figure {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.popup_wrapper .popup_content.newsletter figure img {
  height: 100%;
  width: auto;
}
.popup_wrapper .popup_content.newsletter .content {
  height: 100%;
  padding: 120px 60px;
  text-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .popup_wrapper .popup_content.newsletter .content {
    padding: 30px 30px 15px 30px;
    height: auto;
  }
}
.popup_wrapper .popup_content.newsletter .content .wrapper {
  width: 100%;
}
.popup_wrapper .popup_content.newsletter .content .wrapper h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  margin-top: 25px;
}
.popup_wrapper .popup_close {
  color: #ffffff;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #000;
  width: 53px;
  height: 25px;
  line-height: 27px;
  position: absolute;
  top: -25px;
  right: 0;
  font-size: 13px;
  font-weight: 700;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup_wrapper .popup_close:hover {
  background: #cc0000;
}

/*-------- 3.6 Pagination --------*/
.clear:after, .pagination:after, .clear:before, .pagination:before {
  content: "";
  display: table;
}
.clear:after, .pagination:after {
  clear: both;
}

.pagination__wrapper {
  height: 50px;
  padding-top: 20px;
  margin-bottom: 25px;
  position: relative;
  text-align: center;
  width: 100%;
  border-top: 1px solid #ededed;
}
.pagination__wrapper.no_border {
  border-top: none;
}
.pagination__wrapper:before {
  top: -1px;
}
.pagination__wrapper:after {
  bottom: -1px;
}

@keyframes hoverAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.pagination {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination li {
  display: block;
  float: left;
  padding: 5px;
}
.pagination li:first-child {
  border: none;
}
.pagination a,
.pagination span {
  background: none;
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  padding: 0;
}
.pagination a {
  outline: none;
  position: relative;
  transition: all 170ms linear;
}
.pagination a:before {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  content: "";
  cursor: pointer;
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all 170ms linear;
  top: 50%;
  width: 0;
}
.pagination a:hover:not(.active) {
  color: black;
}
.pagination a:hover:not(.active):before {
  animation: hoverAnimation 510ms linear forwards;
  height: 40px;
  width: 40px;
}
.pagination a.active {
  background: rgba(0, 0, 0, 0.1);
  color: black;
  cursor: default;
}
.pagination .prev,
.pagination .next {
  font-size: 14px;
}

/*-------- 3.7 Footer --------*/
@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }
}
footer.footer-2007 {
  position: relative !important;
  width: auto !important;
  margin-top: 26px;
  padding: 18px 0 10px;
  color: #ebf5ff;
  background:
    radial-gradient(circle at top center, rgba(255, 255, 255, 0.24), transparent 28%),
    linear-gradient(180deg, #6da6ec 0%, #2e67b6 8%, #163f74 30%, #0b2340 72%, #07182d 100%);
  border-top: 1px solid rgba(182, 224, 255, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 18px 45px rgba(255, 255, 255, 0.08),
    0 -22px 48px rgba(7, 24, 45, 0.22);
  overflow: hidden;
}
footer.footer-2007::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 108px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
  pointer-events: none;
}
footer.footer-2007 .container {
  position: relative;
  z-index: 1;
  padding-left: 24px;
  padding-right: 24px;
}
footer.footer-2007 .row:first-child {
  align-items: flex-start;
}
footer.footer-2007 .row:first-child > [class*="col-"] {
  position: relative;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
footer.footer-2007 .row:first-child > [class*="col-"]::before {
  display: none;
}
footer.footer-2007 hr {
  margin: 4px 0 18px;
  border-color: rgba(202, 230, 255, 0.2);
}
footer.footer-2007 h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 1px solid rgba(194, 228, 255, 0.28);
  border-radius: 0;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(5, 22, 44, 0.65);
  background: none;
  box-shadow: none;
}
footer.footer-2007 h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 56px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #9fd1ff, #4f8fe5);
}
footer.footer-2007 .links ul,
footer.footer-2007 .contacts ul,
footer.footer-2007 .follow_us ul,
footer.footer-2007 ul.footer-selector,
footer.footer-2007 ul.additional_links {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.footer-2007 .links ul li,
footer.footer-2007 .contacts ul li {
  margin-bottom: 4px;
}
footer.footer-2007 .links ul li a,
footer.footer-2007 .contacts ul li {
  position: relative;
  display: block;
  min-height: 0;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px dashed rgba(206, 232, 255, 0.18);
  border-radius: 0;
  color: #edf6ff;
  text-decoration: none;
  background: none;
  box-shadow: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}
footer.footer-2007 .links ul li a {
  padding-left: 18px;
}
footer.footer-2007 .links ul li a::before {
  content: ">";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #9dd0ff;
  font-weight: 900;
}
footer.footer-2007 .links ul li a:hover,
footer.footer-2007 .contacts ul li:hover {
  transform: none;
  background: none;
  border-color: rgba(221, 241, 255, 0.35);
  color: #ffffff;
}
footer.footer-2007 .contacts ul li {
  padding-left: 30px;
}
footer.footer-2007 .contacts ul li a {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #edf6ff;
  text-decoration: none;
  transition: color 0.2s ease;
}
footer.footer-2007 .contacts ul li i {
  position: absolute;
  left: 0;
  top: 9px;
  color: #9dd0ff;
  font-size: 16px;
  line-height: 1;
}
footer.footer-2007 #newsletter {
  margin-bottom: 18px;
}
footer.footer-2007 #newsletter .form-group {
  position: relative;
  margin: 0;
}
footer.footer-2007 #newsletter input[type='email'] {
  width: 100%;
  height: 46px;
  padding: 0 58px 0 16px;
  border: 1px solid rgba(210, 236, 255, 0.3);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05));
  color: #f7fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
footer.footer-2007 #newsletter input[type='email']::placeholder {
  color: rgba(239, 247, 255, 0.72);
}
footer.footer-2007 #newsletter button[type='submit'] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(180deg, #7fb3ff, #3c78cf);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: transform 0.2s ease, filter 0.2s ease;
}
footer.footer-2007 #newsletter button[type='submit']:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
}
footer.footer-2007 .follow_us h5 {
  margin: 0 0 12px;
  color: #d6ebff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
footer.footer-2007 .follow_us ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
footer.footer-2007 .follow_us ul li {
  margin: 0;
}
footer.footer-2007 .follow_us ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(216, 238, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
footer.footer-2007 .follow_us ul li a img {
  width: 20px;
  height: 20px;
}
footer.footer-2007 .follow_us ul li a:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.16);
}
footer.footer-2007 .footer-tursab-img {
  margin-top: 16px !important;
}
footer.footer-2007 .footer-tursab-img img {
  max-width: 180px;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 18px rgba(6, 21, 41, 0.22));
}
footer.footer-2007 .add_bottom_25 {
  align-items: center;
}
footer.footer-2007 ul.footer-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
footer.footer-2007 ul.footer-selector li {
  margin: 0;
}
footer.footer-2007 ul.additional_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 18px;
  padding-top: 0;
}
footer.footer-2007 ul.additional_links li {
  position: relative;
  margin: 0;
  padding-right: 18px;
}
footer.footer-2007 ul.additional_links li::after {
  content: "•";
  position: absolute;
  right: 5px;
  top: 0;
  color: rgba(223, 240, 255, 0.4);
}
footer.footer-2007 ul.additional_links li:last-child {
  padding-right: 0;
}
footer.footer-2007 ul.additional_links li:last-child::after {
  display: none;
}
footer.footer-2007 ul.additional_links li a,
footer.footer-2007 ul.additional_links li span {
  color: rgba(238, 247, 255, 0.88);
  text-decoration: none;
}
footer.footer-2007 ul.additional_links li a:hover {
  color: #ffffff;
}
@media (max-width: 991px) {
  footer.footer-2007 ul.additional_links {
    justify-content: flex-start;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  footer.footer-2007 {
    padding: 20px 0 14px;
  }
  footer.footer-2007 .container {
    padding-left: 14px;
    padding-right: 14px;
  }
  footer.footer-2007 .row:first-child > [class*="col-"] {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  footer.footer-2007 h3 {
    margin-bottom: 0;
    cursor: pointer;
    padding: 10px 0;
  }
  footer.footer-2007 h3::after {
    content: "+";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
  }
  footer.footer-2007 h3.opened::after {
    content: "-";
  }
  footer.footer-2007 .links ul,
  footer.footer-2007 .contacts ul,
  footer.footer-2007 .follow_us {
    margin-top: 14px;
  }
}
@media (min-width: 992px) {
  footer.footer-2007 .row:first-child > [class*="col-"]::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: calc(100% - 16px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(206, 232, 255, 0.22), rgba(255, 255, 255, 0));
  }
  footer.footer-2007 .row:first-child > [class*="col-"]:last-child::after {
    display: none;
  }
}

/*-------- 3.8 Cookie bar --------*/
#cookie-bar {
  background: rgba(0, 0, 0, 0.8);
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 15px 0;
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
}
#cookie-bar p {
  margin: 0;
  padding: 0;
}
#cookie-bar a {
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  padding: 2px 10px;
  margin-left: 8px;
}
@media (max-width: 767px) {
  #cookie-bar a {
    display: block;
    max-width: 150px;
    margin: auto;
    margin-bottom: 5px;
  }
}
#cookie-bar .cb-enable {
  background: #32a067;
}
#cookie-bar .cb-enable:hover {
  background: #fff;
  color: #083487;
}
#cookie-bar .cb-disable {
  background: #990000;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #004dda;
}
#cookie-bar .cb-policy:hover {
  background: #fff;
  color: #083487;
}
#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}
#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}
@media (max-width: 767px) {
  #cookie-bar {
    padding: 5px 0;
  }
}

/*-------- 3.8 Magnific Popup CSS --------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.96;
}

.mfp-wrap {
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #aaa;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

.mfp-s-loading .mfp-arrow {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: 0px;
  top: -40px;
}

/* Close Button */
button.mfp-close {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -20px;
  display: block;
  right: -12px;
  cursor: pointer !important;
  z-index: 9999;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  margin: 0px;
  background-color: transparent;
  outline: none;
  transform: translate3d(0, 0, 0);
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
  right: -12px;
  transform: translate3d(0, 0, 0);
}

.mfp-gallery .mfp-close {
  top: 20px;
  right: 10px;
}

.mfp-gallery .mfp-content .mfp-close {
  display: none;
}

.mfp-gallery .mfp-close:before {
  font-family: 'themify';
  font-size: 29px;
  top: 4px;
  left: 50%;
  position: absolute;
  height: 10px;
  transition: 0.3s;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaa;
  font-size: 13px;
  line-height: 18px;
}

.mfp-arrow {
  opacity: 1;
  margin: 0 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: absolute;
  display: block;
  z-index: 100;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  outline: none !important;
}

.mfp-arrow:hover {
  background: #66676b;
  color: #fff;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
  font-family: 'themify';
  font-size: 32px;
}

.mfp-arrow.mfp-arrow-right {
  right: 15px;
}

.mfp-arrow.mfp-arrow-left:before {
  content: "\e64a";
  left: -1px;
  top: 0px;
  position: relative;
}

.mfp-arrow.mfp-arrow-right:before {
  content: "\e649";
  left: 1px;
  top: 0px;
  position: relative;
}

.mfp-content:hover .mfp-arrow {
  opacity: 1;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1180px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 54%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0.001;
  /* Chrome opacity transition bug */
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px auto;
  border-radius: 4px;
}

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 18px rgba(11, 11, 11, 0.6);
}

.mfp-figure {
  line-height: 0;
}

.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.9;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.92;
  background-color: #111;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-bottom-bar {
  padding: 0 10px !important;
}

.mfp-counter {
  right: 10px !important;
  color: #fff !important;
}

.mfp-bg {
  opacity: 0.8 !important;
}


/* ===== css/mydizayn.css ===== */
body {
    font-family: 'Open Sans', sans-serif;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #1a3769;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.btn, .custom-select, .hero-title, .nav-list>li>a, .phone-btn .text strong {
    font-family: 'Montserrat', sans-serif;
}

p {
    margin-bottom: 15px;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

:root {
    --logo-blue-dark: #003366;
    --logo-blue-light: #005b96;
    --logo-green: #8cc63f;
    --logo-sun: #ffc107;
    --text-white: #ffffff;
    --text-grey: #cfd8dc;
}

.pro-header {
    background: linear-gradient(135deg, var(--logo-blue-dark) 0, var(--logo-blue-light) 100%);
    width: 100%;
    z-index: 1000;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-bottom: 4px solid var(--logo-green);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
}

.header-logo img {
    max-height: 81px;
    min-width: 300px;
    display: block;
}

.header-nav .nav-list {
    display: flex;
    gap: 25px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-list>li>a {
    color: var(--text-white);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    line-height: 1;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.nav-list>li>a i {
    color: var(--logo-green);
    font-size: 16px;
    transition: 0.3s;
}

.nav-list>li>a:hover {
    color: var(--logo-green);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 240px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 5px 5px;
    border-top: 3px solid var(--logo-sun);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
    z-index: 1100;
}

.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu li a {
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    background: #005791;
    border-radius: 10px;
}

.dropdown-menu li a:hover {
    background: #fdfdfd;
    color: var(--logo-blue-dark);
    padding-left: 25px;
}

.header-utilities {
    display: flex;
    align-items: center;
    gap: 15px;
}

.custom-select {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 13px;
    cursor: pointer;
    outline: none;
}

.custom-select option {
    color: #333;
}

.phone-btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.phone-btn .icon {
    background: var(--logo-sun);
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
    transition: 0.3s;
}

.phone-btn:hover .icon {
    background: #fff;
    color: var(--logo-sun);
    transform: rotate(20deg);
}

.phone-btn .text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.phone-btn .text span {
    font-size: 11px;
    color: var(--text-grey);
    font-weight: 500;
}

.phone-btn .text strong {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.mobile-toggle {
    width: 30px;
    height: 22px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mobile-toggle span {
    background: #fff;
    width: 100%;
    height: 3px;
    border-radius: 3px;
}

.mobile-menu-container {
    position: fixed;
    top: 0;
    right: 0px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 10000;
    transition: right 0.4s ease;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
}

.mobile-menu-container.active {
    right: 0;
}

.mobile-header {
    background: var(--logo-blue-dark);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid var(--logo-green);
}

.mobile-title {
    color: #fff;
    font-weight: 700;
}

.close-btn {
    color: #fff;
    background: none;
    border: none;
    font-size: 20px;
}

.mobile-nav-list>li {
    border-bottom: 1px solid #f5f5f5;
}

.mobile-nav-list>li>a {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    color: #333;
    font-weight: 600;
}

.mobile-sub-menu {
    display: none;
    background: #f9f9f9;
}

.mobile-sub-menu li a {
    padding-left: 30px;
    font-weight: 400;
    font-size: 14px;
    color: #555;
}

.header-utilities {
    display: flex;
    align-items: center;
    gap: 20px;
}

.selectors-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-select {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    border-radius: 20px;
    padding: 8px 10px 8px 15px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px;
    min-width: 75px;
}

.custom-select:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

.custom-select option {
    background-color: #fff;
    color: #333;
}

.hero-slider-area {
    position: relative;
    width: 100%;
    height: 85vh;
    min-height: 600px;
    overflow: hidden;
    background: linear-gradient(135deg, #123b63 0%, #1d6f9f 100%);
}

.hero-slide-item {
    position: relative;
    width: 100%;
    height: 85vh;
    min-height: 600px;
    overflow: hidden;
}

.hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    animation: kenBurns 20s linear infinite alternate;
}

.hero-bg-media {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

@keyframes kenBurns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.15);
    }
}

.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(circle at center,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.18) 35%,
            rgba(0, 51, 102, 0.55) 65%,
            rgba(0, 51, 102, 0.85) 90%);
}

.hero-content {
    position: relative;
    z-index: 3;
    color: #fff;
    padding-left: 20px;
    border-left: 5px solid var(--logo-sun);
}

.hero-title {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;

    /* KABARTMA + DERİNLİK */
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25),
        /* üst highlight */
        0 -1px 0 rgba(0, 0, 0, 0.15),
        /* alt gölge */
        0 4px 10px rgba(0, 0, 0, 0.35),
        /* ana derinlik */
        0 12px 28px rgba(0, 0, 0, 0.45);
    /* sinematik gölge */

    /* Animasyon */
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease forwards 0.5s;
}

.hero-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 35px;
    color: #e0e0e0;
    max-width: 600px;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease forwards 0.8s;
}

.btn-hero {
    display: inline-block;
    padding: 15px 40px;
    background: var(--logo-sun);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(255, 193, 7, 0.3);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s ease forwards 1s;
}

.btn-hero:hover {
    background: #fff;
    color: var(--logo-sun);
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(255, 193, 7, 0.5);
}

.btn-hero i {
    margin-left: 10px;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scroll-down-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.8;
}

.mouse {
    width: 26px;
    height: 42px;
    border: 2px solid #fff;
    border-radius: 20px;
    position: relative;
}

.wheel {
    width: 4px;
    height: 8px;
    background: var(--logo-sun);
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    animation: scrollWheel 1.5s infinite;
}

@keyframes scrollWheel {
    0% {
        top: 6px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

@media (max-width:768px) {
    .hero-slide-item, .hero-slider-area {
        height: 60vh;
        min-height: 450px;
    }

    .hero-title {
        font-size: 32px;
    }

    .hero-desc {
        font-size: 15px;
    }

    .hero-overlay {
        background: linear-gradient(180deg, rgba(0, 51, 102, 0.3) 0, rgba(0, 51, 102, 0.9) 100%);
    }

    .hero-content {
        text-align: center;
        padding-left: 0;
        border-left: none;
        border-bottom: 4px solid var(--logo-sun);
        padding-bottom: 20px;
    }
}

.search-section-area {
    margin-top: -90px;
    position: relative;
    z-index: 50;
    padding-bottom: 0;
}

.search-card {
    border: none;
    filter: drop-shadow(0 20px 40px rgba(0, 51, 102, 0.2));
}

.search-header {
    background: linear-gradient(135deg, #036 0, #005b96 100%);
    padding: 20px 20px 0 20px;
    border-radius: 12px 12px 0 0;
}

.pro-search-tabs {
    display: flex;
    gap: 8px;
    border: none;
}

.pro-search-tabs .nav-item {
    flex: 1;
}

.pro-search-tabs .nav-link {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 10px 10px 0 0;
    padding: 43px 30px;
    transition: all 0.3s ease;
}

.pro-search-tabs .nav-link:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.pro-search-tabs .nav-link.active {
    background: #fff;
    color: #036;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.05);
}

.tab-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-top: -30px;
}

.tab-icon {
    font-size: 22px;
    transition: 0.3s;
}

.tab-text {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.active-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffc107;
    transform: scaleX(0);
    transition: 0.3s;
}

.pro-search-tabs .nav-link.active .active-indicator {
    transform: scaleX(1);
}

.pro-search-tabs .nav-link.active .tab-icon {
    color: #ffc107;
}

.search-body {
    background: #fff;
    padding: 10px;
    border-radius: 0 0 12px 12px;
}

.form-floating-pro {
    position: relative;
    height: 65px;
    background-color: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.form-floating-pro:hover {
    background-color: #fff;
    border-color: #ccc;
}

.form-floating-pro:focus-within {
    background-color: #fff;
    border-color: #ffc107;
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.15);
}

.form-control-pro, .form-select-pro {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 20px 15px 0 15px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    appearance: none;
    cursor: pointer;
}

.form-floating-pro label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #666;
    font-weight: 500;
    pointer-events: none;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-control-pro:not(:placeholder-shown)+label, .form-floating-pro:focus-within label, .form-select-pro:not(:placeholder-shown)+label {
    top: 12px;
    font-size: 11px;
    color: #036;
    font-weight: 700;
    text-transform: uppercase;
}

.form-floating-pro:focus-within label i {
    color: #ffc107;
    font-size: 10px;
}

.chevron-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #bbb;
    font-size: 12px;
    pointer-events: none;
    transition: 0.3s;
}

.form-floating-pro:focus-within .chevron-icon {
    color: #ffc107;
    transform: translateY(-50%) rotate(180deg);
}

.guest-selector-wrapper {
    position: relative;
}

.guest-dropdown-content {
    position: absolute;
    top: 110%;
    left: 0;
    width: 320px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    padding: 20px;
    z-index: 100;
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    border: 1px solid #f0f0f0;
}

.guest-dropdown-content.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
    animation: slideDownFade 0.3s ease forwards;
}

@keyframes slideDownFade {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f9f9f9;
}

.guest-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.guest-title {
    display: block;
    font-weight: 700;
    color: #333;
    font-size: 15px;
}

.guest-subtitle {
    font-size: 12px;
    color: #888;
}

.guest-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-counter {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #036;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    font-size: 12px;
}

.btn-counter:hover {
    border-color: #8cc63f;
    color: #8cc63f;
    background: #f9fff0;
}

.counter-value {
    font-weight: 700;
    color: #333;
    width: 20px;
    text-align: center;
}

.child-ages-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    display: none;
}

.child-ages-area.active {
    display: block;
    animation: fadeIn 0.3s;
}

.child-age-title {
    font-size: 12px;
    font-weight: 700;
    color: #036;
    margin-bottom: 8px;
    display: block;
}

.child-select-wrap {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 4px 8px;
}

.child-select-wrap label {
    font-size: 10px;
    color: #999;
    display: block;
    margin-bottom: 0;
}

.child-select-wrap select {
    width: 100%;
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.guest-footer {
    margin-top: 15px;
    text-align: right;
}

.btn-guest-done {
    background: #036;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}

.btn-guest-done:hover {
    background: #048;
}

.btn-search-pro {
    width: 100%;
    height: 60px;
    background: #8cc63f;
    color: #fff;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(140, 198, 63, 0.3);
}

.btn-search-pro:hover {
    background: #7cb332;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(140, 198, 63, 0.4);
}

.btn-text {
    font-size: 16px;
    font-weight: 800;
}

.btn-icon {
    background: rgba(255, 255, 255, 0.2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:991px) {
    .search-section-area {
        margin-top: 0;
        padding-top: 20px;
    }

    .guest-dropdown-content {
        width: 100%;
        left: 0;
    }

    .tab-inner {
        flex-direction: row;
    }
}

.lang-select-wrapper {
    position: relative;
    display: inline-block;
}

.lang-select-wrapper #langSelector.custom-select {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.lang-select-visible {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    background-color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    min-width: 80px;
}

.lang-select-visible .flag svg {
    width: 20px;
    height: 14px;
    display: block;
    border-radius: 2px;
}

.lang-select-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    min-width: 79px;
    padding: 4px 0;
    z-index: 999;
    display: none;
}

.lang-select-wrapper.open .lang-select-menu {
    display: block;
}

.lang-option {
    width: 100%;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
}

.lang-option .flag svg {
    width: 20px;
    height: 14px;
    display: block;
    border-radius: 2px;
}

.lang-option:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.lang-option .code {
    font-weight: 500;
}

.selectors-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

:root {
    --primary-indigo: #4F46E5;
    --accent-yellow: #FFC107;
    --success-green: #10B981;
    --closed-gray: #E5E7EB;
}

.tour-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 30px 30px 30px;
}

.tour-grid .item {
    list-style: none;
}

.tour-grid .item>div {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 20px 35px -5px rgba(15, 23, 42, 0.16);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s ease;
    border: 1px solid #e5e7eb;
}

.tour-grid .item>div:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 30px 50px -10px rgba(255, 193, 7, 0.45);
    border-color: var(--primary-indigo);
}

.tour-grid .item img {
    height: 16rem;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
}

.tour-grid .item:hover img {
    transform: scale(1.04);
    opacity: 0.98;
}

.tour-grid .item .absolute.top-3.right-3 {
    background-color: var(--accent-yellow);
    color: #fff;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.5);
}

.tour-grid .item .fa-heart {
    color: #fff;
    transition: transform 0.2s ease, color 0.2s ease;
}

.tour-grid .item .fa-heart:hover {
    transform: scale(1.2);
    color: #e60023;
}

.tour-grid .item .price {
    border-top-left-radius: 1.25rem;
    font-size: 1.45rem;
}

.tour-grid .item .price span:first-child {
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.85;
}

.tour-grid .item .p-5 {
    padding: 10px !important;
}

.tour-grid .item h2 {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.3;
}

.tour-grid .item h2:hover {
    color: var(--primary-indigo);
    text-shadow: 0 2px 8px rgba(79, 70, 229, 0.2);
}

.tour-grid .item .space-y-3 .flex i {
    color: var(--primary-indigo);
}

.gun-kutusu-available, .gun-kutusu-closed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.2rem;
    font-size: 0.7rem;
    font-weight: 800;
    border-radius: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.25s ease-out;
}

.gun-kutusu-available {
    background-color: var(--success-green);
    color: #fff;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.gun-kutusu-available:hover {
    background-color: #059669;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);
}

.gun-kutusu-closed {
    background-color: var(--closed-gray);
    color: #9ca3af;
    opacity: 0.7;
    cursor: not-allowed;
    border: 1px solid #d1d5db;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.gun-kutusu-closed:hover {
    background-color: #d1d5db;
    opacity: 0.9;
}

.tour-grid .item a.mt-4.block {
    background-color: #467de5;
    box-shadow: 0 15px 40px rgba(79, 70, 229, 0.5);
    border-radius: 1rem;
    font-size: 1.05rem;
    padding: 0.85rem 1.5rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.tour-grid .item a.mt-4.block:hover {
  background-color: #ffb300;
  color: #1f2937;
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(255, 193, 7, 0.6);
}

@media (max-width:768px) {
  .tour-grid {
    gap: 24px;
  }

    .tour-grid .item .p-5 {
        padding: 1.25rem;
    }

  .tour-grid .item img {
    height: 12rem;
  }

}

.my-4 {
    margin-top: 0.3rem !important;
}

.badge-stack {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(0);
    transition: transform 0.2s ease;
}

.badge i {
    font-style: normal;
    margin-right: 6px;
    font-size: 0.9rem;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.badge:hover {
    transform: translateX(3px);
}

.badge--accent-yellow {
    background-color: var(--accent-yellow);
    color: #1f2937;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.6);
}

.badge--primary-indigo {
    background-color: #467de5;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 12px rgba(70, 125, 229, 0.45);
}

.header-section {
    text-align: center;
    margin-top: 50px;
}

.header-section__title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

.header-section__title-accent {
    color: var(--primary-indigo);
    position: relative;
    padding-bottom: 5px;
}

.header-section__title-accent::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background-color: var(--accent-yellow);
    border-radius: 2px;
}

.header-section__subtitle {
    font-size: 1.15rem;
    font-weight: 400;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

.header-section__separator {
    width: 60px;
    height: 2px;
    background-color: var(--accent-yellow);
    margin: 10px auto 10px auto;
    border-radius: 1px;
    opacity: 0.6;
}

@media (max-width:768px) {
    .header-section {
        padding: 20px 0 10px 0;
    }

    .header-section__title {
        font-size: 2rem;
    }

    .header-section__subtitle {
        font-size: 1rem;
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    .md\:text-xl {
        font-size: 20px !important;
        line-height: 0.7rem !important;
    }
}

:root {
    --primary-color: #3b82f6;
    --primary-hover: #2563eb;
    --accent-color: #ff5a5f;
    --accent-hover: #e0484d;
    --bg-input: #f8fafc;
    --text-dark: #1e293b;
    --text-light: #64748b;
    --border-radius: 12px;
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-card: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
}

#turForm {
    background: #dbdbdb;
    padding: 0px;
    border-radius: 20px;
    box-shadow: var(--shadow-card);
    margin: 0px;
    max-width: inherit;
    border: 1px solid rgba(0, 0, 0, 0.02);
    box-shadow: 1px 4px 6px -1px rgb(172, 170, 170), 0 10px 15px -3px rgba(211, 207, 207, 0.53);
}

#rentacar,
#transfer,
#villa {
    background: #dbdbdb;
    padding: 0px;
    border-radius: 20px;
    margin: 0px;
    max-width: inherit;
    border: 1px solid rgba(0, 0, 0, 0.02);
    box-shadow: 1px 4px 6px -1px rgb(172, 170, 170), 0 10px 15px -3px rgba(211, 207, 207, 0.53);
}

#turForm h2 {
    display: none;
}

.search-section-area #turForm .child-age-panel {
    margin-top: 10px;
    padding: 14px;
    border: 1px solid rgba(191, 219, 254, 0.9);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
}

.search-section-area #turForm .child-age-panel__head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.search-section-area #turForm .child-age-title {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.search-section-area #turForm .child-age-hint {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
}

.search-section-area #turForm .child-age-summary {
    display: grid;
    gap: 8px;
}

.search-section-area #turForm .child-age-summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.95);
}

.search-section-area #turForm .child-age-summary-item.is-complete {
    border-color: rgba(15, 148, 136, 0.24);
    background: rgba(240, 253, 250, 0.96);
}

.search-section-area #turForm .child-age-summary-item__label {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.search-section-area #turForm .child-age-summary-item__value {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.search-section-area #turForm .child-age-launcher {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid rgba(2, 87, 142, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, #f8fbff, #eef6ff);
    color: #02578e;
    font-size: 13px;
    font-weight: 900;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.search-section-area #turForm .child-age-launcher:hover {
    transform: translateY(-1px);
    border-color: rgba(2, 87, 142, 0.24);
    box-shadow: 0 14px 24px rgba(2, 87, 142, 0.1);
}

.search-section-area #turForm .child-age-launcher__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: rgba(2, 87, 142, 0.1);
}

.search-section-area #turForm .child-age-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: none;
}

.search-section-area #turForm .child-age-modal.is-open {
    display: block;
}

.search-section-area #turForm .child-age-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.search-section-area #turForm .child-age-modal__dialog {
    position: relative;
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 36px);
    margin: 18px auto;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.24);
    overflow: auto;
}

.search-section-area #turForm .child-age-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.search-section-area #turForm .child-age-modal__close {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 12px;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.search-section-area #turForm .child-age-modal__body {
    display: grid;
    gap: 10px;
}

.search-section-area #turForm .child-age-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 18px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.search-section-area #turForm .child-age-card.is-complete {
    border-color: rgba(15, 148, 136, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.search-section-area #turForm .child-age-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.search-section-area #turForm .child-age-index {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.search-section-area #turForm .child-age-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6ff;
    color: #02578e;
    font-size: 11px;
    font-weight: 800;
}

.search-section-area #turForm .child-age-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-section-area #turForm .child-age-pill {
    min-width: 48px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.search-section-area #turForm .child-age-pill:hover {
    transform: translateY(-1px);
    border-color: rgba(2, 87, 142, 0.28);
    background: #eff6ff;
}

.search-section-area #turForm .child-age-pill.is-active {
    border-color: rgba(2, 87, 142, 0.38);
    background: linear-gradient(135deg, #02578e, #0f9488);
    color: #ffffff;
    box-shadow: 0 12px 20px rgba(2, 87, 142, 0.18);
}

.search-section-area #turForm .child-age-pill:focus {
    outline: 0;
    border-color: rgba(2, 87, 142, 0.4);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.14);
}

.search-section-area #turForm .child-age-modal__footer {
    margin-top: 14px;
}

.search-section-area #turForm .child-age-save {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #102536, #02578e);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 18px 30px rgba(2, 87, 142, 0.18);
}

.search-section-area #turForm .guest-validation-message {
    display: none;
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 14px;
    background: rgba(254, 242, 242, 0.95);
    color: #b91c1c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.search-section-area #turForm .guest-validation-message.is-visible {
    display: block;
}

@media (max-width: 991.98px) {
    .search-section-area #turForm .child-age-modal__dialog {
        width: calc(100vw - 18px);
        max-height: calc(100vh - 58px);
        margin: 9px auto;
        padding: 14px;
        border-radius: 20px;
        bottom: 350px;
    }

    .search-section-area #turForm .child-age-modal__head {
        flex-direction: column;
    }

    .search-section-area #turForm .child-age-summary-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .search-section-area #turForm .child-age-card__top {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .search-section-area {
        z-index: 400;
    }

    .search-section-area .search-card {
        filter: none;
        overflow: visible;
        box-shadow: 0 18px 32px rgba(15, 23, 42, 0.16);
    }

    .search-section-area .search-body,
    .search-section-area #turForm {
        position: relative;
        overflow: visible !important;
    }

    .search-section-area #turForm .row {
        row-gap: 12px;
    }

    .search-section-area #turForm .col-lg-3,
    .search-section-area #turForm .col-lg-2,
    .search-section-area #turForm .col-md-6,
    .search-section-area #turForm .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .search-section-area #turForm .guest-selector-wrapper {
        position: relative;
        z-index: 6;
    }

    .search-section-area #turForm .guest-dropdown-content {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: none;
        padding: 18px 16px 16px;
        border-radius: 24px 24px 0 0;
        background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
        z-index: 20000;
        transform: translateY(110%);
    }

    .search-section-area #turForm .guest-dropdown-content.show {
        transform: translateY(0) !important;
    }

    .search-section-area #turForm .guest-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 14px;
        align-items: center;
        margin-bottom: 14px;
    }

    .search-section-area #turForm .guest-info {
        min-width: 0;
    }

    .search-section-area #turForm .guest-title {
        font-size: 17px;
        line-height: 1.2;
    }

    .search-section-area #turForm .guest-subtitle {
        display: block;
        margin-top: 2px;
        font-size: 12px;
    }

    .search-section-area #turForm .guest-controls {
        gap: 10px;
        flex-shrink: 0;
    }

    .search-section-area #turForm .btn-counter {
        width: 38px;
        height: 38px;
    }

    .search-section-area #turForm .counter-value {
        width: 24px;
        font-size: 17px;
    }

    .search-section-area #turForm .guest-footer {
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(226, 232, 240, 0.9);
        background: transparent;
    }

    .search-section-area #turForm .btn-search-pro {
        position: static !important;
        z-index: 0 !important;
        margin-top: 0 !important;
        min-height: 56px;
    }
}

.search-section-area #transfer .transfer-section {
    padding: 0;
}

.search-section-area #transfer > .row {
    padding: 0 !important;
}

.search-section-area #transfer .transfer-card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: block;
    gap: 0;
}

.search-section-area #transfer .transfer-card:hover {
    transform: none;
    box-shadow: none;
}

.search-section-area #transfer .form-floating-pro .select2-container {
    width: 100% !important;
    height: 100%;
}

.search-section-area #transfer .form-floating-pro .select2-selection--single {
    height: 100%;
    border: 0;
    background: transparent;
    border-radius: 8px;
    display: flex;
    align-items: flex-end;
    padding: 0 38px 10px 15px;
    box-shadow: none;
}

.search-section-area #transfer .form-floating-pro .select2-selection__rendered {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.35;
    color: #333;
    font-size: 15px;
    font-weight: 600;
}

.search-section-area #transfer .form-floating-pro .select2-selection__placeholder {
    color: #666;
    font-weight: 500;
}

.search-section-area #transfer .form-floating-pro .select2-selection__arrow {
    display: none;
}

.search-section-area #transfer .select2-container--default.select2-container--open .select2-selection--single,
.search-section-area #transfer .select2-container--default.select2-container--focus .select2-selection--single {
    border: 0;
    box-shadow: none;
}

.search-section-area #transfer .select2-dropdown {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.search-section-area #transfer .select2-search--dropdown {
    padding: 10px;
}

.search-section-area #transfer .select2-search__field {
    border: 1px solid #d6dde5;
    border-radius: 8px;
    padding: 10px 12px;
}

.search-section-area #transfer .select2-results__option {
    padding: 10px 12px;
    font-size: 14px;
}

.form-floating-pro {
    position: relative;
    margin-bottom: 12px;
}

.form-floating-pro .form-select-pro, .form-floating-pro .form-control-pro {
    width: 100%;
    height: 65px;
    padding: 5px 10px 5px 15px;
    border: 1px solid #e2e8f0;
    border-radius: var(--border-radius);
    background-color: var(--bg-input);
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    appearance: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.form-floating-pro .form-select-pro:hover,
.form-floating-pro .form-control-pro:hover {
    background-color: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.form-floating-pro .form-select-pro:focus,
.form-floating-pro .form-control-pro:focus {
    outline: none;
    background-color: #fff;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.form-floating-pro label {
    position: absolute;
    top: 20%;
    left: 20px;
    transform: translateY(-50%);
    color: var(--text-light);
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-floating-pro label i {
    color: #94a3b8;
    font-size: 16px;
    transition: color 0.3s;
}

.form-select-pro:valid+label,
.form-control-pro:not(:placeholder-shown)+label,
.form-select-pro:focus+label,
.form-control-pro:focus+label {
    top: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #036;
    transform: translateY(0);
}

.form-select-pro:focus+label i,
.form-control-pro:focus+label i {
    color: var(--primary-color);
}

.chevron-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #cbd5e1;
    pointer-events: none;
    font-size: 14px;
    transition: transform 0.3s;
}

.form-floating-pro:focus-within .chevron-icon {
    transform: translateY(-50%) rotate(180deg);
    color: var(--primary-color);
}

.btn-search-pro {
    width: 100%;
    height: 50px;
    background: #8cc63f;
    color: #fff;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(140, 198, 63, 0.3);
}

.btn-search-pro:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 90, 95, 0.4);
    background: linear-gradient(135deg, #ff6b6b 0%, #e0484d 100%);
}

.btn-search-pro:active {
    transform: translateY(1px);
}

.guest-selector-wrapper {
    position: relative;
}

.guest-dropdown-content {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    width: 320px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    padding: 24px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.98);
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.guest-dropdown-content.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.guest-dropdown-content::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
    border-left: 1px solid rgba(0, 0, 0, 0.04);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.guest-title {
    display: block;
    font-weight: 700;
    color: var(--text-dark);
    font-size: 16px;
    margin-bottom: 2px;
}

.guest-subtitle {
    font-size: 13px;
    color: var(--text-light);
}

.guest-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-counter {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
}

.btn-counter:hover {
    border-color: var(--text-dark);
    background-color: #f8fafc;
}

.btn-counter:active {
    transform: scale(0.95);
}

.counter-value {
    font-weight: 700;
    color: var(--text-dark);
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.child-ages-area {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 15px;
    margin-top: 15px;
    display: none;
    animation: fadeIn 0.3s ease;
}

.child-ages-area:not(:empty) {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.child-select-wrap select {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 13px;
    width: 100%;
    margin-top: 5px;
    background-color: #fff;
}

.btn-guest-done {
    width: 100%;
    margin-top: 20px;
    padding: 12px;
    background-color: var(--text-dark);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-guest-done:hover {
    background-color: #000;
}

@media (max-width: 991px) {
    #turForm {
        padding: 15px;
    }

    .col-lg-3,
    .col-lg-4,
    .col-lg-2 {
        margin-bottom: 15px;
    }

    .btn-search-pro {
        margin-top: 5px;
    }

    .guest-dropdown-content {
        width: 100%;
        left: 0;
        position: fixed;
        bottom: 0;
        top: auto;
        border-radius: 20px 20px 0 0;
        transform: translateY(100%);
        z-index: 10000;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
    }

    .guest-dropdown-content.show {
        transform: translateY(0);
    }

    .guest-dropdown-content::before {
        display: none;
    }

    .guest-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    .guest-overlay.show {
        opacity: 1;
        visibility: visible;
    }
}

:root {
    --card-bg: #ffffff;
    --card-border-radius: 16px;
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    --card-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.12);
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --accent-blue: #3b82f6;
    --accent-orange: #f59e0b;
    --accent-green: #10b981;
    --btn-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.tour-card-master {
    display: flex;
    flex-wrap: wrap;
    background: var(--card-bg);
    border-radius: var(--card-border-radius);
    box-shadow: var(--card-shadow);
    margin-bottom: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.03);
    overflow: hidden;
    position: relative;
}

.tour-card-master:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-shadow-hover);
}

.tour-image-wrap {
    width: 35%;
    position: relative;
    overflow: hidden;
    min-height: 220px;
}

.tour-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.tour-card-master:hover .tour-image-wrap img {
    transform: scale(1.05);
}

.badges-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 2;
}

.badge-item {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: white;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.badge-location {
    background: rgba(0, 0, 0, 0.6);
}

.badge-promo {
    background: var(--accent-orange);
}

.badge-success {
    background: var(--accent-green);
}

.tour-content-wrap {
    width: 40%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px dashed #e2e8f0;
}

.tour-title h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 12px;
    line-height: 1.4;
}

.ts-card__meta-grid {
    display: grid;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 4px;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary);
}

.meta-item i {
    color: var(--accent-blue);
    width: 16px;
}

.tour-date-box {
    background-color: #f1f5f9;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    color: var(--text-primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.tour-action-wrap {
    width: 25%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    background: #fafafa;
}

.price-tag-wrap {
    margin-bottom: 15px;
}

.price-label {
    font-size: 12px;
    color: var(--text-secondary);
    display: block;
    margin-bottom: 4px;
}

.price-amount {
    font-size: 26px;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.5px;
}

.price-currency {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
}

.btn-inspect {
    background: var(--btn-gradient);
    color: white;
    padding: 14px 24px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    border: none;
    cursor: pointer;
    width: 100%;
    justify-content: center;
}

.btn-inspect:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
    color: white;
}

.btn-details-toggle {
    font-size: 13px;
    color: var(--text-secondary);
    background: none;
    border: none;
    margin-top: 12px;
    cursor: pointer;
    text-decoration: underline;
}

.collapse-content-master {
    width: 100%;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 20px;
    display: none;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.breakdown-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 14px;
    color: var(--text-secondary);
}

.breakdown-row:last-child {
    border-bottom: none;
}

.breakdown-row strong {
    color: var(--text-primary);
}

@media (max-width: 991px) {
    .tour-card-master {
        flex-direction: column;
    }

    .tour-image-wrap,
    .tour-content-wrap,
    .tour-action-wrap {
        width: 100%;
        border-right: none;
    }

    .tour-image-wrap {
        height: 200px;
    }

    .tour-action-wrap {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        padding: 15px 24px;
        border-top: 1px solid #e2e8f0;
    }

    .btn-inspect {
        width: auto;
        padding: 10px 20px;
    }

    .price-tag-wrap {
        margin-bottom: 0;
    }
}

body {
    background-color: #f8fafc;
    color: #1e293b;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.container.mt-5 {
    margin-top: 40px !important;
    margin-bottom: 60px;
}

.solsearch {
    background: #ffffff;
    padding: 2px;
    border-radius: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 2px;
    z-index: 10;
    transition: box-shadow 0.3s ease;
}

.solsearch:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

.solsearch h2 {
    font-size: 25px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 2px solid #f1f5f9;
    align-items: center;
    text-align: center;
}

.solsearch h2::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 18px;
    background: #1a3769;
    border-radius: 3px;
    margin-right: 10px;
}

.sonucbaslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding: 0 5px;
}

.sonucbaslik h2 {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.5px;
    margin: 0;
    position: relative;
}

.sonucbaslik h2::after {
    content: '🚩';
    font-size: 20px;
    margin-left: 10px;
    opacity: 0.8;
}

.alert-warning {
    background-color: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
    border-radius: 12px;
    padding: 20px;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

@media (max-width: 991px) {
    .solsearch {
        position: relative;
        top: 0;
        margin-bottom: 30px;
        z-index: 1;
    }

    .sonucbaslik h2 {
        font-size: 20px;
    }

    .container.mt-5 {
        margin-top: 20px !important;
    }
}

.sonucbaslik {
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(226, 232, 240, 0.6);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    font-size: x-large;
    font-weight: bold;
}

.sonucbaslik::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: linear-gradient(to bottom, #3b82f6, #60a5fa);
}

.sonucbaslik h2 {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.02em;
}

.sonucbaslik .count-badge {
    background: #eff6ff;
    color: #3b82f6;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tour-card-master {
    animation: fadeInUp 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    margin-bottom: 24px !important;
    background: #fff;
}

.col-md-12:nth-child(1) .tour-card-master {
    animation-delay: 0.1s;
}

.col-md-12:nth-child(2) .tour-card-master {
    animation-delay: 0.2s;
}

.col-md-12:nth-child(3) .tour-card-master {
    animation-delay: 0.3s;
}

.price-amount {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #111827;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.collapse-content-master {
    background-color: #f8fafc;
    background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
    background-size: 20px 20px;
    border-top: 2px dashed #cbd5e1;
}

.breakdown-row strong {
    color: #0f172a;
    font-weight: 700;
}

.btn-inspect {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-inspect::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: 0.5s;
    z-index: -1;
}

.btn-inspect:hover::after {
    left: 100%;
}

.alert-warning {
    background: #ffffff;
    border: 2px dashed #fbbf24;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    color: #4b5563;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    box-shadow: none;
}

.alert-warning::before {
    content: '\f071';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #fbbf24;
    margin-bottom: 10px;
    background: #fffbeb;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .sonucbaslik {
        padding: 15px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .sonucbaslik::before {
        width: 4px;
    }

    .sonucbaslik h2 {
        font-size: 18px;
    }

    .tour-card-master {
        margin-bottom: 20px !important;
    }
}

.ts-card {
    --ts-radius: 18px;
    --ts-border: 1px solid rgba(148, 163, 184, 0.35);
    --ts-bg: #ffffff;
    --ts-bg-alt: #f9fafb;
    --ts-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
    --ts-shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
    --ts-primary: #2563eb;
    --ts-primary-soft: rgba(37, 99, 235, 0.08);
    --ts-danger: #ef4444;
    --ts-warning: #f97316;
    --ts-success: #16a34a;
    --ts-text-main: #0f172a;
    --ts-text-muted: #64748b;
    --ts-chip-bg: #0f172a;
    --ts-chip-text: #e5e7eb;
    display: grid;
    grid-template-columns: minmax(0, 2.8fr) minmax(0, 4fr) minmax(0, 3fr);
    gap: 18px;
    padding: 18px 20px;
    margin-bottom: 18px;
    border-radius: var(--ts-radius);
    border: var(--ts-border);
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 55%),
        radial-gradient(circle at bottom right, rgba(45, 212, 191, 0.18), transparent 55%),
        var(--ts-bg);
    box-shadow: var(--ts-shadow-soft);
    position: relative;
    overflow: hidden;
    transition:
        box-shadow 0.22s ease,
        transform 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.ts-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(135deg, rgba(59, 130, 246, .4), rgba(45, 212, 191, .4)) border-box;
    mask:
        linear-gradient(#000 0 0) padding-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.ts-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--ts-shadow);
}

.ts-card:hover::before {
    opacity: 1;
}

.ts-card__image-col {
    align-self: stretch;
}

.ts-card__image-wrap {
    position: relative;
    border-radius: calc(var(--ts-radius) - 4px);
    overflow: hidden;
    height: 100%;
    background: #020617;
}

.ts-card__image {
    width: 100%;
    height: 100%;
    max-height: 248px;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
    filter: saturate(1.05) contrast(1.02);
}

.ts-card:hover .ts-card__image {
    transform: scale(1.06);
    filter: saturate(1.15) contrast(1.05);
}

.ts-card__badges {
    position: absolute;
    inset: 12px 12px auto 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    pointer-events: none;
}

.ts-badge {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.32);
    border: 1px solid rgba(148, 163, 184, 0.45);
}

.ts-badge i {
    font-size: 12px;
}

.ts-badge--location {
    background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.88));
    color: var(--ts-chip-text);
}

.ts-badge--success {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ecfdf5;
    border-color: rgba(22, 163, 74, 0.7);
}

.ts-card__content-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}

.ts-card__title h2 {
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
    color: var(--ts-text-main);
    font-weight: 700;
}

.ts-card__title h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    margin-top: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, #2563eb, rgba(37, 99, 235, 0));
}

.ts-card__meta-grid {
    display: grid;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 40px;
    justify-content: left;
}

.ts-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--ts-text-muted);
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.03);
}

.ts-meta-item i {
    font-size: 22px;
    color: #005892;
}

.ts-card__date-box {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    background: rgba(15, 23, 42, 0.04);
    color: var(--ts-text-main);
}

.ts-card__date-box i {
    color: #0f766e;
}

.ts-card__action-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ts-card__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.ts-status {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
}

.ts-status--closed {
    background: rgba(239, 68, 68, 0.07);
    color: var(--ts-danger);
    border: 1px solid rgba(239, 68, 68, 0.35);
}

.ts-status--closed i {
    font-size: 13px;
}

.ts-price-box {
    background: var(--ts-primary-soft);
    border-radius: 14px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid rgba(37, 99, 235, 0.25);
}

.ts-price-box--warning {
    background: rgba(249, 115, 22, 0.06);
    border-color: rgba(249, 115, 22, 0.4);
}

.ts-price-box__label {
    font-size: 12px;
    color: var(--ts-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.ts-price-box__value {
    align-items: baseline;
    gap: 4px;
    text-align: center;
}

.ts-price-box__amount {
    font-size: 20px;
    font-weight: 700;
    color: var(--ts-primary);
}

.ts-price-box__currency {
    font-size: 13px;
    font-weight: 600;
    color: var(--ts-text-main);
}

.ts-card__buttons {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
}

.ts-btn {
    width: 100%;
    border-radius: 999px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        transform 0.16s ease,
        box-shadow 0.18s ease;
}

.ts-btn i {
    font-size: 12px;
}

.ts-btn--primary {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #e5e7eb;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.35);
}

.ts-btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(37, 99, 235, 0.4);
}

.ts-btn--ghost {
    background: transparent;
    color: var(--ts-text-main);
    border: 1px solid rgba(148, 163, 184, 0.6);
    backdrop-filter: blur(6px);
}

.ts-btn--ghost:hover {
    background: rgba(15, 23, 42, 0.04);
}

.ts-btn--disabled {
    background: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
    box-shadow: none;
}

.ts-card__details {
    margin-top: 8px;
    padding: 10px 14px 2px;
    border-radius: 14px;
    background: var(--ts-bg-alt);
    border: 1px dashed rgba(148, 163, 184, 0.6);
    display: none;
}

.ts-card__details.is-open {
    display: block;
}

.ts-breakdown-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: var(--ts-text-main);
    padding: 4px 0;
}

.ts-breakdown-row small {
    color: var(--ts-text-muted);
    font-size: 11px;
}

.ts-breakdown-row strong {
    font-weight: 700;
}

.ts-breakdown-row--footer {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px dashed rgba(148, 163, 184, 0.6);
}

.ts-text-success {
    color: var(--ts-success);
}

@media (max-width: 991.98px) {
    .ts-card {
        grid-template-columns: minmax(0, 1.8fr) minmax(0, 3fr);
        grid-template-rows: auto auto;
    }

    .ts-card__action-col {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(226, 232, 240, 0.9);
        padding-top: 10px;
        margin-top: 6px;
    }

    .ts-card__buttons {
        flex-direction: row;
    }

    .ts-btn {
        font-size: 12px;
        padding: 8px 10px;
    }
}

@media (max-width: 767.98px) {
    .ts-card {
        grid-template-columns: 1fr;
        padding: 14px 12px;
    }

    .ts-card__image {
        max-height: 220px;
    }

    .ts-card__buttons {
        flex-direction: column;
    }
}

.date-input-pro {
    color: #333;
    font-family: inherit;
    cursor: text;
}

.form-floating-pro input[type="date"]+label {
    top: 0.5rem;
    font-size: 0.75rem;
    padding: 0 0.25rem;
    background: #fff;
    transform: translateY(0);
    z-index: 2;
    color: #007bff;
    opacity: 1;
}

.date-input-pro::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
    transition: 0.3s;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23333" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}

.date-input-pro::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
    transform: scale(1.1);
}
/* ============================= */
/* GALERİ GENEL */
/* ============================= */

.modern-gallery-wrapper {
    position: relative;
    width: 100%;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

/* ============================= */
/* MAIN SLIDER */
/* ============================= */

.swiper.mainSlider {
    width: 100%;
    height: 590px;
    border-radius: 16px;
    margin-bottom: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Slide */
.swiper.mainSlider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f4;
}

/* Resim */
.swiper.mainSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================= */
/* DESKTOP (>=768px) */
/* Fade effect destek – HAYALET YOK */
/* ============================= */

@media (min-width: 768px) {
    .swiper.mainSlider {
        overflow: hidden;
    }
}

/* ============================= */
/* MOBİL (<768px) */
/* Yükseklik doğal – HEADER KAYBOLMAZ */
/* ============================= */

@media (max-width: 767px) {
    .swiper.mainSlider {
        height: auto;
    }

    .swiper.mainSlider img {
        height: auto;
        max-height: 60vh;
    }
}

/* ============================= */
/* ZOOM (DESKTOP HOVER) */
/* ============================= */

.gallery-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.gallery-link:hover img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Zoom ikon */
.zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
    color: #fff;
    font-size: 2rem;
    transition: all 0.25s ease;
    pointer-events: none;
}

.gallery-link:hover .zoom-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* ============================= */
/* THUMB SLIDER */
/* ============================= */

.swiper.thumbSlider {
    height: 100px;
    padding: 5px 0;
}

.swiper.thumbSlider .swiper-slide {
    opacity: 0.4;
    border-radius: 10px;
    cursor: pointer;
    transition: opacity 0.2s ease, border 0.2s ease;
}

.swiper.thumbSlider .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #ff6b6b;
}

.swiper.thumbSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================= */
/* NAVIGATION */
/* ============================= */

.swiper-button-next,
.swiper-button-prev {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    color: #fff;
    backdrop-filter: blur(6px);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}

/* Tour detail gallery inspired by villa detail gallery */
.tour-villa-gallery {
    padding: 18px;
    border-radius: 28px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.14), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    overflow: visible;
}

.tour-villa-gallery__intro {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.tour-villa-gallery__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0f766e;
}

.tour-villa-gallery__headline-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.tour-villa-gallery__title {
    margin: 0;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.tour-villa-gallery__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.tour-villa-gallery__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.tour-villa-gallery__chip i {
    color: #0f766e;
}

.tour-villa-gallery__chip.is-accent {
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    border-color: transparent;
    color: #fff;
}

.tour-villa-gallery__chip.is-accent i {
    color: #fef3c7;
}

.tour-villa-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 150px;
    gap: 10px;
}

.tour-villa-gallery-item {
    position: relative;
    display: block;
    min-height: 150px;
    overflow: hidden;
    border-radius: 20px;
    background: #dbeafe;
    isolation: isolate;
}

.tour-villa-gallery-item.is-featured {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 310px;
}

.tour-villa-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.tour-villa-gallery-item__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.12) 45%, rgba(15, 23, 42, 0.65) 100%);
    transition: opacity 0.3s ease;
}

.tour-villa-gallery-item__content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #fff;
    z-index: 2;
}

.tour-villa-gallery-item__content strong {
    font-size: clamp(1.1rem, 0.95rem + 0.4vw, 1.6rem);
    font-weight: 800;
    line-height: 1.08;
}

.tour-villa-gallery-item__content small {
    font-size: 0.86rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
}

.tour-villa-gallery-item__more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.52);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    z-index: 2;
    backdrop-filter: blur(5px);
}

@media (hover:hover) {
    .tour-villa-gallery-item:hover img {
        transform: scale(1.06);
    }

    .tour-villa-gallery-item:hover .tour-villa-gallery-item__shade {
        opacity: 0.84;
    }
}

@media (max-width: 991.98px) {
    .tour-villa-gallery__headline-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .tour-villa-gallery__meta {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .tour-villa-gallery {
        padding: 14px;
        border-radius: 22px;
    }

    .tour-villa-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 118px;
        gap: 8px;
    }

    .tour-villa-gallery-item {
        min-height: 118px;
        border-radius: 16px;
    }

    .tour-villa-gallery-item.is-featured {
        grid-column: span 2;
        grid-row: span 2;
        min-height: 244px;
    }

    .tour-villa-gallery-item__content {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .tour-villa-gallery-item__content small {
        display: none;
    }

    .tour-villa-gallery__chip {
        padding: 8px 12px;
        font-size: 12px;
    }

    .tour-villa-gallery-item__more {
        font-size: 1.1rem;
    }
}

/* --- Tur Özellikleri Bilgi Çubuğu --- */
.tour-info-bar {
    margin-top: 20px;
    background: #fff;
    padding: 20px 15px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.info-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    transition: transform 0.3s ease;
}

.info-box:hover {
    transform: translateY(-3px);
}

.info-icon {
    width: 50px;
    height: 50px;
    background: #eef2f5;
    /* İkon arka plan rengi */
    color: #2c3e50;
    /* İkon rengi */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.info-content {
    display: flex;
    flex-direction: column;
}

.info-title {
    font-size: 0.85rem;
    color: #888;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}

.info-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2c3e50;
}

/* Renkli İkonlar için Özelleştirme (Opsiyonel) */
.info-box.lunch .info-icon {
    color: #ff9f43;
    background: #fff0e1;
}

.info-box.cancel .info-icon {
    color: #28c76f;
    background: #e5f8ed;
}

.info-box.type .info-icon {
    color: #00cfe8;
    background: #e0f9fc;
}

.info-box.child .info-icon {
    color: #ea5455;
    background: #fceaea;
}

.tour-info-bar--tour {
    margin-top: 24px;
    padding: 22px;
    border-radius: 28px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.11), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.13), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.tour-info-bar--tour .tour-info-bar__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.tour-info-bar--tour .tour-info-bar__eyebrow {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0f766e;
    margin-bottom: 7px;
}

.tour-info-bar--tour .tour-info-bar__title {
    margin: 0;
    font-size: clamp(1.2rem, 1rem + 0.55vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.tour-info-bar--tour .tour-info-bar__desc {
    margin: 8px 0 0;
    max-width: 440px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
}

.tour-info-bar--tour .tour-info-bar__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 14px 30px rgba(11, 95, 131, 0.22);
}

.tour-info-bar--tour .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.tour-info-bar--tour .info-box {
    align-items: center;
    height: 100%;
    min-height: 112px;
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 18px 32px rgba(15, 23, 42, 0.05);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.tour-info-bar--tour .info-box:hover {
    transform: translateY(-4px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 24px 40px rgba(15, 23, 42, 0.1);
    border-color: rgba(125, 211, 252, 0.7);
}

.tour-info-bar--tour .info-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 1.22rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.tour-info-bar--tour .info-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    flex: 1 1 auto;
}

.tour-info-bar--tour .info-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #94a3b8;
}

.tour-info-bar--tour .info-title {
    display: block;
    margin-bottom: 0;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #64748b;
}

.tour-info-bar--tour .info-value {
    display: block;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #0f172a;
    white-space: normal;
    word-break: break-word;
}

.tour-info-bar--tour .info-value .val {
    color: inherit;
}

.tour-info-bar--tour .info-box.lunch {
    background: linear-gradient(145deg, rgba(255, 251, 235, 0.9), rgba(255, 255, 255, 0.82));
}

.tour-info-bar--tour .info-box.cancel {
    background: linear-gradient(145deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.82));
}

.tour-info-bar--tour .info-box.type {
    background: linear-gradient(145deg, rgba(236, 254, 255, 0.92), rgba(255, 255, 255, 0.82));
}

.tour-info-bar--tour .info-box.child {
    background: linear-gradient(145deg, rgba(254, 242, 242, 0.92), rgba(255, 255, 255, 0.82));
}

@media (max-width: 767.98px) {
    .tour-info-bar--tour {
        padding: 16px;
        border-radius: 22px;
    }

    .tour-info-bar--tour .tour-info-bar__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .tour-info-bar--tour .tour-info-bar__count {
        min-height: 38px;
        padding: 8px 14px;
        font-size: 12px;
    }

    .tour-info-bar--tour .tour-info-bar__desc {
        font-size: 0.9rem;
    }

    .tour-info-bar--tour .info-box {
        min-height: 104px;
        padding: 16px;
        border-radius: 20px;
    }

    .tour-info-bar--tour .info-icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .tour-info-bar--tour .info-value {
        font-size: 1.05rem;
    }
}

/* Sidebar Genel Alanı */
.tour-details-sidebar {
    padding: 10px 5px;
    top: 20px;
}

.tour-details-sidebar--tour2027 {
    position: relative;
    padding: 22px 22px 18px;
    border: 1px solid rgba(219, 234, 254, 0.92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.14), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(255, 248, 240, 0.97));
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.tour-details-sidebar--tour2027::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 92px;
    height: 92px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.14), transparent 68%);
    pointer-events: none;
}

.tour-details-sidebar--tour2027 .tour-location {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.tour-details-sidebar--tour2027 .tour-location i {
    font-size: 0.9rem;
    color: #f59e0b;
}

.tour-details-sidebar--tour2027 .tour-title {
    margin: 0 0 12px;
    font-size: clamp(1.55rem, 1.2rem + 0.9vw, 2.3rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
    color: #0f172a;
    text-wrap: balance;
}

.tour-details-sidebar--tour2027 .title-separator {
    width: 92px;
    height: 5px;
    margin-bottom: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e 0%, #14b8a6 45%, #f5b942 100%);
    box-shadow: 0 8px 18px rgba(20, 184, 166, 0.18);
}

.tour-details-sidebar--villa2027 {
    position: relative;
    padding: 22px 22px 18px;
    border: 1px solid rgba(219, 234, 254, 0.92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.tour-details-sidebar--villa2027::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 92px;
    height: 92px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.14), transparent 68%);
    pointer-events: none;
}

.tour-details-sidebar--villa2027 .tour-location {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.tour-details-sidebar--villa2027 .tour-location i {
    font-size: 0.9rem;
    color: #f59e0b;
}

.tour-details-sidebar--villa2027 .tour-title {
    margin: 0 0 12px;
    font-size: clamp(1.55rem, 1.2rem + 0.9vw, 2.3rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
    color: #0f172a;
    text-wrap: balance;
}

.tour-details-sidebar--villa2027 .title-separator {
    width: 92px;
    height: 5px;
    margin-bottom: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e 0%, #14b8a6 45%, #f5b942 100%);
    box-shadow: 0 8px 18px rgba(20, 184, 166, 0.18);
}

/* Konum Etiketi */
.tour-location {
    font-size: 0.9rem;
    color: #ff6b6b;
    /* Canlı bir mercan rengi veya senin tema rengin */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tour-location i {
    font-size: 1rem;
}

/* Ana Başlık */
.tour-title {
    font-size: 1.7rem;
    /* Büyük ve okunaklı */
    font-weight: 800;
    /* Kalın font */
    color: #2c3e50;
    /* Koyu lacivert/gri tonu - Siyah yerine tercih edilir */
    line-height: 1.2;
    margin: 0 0 15px 0;
    font-family: 'Poppins', sans-serif;
    /* Eğer yüklü değilse sistem fontunu kullanır */
}

/* Başlık Altı Dekoratif Çizgi */
.title-separator {
    width: 60px;
    /* Kısa çizgi */
    height: 4px;
    background: linear-gradient(90deg, #ff6b6b 0%, #ff8e53 100%);
    /* Gradyan geçiş */
    border-radius: 2px;
    margin-bottom: 20px;
}

/* Mobilde Görünüm Ayarı */
@media (max-width: 768px) {
    .tour-title {
        font-size: 1.8rem;
        /* Mobilde biraz küçültelim */
    }

    .tour-details-sidebar {
        margin-top: 20px;
        /* Galeriden biraz uzaklaşsın */
        padding: 0;
    }

    .tour-details-sidebar--tour2027 {
        padding: 18px 16px 16px;
        border-radius: 22px;
    }

    .tour-details-sidebar--tour2027 .tour-location {
        margin-bottom: 10px;
        padding: 8px 12px;
        font-size: 0.7rem;
        letter-spacing: 0.14em;
    }

    .tour-details-sidebar--tour2027 .tour-title {
        font-size: 1.7rem;
    }

    .tour-details-sidebar--tour2027 .title-separator {
        width: 74px;
        height: 4px;
    }

    .tour-details-sidebar--villa2027 {
        padding: 18px 16px 16px;
        border-radius: 22px;
    }

    .tour-details-sidebar--villa2027 .tour-location {
        margin-bottom: 10px;
        padding: 8px 12px;
        font-size: 0.7rem;
        letter-spacing: 0.14em;
    }

    .tour-details-sidebar--villa2027 .tour-title {
        font-size: 1.7rem;
    }

    .tour-details-sidebar--villa2027 .title-separator {
        width: 74px;
        height: 4px;
    }
}

/* --- Modern Rezervasyon Kartı --- */
/* --- Modern Rezervasyon Kartı (Kaya Yachting Teması) --- */
.booking-card {
    background: #fff;
    border: 1px solid #e1e5ee;
    /* Çok hafif mavi-gri sınır */
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(4, 44, 92, 0.08);
    /* Lacivert gölge */
    position: relative;
    overflow: hidden;
}

/* Başlık */
.booking-card-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 15px;
}

.card-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #042c5c;
    /* LOGO RENGİ: Koyu Lacivert */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Tarih ve Kişi Özeti */
.booking-summary-info {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.summary-item {
    background: #f0f4f8;
    /* Çok açık mavi zemin */
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #042c5c;
    /* Lacivert Yazı */
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #dce4ec;
}

.summary-item i {
    color: #f5a623;
    /* İkonlar ALTIN/TURUNCU olsun (Sitedeki buton rengi) */
    font-size: 1.1rem;
}

/* Ayırıcı Çizgi */
.booking-divider {
    height: 1px;
    background: #eef2f5;
    margin: 15px 0;
}

/* Fiyat Satırları */
.item-name {
    font-size: 0.95rem;
    color: #555;
}

.item-name .count {
    font-weight: 700;
    color: #042c5c;
    /* Lacivert */
}

.item-price {
    font-weight: 700;
    color: #333;
}

.breakdown-row.free-item .item-price {
    color: #27ae60;
    /* Yeşil (Ücretsiz için standart) */
}

/* Toplam Tutar */
.total-label {
    font-size: 1.1rem;
    font-weight: 700;
    color: #555;
}

.total-amount {
    font-size: 1.5rem;
    font-weight: 800;
    color: #042c5c;
    /* LOGO RENGİ */
}

/* Ön Ödeme Kutusu (ÖNEMLİ DEĞİŞİKLİK) */
.prepayment-box {
    background: #eef4fb;
    /* Kırmızı yerine çok açık MAVİ */
    border: 1px dashed #042c5c;
    /* Lacivert kesikli çizgi */
    border-radius: 12px;
    padding: 15px;
    margin: 20px 0;
}

.prepayment-label {
    font-size: 0.9rem;
    color: #042c5c;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.badge-prepayment {
    background: #042c5c;
    /* Lacivert Zemin */
    color: #fff;
    /* Beyaz Yazı */
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 4px;
}

.prepayment-amount {
    font-size: 1.6rem;
    font-weight: 800;
    color: #042c5c;
    /* Lacivert */
    margin: 5px 0;
}

.prepayment-note {
    font-size: 0.85rem;
    color: #666;
}

/* Buton (Sitedeki Sarı/Turuncu Butonlara Uygun) */
.btn_1.full-width.purchase {
    width: 100%;
    border-radius: 8px;
    /* Daha köşeli modern buton */
    font-size: 1.1rem;
    padding: 14px;
    font-weight: 700;
    text-transform: uppercase;

    /* Sitedeki 'İNCELE' butonu gibi Turuncu/Sarı yapalım */
    background: #ffb400;
    color: #042c5c;
    /* Yazısı Lacivert olsun (Okunabilirlik için) */

    border: none;
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 180, 0, 0.3);
}

.btn_1.full-width.purchase:hover {
    background: #e5a100;
    /* Hoverda biraz koyulaşsın */
    transform: translateY(-2px);
}

/* Alternatif: Eğer butonu Mavi istersen bunu kullan:
.btn_1.full-width.purchase {
    background: #042c5c; 
    color: #fff;
}
*/

.secure-text {
    text-align: center;
    font-size: 0.8rem;
    color: #888;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.secure-text i {
    color: #27ae60;
    /* Yeşil Kilit İkonu */
}

.reservation-form1 {
    position: relative;
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.reservation-form1__hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border: 1px solid rgba(14, 116, 144, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(45, 212, 191, 0.2), transparent 32%),
        radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.16), transparent 28%),
        linear-gradient(135deg, #082f49, #0f5d7a 58%, #0f766e);
    box-shadow: 0 20px 38px rgba(8, 47, 73, 0.2);
}

.reservation-form1__hero::after {
    content: "";
    position: absolute;
    inset: auto -36px -42px auto;
    width: 130px;
    height: 130px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.reservation-form1__kicker {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.reservation-form1__trust {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.reservation-form1__trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(248, 250, 252, 0.96);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.reservation-form1__trust i {
    color: #fde68a;
}

.reservation-form1 .booking-card--tour2027,
.reservation-form1 .booking-card--villa2027 {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .reservation-form1__hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
        border-radius: 22px;
    }

    .reservation-form1__trust {
        justify-content: flex-start;
    }

    .reservation-form1__trust span {
        min-height: 36px;
        padding: 0 12px;
        font-size: 11px;
    }
}

.booking-card--tour2027 {
    margin-top: 16px;
    padding: 22px 20px 20px;
    border: 1px solid rgba(219, 234, 254, 0.96);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.1), transparent 26%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.08);
}

.booking-card--tour2027 .booking-card-header {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.booking-card--tour2027 .booking-card__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #0f766e;
}

.booking-card--tour2027 .card-title {
    font-size: 1.55rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-transform: none;
    color: #0f172a;
}

.booking-card--tour2027 .tour-search-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-selector-wrapper {
    position: relative;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .chevron-icon {
    right: 18px;
    color: #94a3b8;
    transition: transform 0.2s ease, color 0.2s ease;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-dropdown-content {
    top: calc(100% + 10px);
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.14);
    padding: 16px;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-dropdown-content.show {
    margin-top: 0;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-row {
    padding: 12px 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-row:last-of-type {
    border-bottom: 0;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-subtitle {
    font-size: 0.78rem;
    color: #64748b;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-controls {
    gap: 10px;
    padding: 6px;
    border-radius: 999px;
    background: rgba(241, 245, 249, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .btn-counter {
    width: 32px;
    height: 32px;
    border: 0;
    background: #ffffff;
    color: #0f766e;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .btn-counter:hover {
    background: #ecfeff;
    border-color: transparent;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .counter-value {
    min-width: 20px;
    font-size: 0.96rem;
    color: #0f172a;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .child-ages-area {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .child-age-row {
    align-items: center;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.9);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .child-age-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #475569;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .child-age-select {
    min-height: 38px;
    border-radius: 12px;
    border-color: rgba(203, 213, 225, 0.95);
    background: #ffffff;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .guest-footer {
    margin-top: 12px;
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .btn-guest-done {
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    box-shadow: 0 12px 24px rgba(11, 95, 131, 0.18);
}

.booking-card--tour2027 #turForm.tur-form--tour2027 .btn-guest-done:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e);
}

.booking-card--tour2027 .tour-search-field {
    width: 100%;
}

.booking-card--tour2027 .form-floating-pro {
    position: relative;
    border-radius: 25px;
}

.booking-card--tour2027 .form-control-pro,
.booking-card--tour2027 .form-control-pro.date-input-pro {
    height: 68px;
    border-radius: 20px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.booking-card--tour2027 .form-control-pro:hover,
.booking-card--tour2027 .form-control-pro.date-input-pro:hover {
    border-color: rgba(125, 211, 252, 0.9);
}

.booking-card--tour2027 .form-control-pro:focus,
.booking-card--tour2027 .form-control-pro.date-input-pro:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.16);
}

.booking-card--tour2027 .form-floating-pro label {
    color: #64748b;
    font-weight: 700;
}

.booking-card--tour2027 .form-floating-pro label i {
    color: #0f766e;
}

.booking-card--tour2027 .guest-selector-wrapper,
.booking-card--tour2027 .tour-search-field.button-field {
    width: 100%;
}

.booking-card--tour2027 .btn-search-pro {
    width: 100%;
    min-height: 64px;
    border-radius: 20px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    box-shadow: 0 18px 30px rgba(11, 95, 131, 0.22);
}

.booking-card--tour2027 .btn-search-pro:hover:not(:disabled) {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    transform: none;
    box-shadow: 0 20px 34px rgba(11, 95, 131, 0.26);
}

.booking-card--tour2027 .booking-summary-info,
.booking-card--villa2027 .booking-summary-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 18px;
    min-width: 0;
}

.booking-card--tour2027 .summary-item,
.booking-card--villa2027 .summary-item {
    min-width: 0;
    padding: 12px 14px;
    border-radius: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: 10px;
    overflow: hidden;
}

.booking-card--tour2027 .summary-item span,
.booking-card--tour2027 .summary-item label,
.booking-card--villa2027 .summary-item span,
.booking-card--villa2027 .summary-item label {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.booking-card--villa2027 .summary-item--villa-guests .kisi-select-pro {
    flex: 0 0 72px;
    width: 72px;
    min-width: 72px;
    margin-left: auto;
}

.booking-card--villa2027 .summary-item--villa-guests > span:last-child {
    flex: 0 0 auto;
    padding-left: 0;
}

.booking-card--villa2027 .summary-item--villa-guests {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.booking-card--villa2027 .summary-item--villa-guests label,
.booking-card--villa2027 .summary-item--villa-guests > span:last-child {
    white-space: nowrap;
    overflow-wrap: normal;
}

.booking-card--villa2027 .summary-item--villa-guests label {
    font-size: 0.92rem;
}

.booking-card--tour2027 #turSearchResult {
    margin-top: 16px;
}

.booking-card--tour2027 .tur-result-loading,
.booking-card--tour2027 .tur-result-error {
    border-radius: 18px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.9);
}

.booking-card--tour2027 #turSearchResult .booking-card--result2027 {
    margin-top: 2px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.booking-card--tour2027 #turSearchResult .booking-card--result2027 .booking-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--tour2027 #turSearchResult .booking-card--result2027 .card-title {
    font-size: 1.2rem;
    color: #0f172a;
}

.booking-card--tour2027 #turSearchResult .booking-summary-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.booking-card--tour2027 #turSearchResult .summary-item {
    min-width: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
    color: #334155;
}

.booking-card--tour2027 #turSearchResult .summary-item i {
    color: #0f766e;
}

.booking-card--tour2027 #turSearchResult .price-breakdown {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45) !important;
}

.booking-card--tour2027 #turSearchResult .breakdown-row {
    align-items: flex-start !important;
    gap: 12px;
    padding: 10px 0;
    margin-bottom: 0 !important;
}

.booking-card--tour2027 #turSearchResult .item-name {
    color: #334155;
}

.booking-card--tour2027 #turSearchResult .item-name .count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    margin-right: 8px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f766e;
}

.booking-card--tour2027 #turSearchResult .item-desc {
    margin-top: 5px;
    font-size: 0.82rem;
    color: #64748b !important;
}

.booking-card--tour2027 #turSearchResult .item-desc .price,
.booking-card--tour2027 #turSearchResult .item-price .price,
.booking-card--tour2027 #turSearchResult .total-amount .price,
.booking-card--tour2027 #turSearchResult .prepayment-amount .price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-weight: 800;
}

.booking-card--tour2027 #turSearchResult .tur-result-meta {
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--tour2027 #turSearchResult .total-section {
    padding: 14px 0 4px !important;
    margin-top: 4px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
}

.booking-card--tour2027 #turSearchResult .total-label {
    color: #475569 !important;
}

.booking-card--tour2027 #turSearchResult .prepayment-box {
    margin: 16px 0 0;
    border: 1px dashed rgba(14, 116, 144, 0.42);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(236, 254, 255, 0.96), rgba(239, 246, 255, 0.96));
}

.booking-card--tour2027 #turSearchResult .prepayment-label {
    color: #0f172a;
}

.booking-card--tour2027 #turSearchResult .badge-prepayment {
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
}

.booking-card--tour2027 #turSearchResult .prepayment-note {
    color: #64748b;
}

.booking-card--tour2027 #turSearchResult .btn_1.full-width.purchase.js-go-reservation {
    margin-top: 16px;
    min-height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    box-shadow: 0 18px 30px rgba(11, 95, 131, 0.22);
}

.booking-card--tour2027 #turSearchResult .btn_1.full-width.purchase.js-go-reservation:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e);
}

@media (max-width: 768px) {
    .booking-card--tour2027 {
        padding: 18px 16px;
        border-radius: 22px;
    }

    .booking-card--tour2027 #turForm.tur-form--tour2027 {
        padding: 12px;
        border-radius: 20px;
    }

    .booking-card--tour2027 .card-title {
        font-size: 1.35rem;
    }

    .booking-card--tour2027 .form-control-pro,
    .booking-card--tour2027 .form-control-pro.date-input-pro {
        height: 62px;
        border-radius: 18px;
    }

    .booking-card--tour2027 .btn-search-pro {
        min-height: 58px;
        border-radius: 18px;
    }

    .booking-card--tour2027 #turForm.tur-form--tour2027 .guest-dropdown-content {
        border-radius: 18px;
        padding: 14px;
    }

    .booking-card--tour2027 #turForm.tur-form--tour2027 .guest-row {
        padding: 10px 0;
    }

    .booking-card--tour2027 #turSearchResult .booking-card--result2027 {
        padding: 14px;
        border-radius: 20px;
    }

    .booking-card--tour2027 #turSearchResult .booking-summary-info {
        grid-template-columns: 1fr;
    }

    .booking-card--tour2027 .booking-summary-info,
    .booking-card--villa2027 .booking-summary-info {
        grid-template-columns: 1fr;
    }

    .booking-card--villa2027 .summary-item--villa-guests .kisi-select-pro {
        margin-left: 0;
    }

    .booking-card--villa2027 .summary-item--villa-guests > span:last-child {
        padding-left: 0;
    }

    .booking-card--villa2027 .summary-item--villa-guests {
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        gap: 6px;
    }

    .booking-card--villa2027 .summary-item--villa-guests label,
    .booking-card--villa2027 .summary-item--villa-guests > span:last-child {
        font-size: 0.84rem;
    }

    .booking-card--tour2027 #turSearchResult .breakdown-row {
        flex-direction: column;
    }
}

.booking-card--villa2027 {
    padding: 22px 20px 20px;
    border: 1px solid rgba(219, 234, 254, 0.96);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.1), transparent 26%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.08);
}

.booking-card--villa2027 .booking-card-header {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--villa2027 .booking-card__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #0f766e;
}

.booking-card--villa2027 .card-title {
    font-size: 1.55rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #0f172a;
    text-transform: none;
}

.booking-card--villa2027 #villaForm {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.booking-card--villa2027 .tour-search-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.booking-card--villa2027 .tour-search-field,
.booking-card--villa2027 .guest-selector-wrapper,
.booking-card--villa2027 .tour-search-field.button-field {
    width: 100%;
}

.booking-card--villa2027 .form-floating-pro {
    position: relative;
    border-radius: 25px;
}

.booking-card--villa2027 .form-control-pro,
.booking-card--villa2027 .form-control-pro.date-input-pro,
.booking-card--villa2027 .kisi-select-pro {
    height: 68px;
    border-radius: 20px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.booking-card--villa2027 .form-control-pro:hover,
.booking-card--villa2027 .form-control-pro.date-input-pro:hover,
.booking-card--villa2027 .kisi-select-pro:hover {
    border-color: rgba(125, 211, 252, 0.9);
}

.booking-card--villa2027 .form-control-pro:focus,
.booking-card--villa2027 .form-control-pro.date-input-pro:focus,
.booking-card--villa2027 .kisi-select-pro:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.16);
}

.booking-card--villa2027 .form-floating-pro label {
    color: #64748b;
    font-weight: 700;
}

.booking-card--villa2027 .form-floating-pro label i {
    color: #0f766e;
}

.booking-card--villa2027 #villaForm .guest-selector-wrapper {
    position: relative;
}

.booking-card--villa2027 #villaForm .chevron-icon {
    right: 18px;
    color: #94a3b8;
    transition: transform 0.2s ease, color 0.2s ease;
}

.booking-card--villa2027 #villaForm .guest-dropdown-content {
    top: calc(100% + 10px);
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.14);
    padding: 16px;
}

.booking-card--villa2027 #villaForm .guest-row {
    padding: 12px 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.booking-card--villa2027 #villaForm .guest-row:last-of-type {
    border-bottom: 0;
}

.booking-card--villa2027 #villaForm .guest-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
}

.booking-card--villa2027 #villaForm .guest-subtitle {
    font-size: 0.78rem;
    color: #64748b;
}

.booking-card--villa2027 #villaForm .guest-controls {
    gap: 10px;
    padding: 6px;
    border-radius: 999px;
    background: rgba(241, 245, 249, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--villa2027 #villaForm .btn-counter {
    width: 32px;
    height: 32px;
    border: 0;
    background: #ffffff;
    color: #0f766e;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.booking-card--villa2027 #villaForm .btn-counter:hover {
    background: #ecfeff;
    border-color: transparent;
}

.booking-card--villa2027 #villaForm .counter-value {
    min-width: 20px;
    font-size: 0.96rem;
    color: #0f172a;
}

.booking-card--villa2027 #villaForm .guest-footer {
    margin-top: 12px;
}

.booking-card--villa2027 #villaForm .btn-guest-done,
.booking-card--villa2027 .btn-search-pro {
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    box-shadow: 0 12px 24px rgba(11, 95, 131, 0.18);
}

.booking-card--villa2027 #villaForm .btn-guest-done:hover,
.booking-card--villa2027 .btn-search-pro:hover:not(:disabled) {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    transform: none;
}

.booking-card--villa2027 .btn-search-pro {
    width: 100%;
    min-height: 64px;
    border-radius: 20px;
    box-shadow: 0 18px 30px rgba(11, 95, 131, 0.22);
}

.booking-card--villa2027 .booking-summary-info {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.booking-card--villa2027 .summary-item {
    min-width: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
    color: #334155;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: 10px;
    overflow: hidden;
}

.booking-card--villa2027 .summary-item i {
    color: #0f766e;
}

.booking-card--villa2027 .summary-item span,
.booking-card--villa2027 .summary-item label {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.booking-card--villa2027 .booking-divider {
    margin: 14px 0;
    border-color: rgba(226, 232, 240, 0.95);
}

.booking-card--villa2027 .price-breakdown {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45);
}

.booking-card--villa2027 .breakdown-row {
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    margin-bottom: 0;
}

.booking-card--villa2027 .item-name {
    color: #334155;
}

.booking-card--villa2027 .item-name .count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    margin-right: 8px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0f766e;
}

.booking-card--villa2027 .item-price .price,
.booking-card--villa2027 .item-desc .price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-weight: 800;
}

.booking-card--villa2027 .ts-btn.ts-btn--ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(186, 230, 253, 0.95);
    background: rgba(240, 249, 255, 0.96);
    color: #0f766e;
}

.booking-card--villa2027 #villaPriceDetailsBox {
    margin-top: 10px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--villa2027 #villaSearchResult {
    margin-top: 16px;
}

.booking-card--villa2027 #villaSearchResult .booking-card {
    margin-top: 2px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.booking-card--villa2027 #villaSearchResult .villa-result-card.villa-result-card--2027 {
    margin-top: 2px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.booking-card--villa2027 #villaSearchResult .villa-result-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.booking-card--villa2027 #villaSearchResult .villa-result-card__head .card-title {
    font-size: 1.2rem;
    color: #0f172a;
}

.booking-card--villa2027 #villaSearchResult .villa-result-card__summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.booking-card--villa2027 #villaSearchResult .summary-item {
    min-width: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.95);
    color: #334155;
}

.booking-card--villa2027 #villaSearchResult .summary-item i {
    color: #0f766e;
}

.booking-card--villa2027 #villaSearchResult .price-breakdown {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45) !important;
}

.booking-card--villa2027 #villaSearchResult .breakdown-row {
    align-items: flex-start !important;
    gap: 12px;
    padding: 10px 0;
    margin-bottom: 0 !important;
}

.booking-card--villa2027 #villaSearchResult .item-desc {
    color: #334155 !important;
}

.booking-card--villa2027 #villaSearchResult .item-value.price,
.booking-card--villa2027 #villaSearchResult .total-value.price,
.booking-card--villa2027 #villaSearchResult .prepayment-amount.price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e !important;
    font-weight: 800;
}

.booking-card--villa2027 #villaSearchResult .total-section {
    padding: 14px 0 4px !important;
    margin-top: 4px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
}

.booking-card--villa2027 #villaSearchResult .total-label {
    color: #475569 !important;
}

.booking-card--villa2027 #villaSearchResult .prepayment-box {
    margin: 16px 0 0;
    border: 1px dashed rgba(14, 116, 144, 0.42);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(236, 254, 255, 0.96), rgba(239, 246, 255, 0.96));
}

.booking-card--villa2027 #villaSearchResult .prepayment-label {
    color: #0f172a !important;
}

.booking-card--villa2027 #villaSearchResult .btn-reservation.btn_1.full-width.purchase.js-go-reservation {
    margin-top: 16px !important;
    min-height: 58px;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #0f766e, #0b5f83) !important;
    color: #fff !important;
    box-shadow: 0 18px 30px rgba(11, 95, 131, 0.22) !important;
}

.booking-card--villa2027 #villaSearchResult .btn-reservation.btn_1.full-width.purchase.js-go-reservation:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e) !important;
    transform: none !important;
}

@media (max-width: 768px) {
    .booking-card--villa2027 {
        padding: 18px 16px;
        border-radius: 22px;
    }

    .booking-card--villa2027 #villaForm {
        padding: 12px;
        border-radius: 20px;
    }

    .booking-card--villa2027 .card-title {
        font-size: 1.35rem;
    }

    .booking-card--villa2027 .form-control-pro,
    .booking-card--villa2027 .form-control-pro.date-input-pro,
    .booking-card--villa2027 .kisi-select-pro {
        height: 62px;
        border-radius: 18px;
    }

    .booking-card--villa2027 .btn-search-pro {
        min-height: 58px;
        border-radius: 18px;
    }

    .booking-card--villa2027 #villaForm .guest-dropdown-content {
        border-radius: 18px;
        padding: 14px;
    }

    .booking-card--villa2027 .booking-summary-info {
        grid-template-columns: 1fr;
    }

    .booking-card--villa2027 .breakdown-row {
        flex-direction: column;
    }

    .booking-card--villa2027 #villaSearchResult .villa-result-card__summary {
        grid-template-columns: 1fr;
    }

    .booking-card--villa2027 #villaSearchResult .breakdown-row {
        flex-direction: column;
    }
}

/* --- Tur Kısa Açıklama Alanı (Kaya Yachting Style) --- */
.tour-highlight-text {
    background: #f8fbfe;
    /* Çok çok uçuk mavi zemin (Deniz hissi) */
    border-left: 4px solid #042c5c;
    /* Marka Rengi: Lacivert Çizgi */
    padding: 25px 60px;
    border-radius: 0 12px 12px 0;
    /* Sadece sağ tarafları yuvarla */
    margin: 20px 0 30px 0;
    /* Üstten ve alttan boşluk */
    position: relative;
    box-shadow: 0 5px 15px rgba(4, 44, 92, 0.03);
    /* Çok hafif gölge */
}

/* Dekoratif Tırnak İkonu */
.quote-icon {
    font-size: 2rem;
    color: #f5a623;
    /* Marka Rengi: Altın/Sarı */
    opacity: 0.2;
    /* Silik görünüm, metni ezmesin */
    position: absolute;
    top: 15px;
    left: 15px;
}

/* Metin İçeriği */
.desc-content {
    font-family: 'Poppins', sans-serif;
    /* Modern Font */
    font-size: 1.1rem;
    /* Standarttan biraz büyük */
    line-height: 1.8;
    /* Satır aralığı geniş, rahat okuma */
    color: #4a5568;
    /* Tam siyah değil, yumuşak koyu gri */
    font-weight: 400;
    position: relative;
    z-index: 1;
}

.desc-content p {
    margin-bottom: 0;
    /* İçerdeki p'nin ekstra boşluğunu al */
}

/* Mobilde Düzenleme */
@media (max-width: 768px) {
    .tour-highlight-text {
        padding: 20px;
        font-size: 1rem;
    }
}

.tour-highlight-text--classic {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 240, 0.96));
    border: 1px solid #e7dcc0;
    border-radius: 20px;
    padding: 28px 32px 28px 84px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
}

.tour-highlight-text--classic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #d9a441, #b8872b);
}

.tour-highlight-text--classic::after {
    content: "";
    position: absolute;
    top: -44px;
    right: -24px;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: rgba(191, 161, 106, 0.08);
}

.tour-highlight-text--classic .quote-icon {
    top: 24px;
    left: 24px;
    font-size: 1.65rem;
    color: #b9872e;
    opacity: 0.78;
}

.tour-highlight-text--classic .desc-content {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.04rem;
    line-height: 1.82;
    color: #4b5563;
    position: relative;
    z-index: 1;
}

.tour-highlight-text--classic .desc-content strong {
    color: #0f172a;
}

.tour-highlight-text--classic .desc-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .tour-highlight-text--classic {
        padding: 20px 18px 20px 58px;
        border-radius: 16px;
    }

    .tour-highlight-text--classic .quote-icon {
        top: 18px;
        left: 18px;
        font-size: 1.25rem;
    }
}

/* --- Tur Detay Metin Alanı (Kaya Yachting Style) --- */

/* Genel Kapsayıcı */
.tour-description-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 34px;
    padding: 30px 32px;
    border: 1px solid #e6dcc7;
    border-top: none;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 240, 0.96));
    box-shadow: 0 20px 38px rgba(15, 23, 42, 0.06);
}

.tour-description-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #c8922c 0%, #e1c07a 70%, rgba(225, 192, 122, 0.22) 100%);
}

/* Bölüm Başlığı */
.desc-header {
    margin-bottom: 25px;
}

.desc-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #042c5c;
    /* Lacivert */
    margin: 0 0 10px 0;
    font-family: 'Poppins', sans-serif;
}

.desc-divider {
    width: 50px;
    height: 3px;
    background: #f5a623;
    /* Gold/Turuncu Çizgi */
    border-radius: 2px;
}

/* --- Editörden Gelen İçeriğin Formatlanması (.editor-content) --- */

/* Paragraflar */
.editor-content {
    font-family: 'Open Sans', sans-serif;
    /* Okunabilirlik için */
    font-size: 1rem;
    line-height: 1.8;
    /* Satır aralığı geniş ferah */
    color: #444;
    /* Göz yormayan koyu gri */
}

.editor-content p {
    margin-bottom: 20px;
}

/* Başlıklar (h2, h3, h4...) */
.editor-content h2,
.editor-content h3,
.editor-content h4 {
    color: #042c5c;
    /* Lacivert Başlıklar */
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}

.editor-content h2 {
    font-size: 1.4rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.editor-content h3 {
    font-size: 1.25rem;
}

/* Listeler (Madde İşaretleri) - EN ÖNEMLİ KISIM */
.editor-content ul {
    list-style: none;
    /* Standart noktaları kaldır */
    padding-left: 0;
    margin-bottom: 25px;
}

.editor-content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #555;
}

/* Maddelerin başına Gold renkli 'Tik' işareti koyuyoruz */
.editor-content ul li::before {
    content: '\f00c';
    /* FontAwesome Check İkonu */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    /* Hizalama */
    color: #f5a623;
    /* Gold Rengi */
    font-size: 0.9rem;
}

/* Alternatif: Numaralı Listeler */
.editor-content ol {
    padding-left: 20px;
    color: #042c5c;
    font-weight: 600;
}

.editor-content ol li {
    margin-bottom: 10px;
}

.editor-content ol li span, .editor-content ol li p {
    color: #555;
    font-weight: 400;
}

/* Görseller (Resimler taşmasın) */
.editor-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Linkler */
.editor-content a {
    color: #f5a623;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #f5a623;
    transition: all 0.3s;
}

.editor-content a:hover {
    color: #042c5c;
    border-bottom: 1px solid #042c5c;
}

/* Mobilde Sağ Boşluğu Kaldır */
@media (max-width: 768px) {
    .tour-description-wrapper {
        padding-right: 0;
    }
}

.tour-description-wrapper--classic {
    margin-bottom: 34px;
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border: 1px solid #e6dcc7;
    border-top: none;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 240, 0.96));
    box-shadow: 0 20px 38px rgba(15, 23, 42, 0.06);
}

.tour-description-wrapper--classic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #c8922c 0%, #e1c07a 70%, rgba(225, 192, 122, 0.22) 100%);
}

.tour-description-wrapper--classic .desc-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ece4d5;
}

.tour-description-wrapper--classic .desc-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    font-weight: 700;
    color: #24364a;
    letter-spacing: -0.025em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.tour-description-wrapper--classic .desc-divider {
    width: 88px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #c8922c 0%, #e1c07a 100%);
}

.editor-content--classic {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.03rem;
    line-height: 1.9;
    color: #3e4b5d;
}

.editor-content--classic > *:first-child {
    margin-top: 0;
}

.editor-content--classic p {
    margin-bottom: 18px;
}

.editor-content--classic p:first-of-type {
    font-size: 1.08rem;
    line-height: 1.95;
    color: #334155;
}

.editor-content--classic strong,
.editor-content--classic b {
    color: #1f2f42;
    font-weight: 700;
}

.editor-content--classic h2,
.editor-content--classic h3,
.editor-content--classic h4 {
    font-family: Georgia, "Times New Roman", serif;
    color: #24364a;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 28px;
    margin-bottom: 14px;
}

.editor-content--classic h2 {
    font-size: 1.55rem;
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 14px;
    border-left: 3px solid #d1a048;
}

.editor-content--classic h3 {
    font-size: 1.3rem;
    color: #2f4358;
}

.editor-content--classic h4 {
    font-size: 1.12rem;
    color: #42566b;
}

.editor-content--classic ul,
.editor-content--classic ol {
    margin: 0 0 22px;
    padding-left: 24px;
}

.editor-content--classic ul {
    list-style: disc;
}

.editor-content--classic ol {
    list-style: decimal;
}

.editor-content--classic ul li {
    color: #4b5563;
    padding-left: 0;
    margin-bottom: 10px;
}

.editor-content--classic ul li::before {
    content: none;
}

.editor-content--classic ol li {
    color: #4b5563;
    margin-bottom: 10px;
    font-weight: 400;
}

.editor-content--classic blockquote {
    margin: 24px 0;
    padding: 16px 20px;
    border-left: 4px solid #d1a048;
    background: #fbf8f1;
    color: #435364;
    font-style: italic;
}

.editor-content--classic img {
    border: 1px solid #dde3ea;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.editor-content--classic a {
    color: #9a6b15;
    border-bottom-color: #d2a857;
}

.editor-content--classic a:hover {
    color: #24364a;
    border-bottom-color: #24364a;
}

@media (max-width: 768px) {
    .tour-description-wrapper {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .tour-description-wrapper--classic {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .tour-description-wrapper--classic .desc-title {
        font-size: 1.62rem;
    }

    .editor-content--classic {
        font-size: 0.98rem;
        line-height: 1.8;
    }

    .editor-content--classic p:first-of-type {
        font-size: 1rem;
    }

    .editor-content--classic h2 {
        font-size: 1.35rem;
        padding-left: 12px;
    }

    .editor-content--classic h3 {
        font-size: 1.16rem;
    }
}

/* --- Kaya Yachting Timeline Tasarımı --- */

.tour-program-sidebar {
    background: #fff;
    padding: 0;
    margin-top: 20px;
}

.program-main-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #042c5c;
    margin-bottom: 25px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.program-main-title i {
    color: #f5a623;
    /* Gold İkon */
}

/* Timeline Kapsayıcı */
.ky-timeline-wrapper {
    position: relative;
    padding-left: 10px;
}

/* Tekil Satır */
.ky-timeline-item {
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    position: relative;
}

.ky-timeline-item.last-item {
    padding-bottom: 0;
}

/* Sol İşaretçi Alanı */
.ky-timeline-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    /* Genişlik sabit */
    flex-shrink: 0;
}

.ky-time-badge {
    background: #042c5c;
    /* Lacivert Zemin */
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 5px 8px;
    border-radius: 6px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(4, 44, 92, 0.2);
}

/* Dikey Çizgi */
.ky-line {
    width: 2px;
    background: #e1e5ee;
    /* Silik Çizgi */
    flex-grow: 1;
    margin-top: 5px;
    background-image: linear-gradient(to bottom, #042c5c 50%, transparent 50%);
    background-size: 2px 10px;
    /* Kesikli Çizgi Efekti */
    background-repeat: repeat-y;
}

.last-item .ky-line {
    display: none;
    /* Son elemanda çizgi olmasın */
}

/* İçerik Alanı */
.ky-timeline-content {
    flex-grow: 1;
    background: #f8fbfe;
    /* Çok açık mavi zemin */
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #edf2f7;
    transition: transform 0.3s ease;
}

.ky-timeline-content:hover {
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-color: #f5a623;
    /* Hoverda Gold Sınır */
}

.ky-activity-title {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 8px 0;
}

.ky-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.meta-tag {
    font-size: 0.75rem;
    color: #666;
    background: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #e1e5ee;
}

.meta-tag i {
    color: #f5a623;
    /* Gold İkon */
    margin-right: 4px;
}

.tour-program-sidebar--tour2027 {
    margin-top: 24px;
    padding: 22px 20px 18px;
    border: 1px solid rgba(219, 234, 254, .92);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .12), transparent 28%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 24%),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .97));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .08);
}

.tour-program-sidebar--tour2027 .program-main-title--tour2027 {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    color: #0f172a;
    font-size: 1.32rem;
    letter-spacing: -.02em;
}

.tour-program-sidebar--tour2027 .program-main-title--tour2027 i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    background: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(14, 116, 144, .10));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.tour-program-sidebar--tour2027 .ky-timeline-wrapper {
    padding: 6px 0 0;
}

.tour-program-sidebar--tour2027 .ky-timeline-item {
    gap: 18px;
    padding-bottom: 18px;
}

.tour-program-sidebar--tour2027 .ky-timeline-marker {
    width: 72px;
}

.tour-program-sidebar--tour2027 .ky-time-badge {
    padding: 9px 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    font-size: .88rem;
    box-shadow: 0 16px 28px rgba(11, 95, 131, .18);
}

.tour-program-sidebar--tour2027 .ky-line {
    width: 3px;
    margin-top: 8px;
    border-radius: 999px;
    background-image: linear-gradient(to bottom, rgba(15, 118, 110, .85), rgba(14, 116, 144, .28));
}

.tour-program-sidebar--tour2027 .ky-timeline-content {
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, .94);
    border-left: none;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .05);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.tour-program-sidebar--tour2027 .ky-timeline-content:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 23, 42, .08);
    border-color: rgba(15, 118, 110, .26);
    background: rgba(255, 255, 255, .96);
}

.tour-program-sidebar--tour2027 .ky-activity-title {
    margin-bottom: 10px;
    color: #0f172a;
    font-size: 1.06rem;
    line-height: 1.4;
    font-family: inherit;
}

.tour-program-sidebar--tour2027 .ky-meta-info {
    gap: 10px;
    margin-bottom: 0;
}

.tour-program-sidebar--tour2027 .meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(191, 219, 254, .95);
    background: rgba(239, 246, 255, .92);
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.tour-program-sidebar--tour2027 .meta-tag i {
    margin-right: 0;
    color: #0f766e;
}

@media (max-width: 767.98px) {
    .tour-program-sidebar--tour2027 {
        padding: 18px 16px 16px;
        border-radius: 24px;
    }

    .tour-program-sidebar--tour2027 .program-main-title--tour2027 {
        font-size: 1.16rem;
        gap: 8px;
    }

    .tour-program-sidebar--tour2027 .program-main-title--tour2027 i {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .tour-program-sidebar--tour2027 .ky-timeline-item {
        gap: 12px;
    }

    .tour-program-sidebar--tour2027 .ky-timeline-marker {
        width: 60px;
    }

    .tour-program-sidebar--tour2027 .ky-time-badge {
        font-size: .78rem;
        padding: 8px 6px;
    }

    .tour-program-sidebar--tour2027 .ky-timeline-content {
        padding: 15px 16px;
        border-radius: 18px;
    }
}

/* Carousel (Resim Galerisi) Özelleştirme */
.ky-program-carousel {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.ky-program-carousel .carousel-item img {
    height: 180px;
    /* Dar alanda çok yüksek olmasın */
    object-fit: cover;
}

/* Oklar */
.ky-program-carousel .carousel-control-prev,
.ky-program-carousel .carousel-control-next {
    width: 30px;
    height: 30px;
    background: rgba(4, 44, 92, 0.7);
    /* Yarı saydam lacivert */
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
}

.ky-program-carousel .carousel-control-prev {
    left: 10px;
}

.ky-program-carousel .carousel-control-next {
    right: 10px;
}

.ky-program-carousel .carousel-control-prev-icon,
.ky-program-carousel .carousel-control-next-icon {
    width: 12px;
    height: 12px;
}

/* Noktalar (Indicators) */
.ky-program-carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
}

.ky-program-carousel .carousel-indicators .active {
    background-color: #f5a623;
    /* Aktif nokta Gold */
    opacity: 1;
}

/* --- Kaya Yachting Text-Only Timeline --- */

.ky-timeline-wrapper {
    position: relative;
    padding: 10px 0;
}

/* Tekil Satır Yapısı */
.ky-timeline-item {
    display: flex;
    gap: 15px;
    /* Sol ve Sağ arasındaki boşluk */
    padding-bottom: 25px;
    /* Alt elemanla mesafe */
}

.ky-timeline-item.last-item {
    padding-bottom: 0;
}

/* --- SOL TARAF (MARKER) --- */
.ky-timeline-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 55px;
    /* Sabit genişlik */
    flex-shrink: 0;
}

.ky-time-badge {
    background: #042c5c;
    /* Lacivert (Logo Rengi) */
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 8px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(4, 44, 92, 0.15);
    text-align: center;
    width: 100%;
}

/* Dikey Çizgi */
.ky-line {
    width: 2px;
    background-image: linear-gradient(to bottom, #042c5c 40%, rgba(4, 44, 92, 0.1) 100%);
    flex-grow: 1;
    margin-top: 5px;
    border-radius: 2px;
}

.last-item .ky-line {
    display: none;
    /* Son elemanda çizgi gizlenir */
}

/* --- SAĞ TARAF (İÇERİK) --- */
.ky-timeline-content {
    flex-grow: 1;
    background: #fdfdfd;
    padding: 15px 20px;
    border-radius: 0 12px 12px 12px;
    /* Sol üst köşe düz, diğerleri yuvarlak */
    border-left: 3px solid #f5a623;
    /* Gold Çizgi Vurgusu */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ky-timeline-content:hover {
    transform: translateX(5px);
    /* Hoverda hafif sağa kayma */
    box-shadow: 0 5px 20px rgba(4, 44, 92, 0.08);
    background: #fff;
}

/* Başlık */
.ky-activity-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 8px 0;
    font-family: 'Poppins', sans-serif;
}

/* Meta Bilgiler (Süre, Konum) */
.ky-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.meta-tag {
    font-size: 0.8rem;
    color: #666;
    background: #f4f6f8;
    padding: 4px 10px;
    border-radius: 20px;
    /* Hap şeklinde etiket */
    display: flex;
    align-items: center;
    gap: 5px;
}

.meta-tag i {
    color: #f5a623;
    /* Gold İkon */
    font-size: 0.9rem;
}

/* product_page.css veya custom.css dosyanıza ekleyin */

.reservation-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.card-title {
    color: #007bff;
    /* Veya temanızın ana rengi */
    font-weight: 600;
}

.form-label-custom {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

/* Kişi Sayacı Stilleri */
.guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.guest-title {
    font-weight: 600;
}

.guest-controls {
    display: flex;
    align-items: center;
}

.btn-counter {
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #007bff;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 0;
    font-size: 16px;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-counter:hover {
    background-color: #e9ecef;
    border-color: #007bff;
}

.counter-value {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-weight: 600;
    color: #333;
}

.guest-dropdown-content {
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px;
    background-color: #fff;
    z-index: 1000;
    /* Diğer elementlerin üzerinde görünmesini sağlar */
    border-radius: 0 0 8px 8px;
}

.child-age-row label {
    font-size: 0.85rem;
}

.child-age-row input {
    max-width: 70px;
    /* Yaş inputunu daraltır */
    display: inline-block;
    text-align: center;
}

/* Hesaplama Sonucu Stilleri */
.fiyat-satiri {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px dotted #eee;
}

.fiyat-satiri:last-child {
    border-bottom: none;
    font-weight: 700;
    color: #007bff;
    font-size: 1.1em;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

/* Resim kapsayıcısının pozisyonunu koru (zaten varsa tekrar eklemene gerek yok) */
.ts-card__image-wrap {
    position: relative;
    overflow: hidden;
    /* Diğer mevcut stillerin... */
}

/* Genel Köşe Etiketi Stili */
.ts-corner-label {
    position: absolute;
    top: 210px;
    /* Alttan boşluk */
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
    line-height: 1;
}

/* SOL ALT ETİKET (Örn: Turuncu - Fırsat) */
.ts-label-left {
    left: 10px;
    right: auto;
    background-color: #f39c12;
    /* Turuncu Vurgu */
    /* İhtiyacınıza göre renk gradient kullanabilirsiniz: 
       background: linear-gradient(45deg, #f1c40f, #e67e22); */
}

/* SAĞ ALT ETİKET (Örn: Mor - Çok Satan) */
.ts-label-right {
    right: 10px;
    left: auto;
    background-color: #8e44ad;
    /* Mor Vurgu */
    /* İhtiyacınıza göre renk gradient kullanabilirsiniz: 
       background: linear-gradient(45deg, #9b59b6, #8e44ad); */
}

/* Bu rozetlerin etiketlerle çakışmaması için dikey konumunu korumalıyız */
.ts-card__badges {
    position: absolute;
    top: 0px;
    /* Üst kısımda kalsın */
    left: 10px;
    right: 10px;
    z-index: 10;
    /* Diğer stiliniz (display: flex, gap: 8px) burada kalmalı */
}

/* Mobilde biraz küçültelim ki resmi kapatmasın */
@media (max-width: 768px) {
    .ts-corner-label {
        font-size: 10px;
        padding: 4px 8px;
        bottom: 8px;
    }

    .ts-label-left {
        left: 8px;
    }

    .ts-label-right {
        right: 8px;
    }
}



/* GENEL KART DETAY YAPISI */
.ts-card__details {
    background-color: #fff;
    border-top: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: none;
    /* Varsayılan gizli */
}

.ts-card__details.is-open {
    display: block;
    /* Açılınca görünür */
}

.ts-detail-inner {
    padding: 20px;
}

/* BAŞLIKLAR */
.ts-detail-title {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 8px;
}

.ts-detail-title i {
    color: #6b7280;
    font-size: 14px;
}

/* FİYAT BÖLÜMÜ */
.ts-price-summary {
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
}

.ts-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4b5563;
}

.ts-price-row .price {
    font-weight: 700;
    color: #111;
}

.ts-price-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #d1d5db;
}

.ts-price-total .total-label {
    font-size: 12px;
    color: #10b981;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ts-price-total .total-amount {
    font-size: 18px;
    font-weight: 800;
    color: #2563eb;
}

/* TUR ÖZELLİKLERİ */
.ts-mini-feature {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 10px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    height: 100%;
}

.ts-mini-feature:hover {
    border-color: #d1d5db;
    transform: translateY(-1px);
}

.ts-mini-feature i {
    font-size: 18px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border-radius: 50%;
    margin-right: 12px;
    flex-shrink: 0;
}

.ts-mini-feature i.text-primary {
    color: #2563eb;
    background: #eff6ff;
}

.ts-mini-feature i.text-warning {
    color: #f59e0b;
    background: #fffbeb;
}

.ts-mini-feature i.text-info {
    color: #06b6d4;
    background: #ecfeff;
}

.ts-mini-feature-content {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ts-mini-feature .lbl {
    font-size: 10px;
    color: #9ca3af;
    font-weight: 700;
    text-transform: uppercase;
}

.ts-mini-feature .val {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

/* İPUÇLARI */
.ts-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ts-tag-pill {
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ts-tag-pill i {
    color: #f59e0b;
    font-size: 13px;
}

/* RESPONSIVE AYARLAR */
@media (min-width: 992px) {
    .border-end-lg {
        border-right: 1px solid #e5e7eb;
    }

    .ts-detail-col {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .ts-detail-col {
        border-bottom: 1px solid #e5e7eb;
    }

    .ts-detail-col:last-child {
        border-bottom: none;
    }

    .ts-detail-inner {
        padding: 15px;
    }
}

/* 1. ADIM: Ana Kartın sarmalamaya izin vermesini sağlıyoruz */
.ts-card {
    display: flex;
    /* Mevcut yapınızda muhtemelen var */
    flex-wrap: wrap !important;
    /* BU ÇOK ÖNEMLİ: Öğelerin alt satıra geçmesine izin verir */
}

/* 2. ADIM: Detay kutusuna "Sen tek başına bir satırsın" diyoruz */
.ts-card__details {
    width: 100% !important;
    /* Tam genişlik */
    flex-basis: 100% !important;
    /* Flex yapısında tam yer kapla */
    min-width: 100%;
    /* Sıkışmayı önle */

    background-color: #fff;
    border-top: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    margin-top: 0;
    /* Üst boşluğu sıfırla */
    display: none;
    /* Varsayılan gizli */
}

/* Açıldığında görünür olsun */
.ts-card__details.is-open {
    display: block;
}

/* Diğer iç ayarlar (Önceki kodlardan) */
.ts-detail-inner {
    padding: 20px;
}

/* =========================================
   SAĞ SÜTUN (FİYAT VE BUTONLAR) DÜZELTMESİ
   ========================================= */

/* Sadece Masaüstü (Geniş Ekranlar) İçin Ayarlar */
@media (min-width: 992px) {

    .ts-card__action-col {
        /* Sol tarafa gri çizgi ekle */
        border-left: 1px solid #e5e7eb;


        /* İçeriği dikeyde ortala ve yay */
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 180px;
        /* Kartın yüksekliği kadar esnesin */
    }


}

/* Butonların arasını açalım */
.ts-card__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* İki buton arasına 10px boşluk */
    margin-top: 15px;
    width: 100%;
}

/* Butonların tam genişlikte ve şık durması için */
.ts-card__buttons .ts-btn {
    width: 100%;
    /* Butonları kutuya yay */
    text-align: center;
    justify-content: center;
    padding: 10px 15px;
}

/* Fiyat kutusunu biraz güzelleştirelim */
.ts-price-box {
    background: #f9fafb;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
    margin-bottom: 10px;
    text-align: center;
}

.ts-card__meta-grid {
    display: grid;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 20px !important;
    justify-content: left;
}

.ts-badge--location {
    background: radial-gradient(circle at top left, rgba(0, 51, 172, 0.95), rgba(21, 21, 21, 0.88));
    color: #fff;
    margin-top: 5px !important;
}

.form-select-pro:valid+label,
.form-control-pro:not(:placeholder-shown)+label,
.form-select-pro:focus+label,
.form-control-pro:focus+label {
    top: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #036;
    transform: translateY(0);
}

.result-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 18px;
    position: relative;
    padding-left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Sol tarafta ince çizgi efekti */
.result-title::before {
    content: "";
    width: 4px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4f46e5, #0ea5e9);
    position: relative;
    left: 0;
}

/* Altında ince vurgu çizgisi */
.result-title::after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: -6px;
    width: 60%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(79, 70, 229, 0.15), rgba(14, 165, 233, 0.0));
}

/* Küçük ekranlarda biraz küçültelim */
@media (max-width: 576px) {
    .result-title {
        font-size: 1.25rem;
        margin-bottom: 14px;
    }
}

.ts-detail-inner {
    padding: 2px;
}

.solsearch h2 {
    font-size: 25px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0px;
    padding: 20px;
    align-items: center;
    text-align: center;
    border-bottom: none
}

@media (max-width: 576px) {
    .solsearch h2 {
        padding: 0px;

    }
}

.solsearch {
    background: #b7b7b71c;
    padding: 12px;
    border-radius: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 2px;
    z-index: 10;

    /* Modern shadow */
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08),
        0 6px 12px rgba(0, 0, 0, 0.06);

    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

/* Küçük hover efekti de hoş durur */
.solsearch:hover {
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.12),
        0 10px 18px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

#page {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#page:after {
    display: none !important;
}


/* Form Alanı Genel */
.reservation-container {
    padding: 20px 0;
    background-color: #f8fbfe;
    margin-bottom: 0px !important;
}

/* Sol Taraf: Form Kutusu */
.form-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(4, 44, 92, 0.05);
    border: 1px solid #e1e5ee;
    margin-bottom: 20px;
}

.form-header {
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.form-title {
    color: #042c5c;
    /* Lacivert */
    font-weight: 700;
    font-size: 1.4rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-title i {
    color: #f5a623;
    /* Gold */
}

/* Inputlar */
.form-group {
    margin-bottom: 20px;
}

.form-label {
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    display: block;
}

.form-control-custom {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s;
    background: #fff;
}

.form-control-custom:focus {
    border-color: #f5a623;
    /* Gold odaklanma */
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.15);
    outline: none;
}

/* Yolcu Başlıkları */
.passenger-title {
    font-size: 1rem;
    font-weight: 700;
    color: #042c5c;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #eef4fb;
    padding: 8px 12px;
    border-radius: 6px;
}

/* --- SAĞ TARAF: ÖZET KARTI (Önceki Sayfadan Miras Aldık + Güncelledik) --- */
.summary-card {
    background: #fff;
    border: 1px solid #042c5c;
    /* Lacivert Sınır */
    border-radius: 12px;
    overflow: hidden;
    position: sticky;
    top: 20px;
}

.summary-image {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.summary-body {
    padding: 20px;
}

.summary-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #042c5c;
    margin-bottom: 5px;
}

.summary-date {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 0.95rem;
    color: #555;
}

.summary-total {
    border-top: 2px dashed #eee;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 800;
    color: #042c5c;
    font-size: 1.2rem;
}

.summary-prepayment {
    background: #fff8e1;
    /* Çok açık sarı */
    color: #d35400;
    padding: 10px;
    border-radius: 8px;
    margin-top: 15px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #ffe0b2;
}

.btn-complete {
    width: 100%;
    background: #042c5c;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-complete:hover {
    background: #f5a623;
    color: #fff;
    transform: translateY(-2px);
}

/* KATEGORİLER SAYFALARI İÇİN Resim kapsayıcısının pozisyonunu koru (zaten varsa tekrar eklemene gerek yok) */
.ts-card__image-wrap {
    position: relative;
    overflow: hidden;
    /* Diğer mevcut stillerin... */
}

/* Genel Köşe Etiketi Stili */
.ts-corner-label {
    position: absolute;
    bottom: 10px;
    /* Alttan boşluk */
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
    line-height: 1;
}

/* SOL ALT ETİKET (Örn: Turuncu - Fırsat) */
.ts-label-left {
    left: 10px;
    background-color: #f39c12;
    /* Turuncu */
    /* İstersen gradient kullanabilirsin: */
    /* background: linear-gradient(45deg, #f1c40f, #e67e22); */
}

/* SAĞ ALT ETİKET (Örn: Mor - Çok Satan) */
.ts-label-right {
    right: 10px;
    background-color: #8e44ad;
    /* Mor */
    /* background: linear-gradient(45deg, #9b59b6, #8e44ad); */
}

/* Mobilde biraz küçültelim ki resmi kapatmasın */
@media (max-width: 768px) {
    .ts-corner-label {
        font-size: 10px;
        padding: 4px 8px;
        bottom: 8px;
    }

    .ts-label-left {
        left: 8px;
    }

    .ts-label-right {
        right: 8px;
    }
}



/* GENEL KART DETAY YAPISI */
.ts-card__details {
    background-color: #fff;
    border-top: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: none;
    /* Varsayılan gizli */
}

.ts-card__details.is-open {
    display: block;
    /* Açılınca görünür */
}

.ts-detail-inner {
    padding: 20px;
}

/* BAŞLIKLAR */
.ts-detail-title {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 8px;
}

.ts-detail-title i {
    color: #6b7280;
    font-size: 14px;
}

/* FİYAT BÖLÜMÜ */
.ts-price-summary {
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
}

.ts-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4b5563;
}

.ts-price-row .price {
    font-weight: 700;
    color: #111;
}

.ts-price-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #d1d5db;
}

.ts-price-total .total-label {
    font-size: 12px;
    color: #10b981;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ts-price-total .total-amount {
    font-size: 18px;
    font-weight: 800;
    color: #2563eb;
}

/* TUR ÖZELLİKLERİ */
.ts-mini-feature {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 10px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    height: 100%;
}

.ts-mini-feature:hover {
    border-color: #d1d5db;
    transform: translateY(-1px);
}

.ts-mini-feature i {
    font-size: 18px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border-radius: 50%;
    margin-right: 12px;
    flex-shrink: 0;
}

.ts-mini-feature i.text-primary {
    color: #2563eb;
    background: #eff6ff;
}

.ts-mini-feature i.text-warning {
    color: #f59e0b;
    background: #fffbeb;
}

.ts-mini-feature i.text-info {
    color: #06b6d4;
    background: #ecfeff;
}

.ts-mini-feature-content {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ts-mini-feature .lbl {
    font-size: 10px;
    color: #9ca3af;
    font-weight: 700;
    text-transform: uppercase;
}

.ts-mini-feature .val {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

/* İPUÇLARI */
.ts-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ts-tag-pill {
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ts-tag-pill i {
    color: #f59e0b;
    font-size: 13px;
}

/* RESPONSIVE AYARLAR */
@media (min-width: 992px) {
    .border-end-lg {
        border-right: 1px solid #e5e7eb;
    }

    .ts-detail-col {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .ts-detail-col {
        border-bottom: 1px solid #e5e7eb;
    }

    .ts-detail-col:last-child {
        border-bottom: none;
    }

    .ts-detail-inner {
        padding: 15px;
    }
}

/* 1. ADIM: Ana Kartın sarmalamaya izin vermesini sağlıyoruz */
.ts-card {
    display: flex;
    /* Mevcut yapınızda muhtemelen var */
    flex-wrap: wrap !important;
    /* BU ÇOK ÖNEMLİ: Öğelerin alt satıra geçmesine izin verir */
}

/* 2. ADIM: Detay kutusuna "Sen tek başına bir satırsın" diyoruz */
.ts-card__details {
    width: 100% !important;
    /* Tam genişlik */
    flex-basis: 100% !important;
    /* Flex yapısında tam yer kapla */
    min-width: 100%;
    /* Sıkışmayı önle */

    background-color: #fff;
    border-top: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    margin-top: 0;
    /* Üst boşluğu sıfırla */
    display: none;
    /* Varsayılan gizli */
}

/* Açıldığında görünür olsun */
.ts-card__details.is-open {
    display: block;
}

/* Diğer iç ayarlar (Önceki kodlardan) */
.ts-detail-inner {
    padding: 20px;
}

/* =========================================
   SAĞ SÜTUN (FİYAT VE BUTONLAR) DÜZELTMESİ
   ========================================= */

/* Sadece Masaüstü (Geniş Ekranlar) İçin Ayarlar */
@media (min-width: 992px) {

    .ts-card__action-col {
        /* Sol tarafa gri çizgi ekle */
        border-left: 1px solid #e5e7eb;

        /* İçerikleri çizgiden uzaklaştır */
        padding-left: 25px !important;
        margin-left: 65px;

        /* İçeriği dikeyde ortala ve yay */
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 180px;
        /* Kartın yüksekliği kadar esnesin */
    }

    /* Orta sütunun sağ tarafını biraz rahatlatalım */
    .ts-card__content-col {
        padding-right: 110px;
    }
}

/* Butonların arasını açalım */
.ts-card__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* İki buton arasına 10px boşluk */
    margin-top: 15px;
    width: 100%;
}

/* Butonların tam genişlikte ve şık durması için */
.ts-card__buttons .ts-btn {
    width: 100%;
    /* Butonları kutuya yay */
    text-align: center;
    justify-content: center;
    padding: 10px 15px;
}

/* Fiyat kutusunu biraz güzelleştirelim */
.ts-price-box {
    background: #f9fafb;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
    margin-bottom: 10px;
    text-align: center;
}



/* === SOL SEARCH / FİLTRE SIDEBAR === */
.solsearch {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .10);
    padding: 16px 14px;
    position: sticky;
    top: 90px;
}

/* Başlık */
.solsearch h2 {
    font-size: 16px;
    font-weight: 900;
    margin: 0 0 14px;
    letter-spacing: .2px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
}

.solsearch h2:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    box-shadow: 0 8px 18px rgba(59, 130, 246, .25);
}

/* Grup başlıkları */
.solsearch .sol-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solsearch .fw-bold {
    font-size: 12px;
    font-weight: 900 !important;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: .7px;
}

/* Chips */
.filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .25);
    background: rgba(15, 23, 42, .03);
    color: #0f172a;
    font-weight: 800;
    font-size: 12px;
    text-decoration: none;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.chip .x {
    font-weight: 900;
    opacity: .7
}

.chip:hover {
    transform: translateY(-1px);
    background: rgba(59, 130, 246, .08);
    border-color: rgba(59, 130, 246, .35);
}

.chip--clear {
    background: rgba(239, 68, 68, .08);
    border-color: rgba(239, 68, 68, .22);
}

.chip--clear:hover {
    background: rgba(239, 68, 68, .12);
}

.chip--info {
    background: rgba(99, 102, 241, .08);
    border-color: rgba(99, 102, 241, .22);
}

/* Search inputs */
.filter-search {
    position: relative;
    margin: 0 0 10px;
}

.filter-search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    opacity: .55;
}

.filter-search input {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, .30);
    background: #fff;
    padding: 10px 34px 10px 34px;
    font-weight: 700;
    font-size: 13px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.filter-search input:focus {
    border-color: rgba(99, 102, 241, .6);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .12);
}

.filter-search .clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 0;
    background: rgba(15, 23, 42, .06);
    font-weight: 900;
    cursor: pointer;
    opacity: .7;
}

.filter-search .clear:hover {
    opacity: 1
}

/* list-group görünümü */
.solsearch .list-group {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .20);
    background: #fff;
}

.solsearch .list-group-item {
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    padding: 11px 12px;
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    transition: background .18s ease, transform .18s ease, color .18s ease;
}

.solsearch .list-group-item:last-child {
    border-bottom: 0;
}

.solsearch .list-group-item .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solsearch .list-group-item:hover {
    background: rgba(59, 130, 246, .06);
    transform: translateX(2px);
    color: #0b2a55;
}

.solsearch .list-group-item.active {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);
}

.solsearch .list-group-item.active:hover {
    transform: none;
}

/* badge */
.solsearch .badge {
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08) !important;
    color: #0f172a;
}

.solsearch .list-group-item.active .badge {
    background: rgba(255, 255, 255, .18) !important;
    color: #fff;
}

/* Mobil */
@media (max-width:991px) {
    .solsearch {
        position: relative;
        top: auto;
        margin-bottom: 14px;
    }
}

/* KATEGORİLER SAYFALARI İÇİN BİTER */


/* REZERVASYON SAYFASI */
.summary-note {
    margin-top: 6px;
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.4;
}

.rez-note {
    font-size: .85rem;
    color: #64748b;
    line-height: 1.4;
}

.rez-message {
    padding: 10px 12px;
    border-radius: 12px;
    font-size: .92rem;
    line-height: 1.35;
    border: 1px solid rgba(148, 163, 184, .35);
    background: #f8fafc;
}

.rez-message.is-success {
    border-color: rgba(34, 197, 94, .35);
    background: rgba(34, 197, 94, .08);
}

.rez-message.is-error {
    border-color: rgba(239, 68, 68, .35);
    background: rgba(239, 68, 68, .08);
}

.btn-loading {
    font-weight: 700;
}

/* ANA BUTON */
#btnReservationSubmit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    min-height: 52px;

    border-radius: 14px;
    border: none;

    background: linear-gradient(135deg,
            #2563eb 0%,
            #1d4ed8 50%,
            #1e40af 100%);

    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.2px;

    cursor: pointer;
    overflow: hidden;

    box-shadow:
        0 10px 24px rgba(37, 99, 235, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.3s ease;
}

/* HOVER */
#btnReservationSubmit:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 32px rgba(37, 99, 235, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

/* ACTIVE (BASILI HAL) */
#btnReservationSubmit:active {
    transform: translateY(0);
    box-shadow:
        0 6px 14px rgba(37, 99, 235, 0.35),
        inset 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* LOADING HALİ */
#btnReservationSubmit:disabled {
    cursor: not-allowed;
    opacity: 0.9;
    background: linear-gradient(135deg,
            #64748b 0%,
            #475569 100%);
    box-shadow: none;
}

/* LOADING YAZISI */
#btnReservationSubmit .btn-loading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

/* SPINNER */
#btnReservationSubmit .btn-loading::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    animation: spin 0.9s linear infinite;
}

/* SPINNER ANİMASYONU */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* MOBİL */
@media (max-width: 576px) {
    #btnReservationSubmit {
        min-height: 48px;
        font-size: 0.95rem;
        border-radius: 12px;
    }
}

/* REZERVASYON SAYFASI BITER */

/* === TUR ARAMA KARTI (SAĞ SİDEBAR) === */

.tour-search-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
    padding: 18px 18px 20px;
    margin-bottom: 18px;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.tour-search-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.tour-search-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.tour-search-subtitle {
    font-size: 0.8rem;
    color: #6b7280;
}

.tour-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tour-search-field {
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .tour-search-field.date-field {
        flex: 0 0 55%;
    }

    .tour-search-field.guest-field {
        flex: 0 0 45%;
    }

    .tour-search-field.button-field {
        flex: 1 1 100%;
    }
}

.form-floating-pro {
    position: relative;
}

.form-control-pro.date-input-pro,
.form-control-pro {
    width: 100%;
    height: 65px;
    padding: 25px 40px 5px 20px;
    border: 1px solid #e2e8f0;
    border-radius: var(--border-radius);
    background-color: var(--bg-input);
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    appearance: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.form-control-pro:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.5);
    background: #ffffff;
}

.form-floating-pro label {
    position: absolute;
    left: 12px;
    top: -8px;
    background: #ffffff;
    padding: 0 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
}

.form-floating-pro label i {
    margin-right: 4px;
    color: #4f46e5;
}

/* Misafir seçici */
.guest-selector-wrapper {
    position: relative;
}

.guest-selector-wrapper .chevron-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #9ca3af;
}

.guest-dropdown-content {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    padding: 14px 14px 10px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.18s ease;
}

.guest-dropdown-content.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 10px;
}

.guest-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.guest-info {
    display: flex;
    flex-direction: column;
}

.guest-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
}

.guest-subtitle {
    font-size: 0.78rem;
    color: #6b7280;
}

.guest-controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-counter {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.btn-counter:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    transform: translateY(-1px);
}

.counter-value {
    min-width: 18px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
}

.child-ages-area {
    margin-top: 6px;
    max-height: 150px;
    overflow-y: auto;
    padding-right: 4px;
}

.child-age-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.child-age-label {
    font-size: 0.8rem;
    color: #374151;
}

.child-age-select {
    flex: 0 0 80px;
    min-height: 32px;
    font-size: 0.85rem;
}

.guest-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.btn-guest-done {
    border: none;
    border-radius: 999px;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #4f46e5;
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

.btn-guest-done:hover {
    background: #4338ca;
    transform: translateY(-1px);
}

/* Ara butonu */
.btn-search-pro {
    width: 100%;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #ffffff;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    box-shadow: 0 12px 22px rgba(79, 70, 229, 0.45);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
}

.btn-search-pro:disabled {
    opacity: 0.7;
    cursor: wait;
    box-shadow: none;
}

.btn-search-pro:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(79, 70, 229, 0.55);
}

.btn-search-pro .btn-icon i {
    font-size: 0.9rem;
}

/* Sonuç kartı */
#turSearchResult {
    margin-top: 16px;
}

.tur-result-card {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 14px 16px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.16);
    font-size: 0.9rem;
    color: #111827;
}

.tur-result-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.tur-result-card-header h4 {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
}

.tur-result-meta {
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.tur-result-total {
    font-size: 1rem;
    font-weight: 700;
    color: #16a34a;
}

.tur-result-error {
    border-radius: 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    padding: 10px 12px;
    font-size: 0.86rem;
}

.tur-result-loading {
    font-size: 0.86rem;
    color: #4b5563;
}

.tour-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (min-width: 768px) {
    .tour-search-field.date-field {
        flex: 0 0 55%;
    }

    .tour-search-field.guest-field {
        flex: 0 0 45%;
    }

    .tour-search-field.button-field {
        flex: 1 1 100%;
    }
}

/* === Tarih + Kişi + Buton: alt alta, ortalanmış, %80 genişlik === */
.tour-search-row {
    display: flex;
    flex-direction: column;
    /* hepsi alt alta */
    align-items: center;
    /* ortala */
    gap: 10px;
}

.tour-search-field {
    width: 80%;
    /* her satır %80 */
    max-width: 480px;
    /* istersen limit */
}

/* Eski media-query’yi ezmek için daha spesifik tanım */
@media (min-width: 768px) {

    .tour-search-row .tour-search-field.date-field,
    .tour-search-row .tour-search-field.guest-field,
    .tour-search-row .tour-search-field.button-field {
        flex: 0 0 auto;
        width: 80%;
        max-width: 480px;
    }
}

.guest-dropdown-content {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    padding: 14px 14px 10px;
    z-index: 9999;
    /* yüksek tut */
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.18s ease;
}

.booking-card {
    position: relative;
    overflow: visible !important;
    /* kesmeyi bırak */
}

/* İçteki grid satırları da kesmesin */
.tour-search-row,
.tour-search-field,
.guest-selector-wrapper {
    position: relative;
    overflow: visible !important;
}

/* KATEGORI SAYFALARI */

.tour-results-page {
    --tr-surface: #fffaf4;
    --tr-surface-strong: #ffffff;
    --tr-panel: #102536;
    --tr-panel-soft: #183e56;
    --tr-ink: #0f172a;
    --tr-muted: #5f6f7c;
    --tr-line: rgba(15, 23, 42, 0.1);
    --tr-line-strong: rgba(15, 23, 42, 0.16);
    --tr-accent: #0f9488;
    --tr-accent-soft: rgba(15, 148, 136, 0.12);
    --tr-sun: #f59e0b;
    --tr-sun-soft: rgba(245, 158, 11, 0.14);
    --tr-success: #0f9f6e;
    --tr-danger: #dc2626;
    --tr-shadow: 0 28px 80px rgba(15, 23, 42, 0.12);
    --tr-shadow-soft: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.tour-results-page .ts-card__meta-grid {
    margin-top: 0 !important;
}

.tour-results-page .sonucbaslik {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    margin-bottom: 28px;
    padding: 24px 26px;
    border: 1px solid rgba(219, 234, 254, 0.92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.16), transparent 32%),
        radial-gradient(circle at right center, rgba(245, 158, 11, 0.14), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 240, 0.96));
    box-shadow: var(--tr-shadow-soft);
    position: relative;
    overflow: hidden;
}

.tour-results-page .sonucbaslik::before {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    background:
        linear-gradient(120deg, rgba(15, 148, 136, 0.08), transparent 34%, transparent 70%, rgba(245, 158, 11, 0.08)),
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 16px);
    pointer-events: none;
}

.tour-results-page .sonucbaslik > * {
    position: relative;
    z-index: 1;
}

.tour-results-page .sonucbaslik__intro {
    display: grid;
    gap: 10px;
}

.tour-results-page .sonucbaslik__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    color: #0f9488;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tour-results-page .sonucbaslik__eyebrow::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background: linear-gradient(135deg, #0f9488, #f59e0b);
    box-shadow: 0 10px 18px rgba(15, 148, 136, 0.24);
    flex-shrink: 0;
}

.tour-results-page .sonucbaslik h2 {
    margin: 0;
    font-size: clamp(26px, 2.4vw, 36px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #0f172a;
}

.tour-results-page .sonucbaslik h2::after {
    content: "";
    display: block;
    width: 108px;
    height: 4px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f9488, rgba(15, 148, 136, 0.1) 58%, rgba(245, 158, 11, 0.95));
}

.tour-results-page .sonucbaslik__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.tour-results-page .sonucbaslik__summary span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.22);
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(148, 163, 184, 0.08);
}

.tour-results-page .sonucbaslik .count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    min-height: 76px;
    padding: 12px 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, #102536, #183e56);
    color: #f8fafc;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.03em;
    box-shadow: 0 22px 34px rgba(15, 23, 42, 0.18);
    text-align: center;
}

.tour-results-page .ts-card {
    display: grid;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.65fr);
    gap: 22px;
    margin-bottom: 24px;
    padding: 22px;
    border: 1px solid rgba(219, 234, 254, 0.9);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 240, 0.96)),
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.16), transparent 32%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.14), transparent 30%);
    box-shadow: var(--tr-shadow-soft);
    position: relative;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.tour-results-page .ts-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(15, 148, 136, 0.05), transparent 30%, transparent 70%, rgba(245, 158, 11, 0.08)),
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 16px);
    opacity: 0.9;
    pointer-events: none;
}

.tour-results-page .ts-card > * {
    position: relative;
    z-index: 1;
}

.tour-results-page .ts-card:hover {
    transform: translateY(-6px);
    border-color: rgba(20, 184, 166, 0.35);
    box-shadow: var(--tr-shadow);
}

.tour-category-results-page .ts-card {
    grid-template-columns: minmax(264px, 0.82fr) minmax(0, 1.78fr);
}

.tour-category-results-page .ts-card__image {
    max-width: 320px !important;
}

.tour-category-results-page .solsearch {
    position: static;
    top: auto;
}

.villa-category-results-page .villa-category-card {
    position: relative;
    isolation: isolate;
}

.villa-category-results-page > .row {
    align-items: flex-start;
}

.villa-category-results-page .villa-category-results-col {
    min-width: 0;
}

.villa-category-results-page .villa-category-results-col > * {
    max-width: 100%;
}

.villa-category-results-page .villa-category-card,
.villa-category-results-page .villa-category-card .ts-card__content-col,
.villa-category-results-page .villa-category-card .ts-card__body,
.villa-category-results-page .villa-category-card .ts-card__info-col,
.villa-category-results-page .villa-category-card .ts-card__action-col {
    min-width: 0;
    max-width: 100%;
}

.villa-category-results-page .villa-category-card {
    overflow: hidden;
}

@media (min-width: 768px) {
    .villa-category-results-page .solsearch {
        position: sticky;
        top: 12px;
        z-index: 5;
    }
}

.villa-category-results-page .villa-category-card .ts-card__badges--villa {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.villa-category-results-page .villa-category-card .ts-card__badges--villa > * {
    pointer-events: auto;
}

.villa-category-results-page .villa-category-card .ts-badge--villa-location {
    position: absolute;
    left: 16px;
    right: auto;
    bottom: 16px;
    background: rgba(7, 15, 25, 0.7);
    color: #f8fafc;
}

.villa-category-results-page .villa-category-card .ts-label-left {
    top: 16px;
    bottom: auto;
    left: 16px;
    right: auto;
}

.villa-category-results-page .villa-category-card .ts-label-right {
    top: 16px;
    bottom: auto;
    right: 16px;
    left: auto;
}

.villa-category-results-page .villa-category-card .ts-card__meta-grid {
    margin-top: 0 !important;
}

.villa-category-results-page .villa-category-card .ts-card__date-box {
    margin-top: 0;
}

.villa-category-results-page .villa-category-card .ts-card__form {
    padding: 10px 10px;
}

.villa-category-results-page .villa-category-card .ts-card__details {
    margin-top: 2px;
}

.villa-category-results-page .villa-category-card .ts-meta-item__copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.villa-category-results-page .villa-category-card .ts-meta-item__label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.villa-category-results-page .villa-category-card .ts-meta-item__value {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: var(--tr-ink);
}

.villa-category-results-page .villa-category-card .ts-meta-item--villa-distance .ts-meta-item__value {
    font-size: 12px;
    line-height: 1.3;
}

.tour-results-page .ts-card__image-col,
.tour-results-page .ts-card__content-col,
.tour-results-page .ts-card__info-col,
.tour-results-page .ts-card__action-col {
    min-width: 0;
}

.tour-results-page .ts-card__image-wrap {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border-radius: 24px;
    background: #0b1f2d;
    isolation: isolate;
}

.tour-results-page .ts-card__image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(9, 18, 28, 0.08) 0%, rgba(9, 18, 28, 0.18) 48%, rgba(9, 18, 28, 0.8) 100%);
    pointer-events: none;
}

.tour-results-page .ts-card__image {
    width: 100%;
    max-width: 346px !important;
    height: 100%;
    min-height: 186px;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform 0.65s ease, filter 0.45s ease;
    filter: saturate(1.05) contrast(1.04);
}

.tour-results-page .ts-card:hover .ts-card__image {
    transform: scale(1.08);
    filter: saturate(1.16) contrast(1.08);
}

.tour-results-page .ts-card__badges {
    position: absolute;
    inset: 16px 16px auto 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    z-index: 3;
}

.tour-results-page .ts-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.18);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tour-results-page .ts-badge i {
    font-size: 12px;
}

.tour-results-page .ts-badge--location {
    background: rgba(7, 15, 25, 0.7);
    color: #f8fafc;
}

.tour-results-page .ts-badge--success {
    background: rgba(15, 159, 110, 0.84);
    color: #ecfdf5;
}

.tour-results-page .ts-corner-label {
    position: absolute;
    top: auto;
    bottom: 16px;
    left: auto;
    right: auto;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 11px;
    border-radius: 12px;
    width: auto;
    max-width: calc(100% - 32px);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.2);
    line-height: 1;
    white-space: nowrap;
}

.tour-results-page .ts-label-left {
    left: 16px;
    right: auto;
    background: linear-gradient(135deg, #fb923c, #f59e0b);
}

.tour-results-page .ts-label-right {
    right: 16px;
    left: auto;
    background: linear-gradient(135deg, #0f9488, #14b8a6);
}

.tour-results-page .ts-card__content-col {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 18px;
    min-width: 0;
    padding: 6px 0 4px;
}

.tour-results-page .ts-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(220px, 0.45fr);
    gap: 18px;
    align-items: stretch;
}

.tour-results-page .ts-card__info-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.tour-results-page .ts-card__title h2 {
    margin: 0;
    font-size: clamp(24px, 2.1vw, 31px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: var(--tr-ink);
    text-wrap: balance;
}

.tour-results-page .ts-card__title h2::after {
    content: "";
    display: block;
    width: 92px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--tr-accent), rgba(15, 148, 136, 0), rgba(245, 158, 11, 0.5));
}

.tour-results-page .ts-card__meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0;
}

.tour-results-page .ts-meta-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: 1px 5px;
    border: 1px solid rgba(226, 232, 240, 0.85);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 32px rgba(148, 163, 184, 0.09);
    font-size: 12px;
    font-weight: 800;
    color: var(--tr-muted);
    line-height: 1.35;
}

.tour-results-page .ts-meta-item i {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(15, 148, 136, 0.14), rgba(245, 158, 11, 0.16));
    color: var(--tr-accent);
    font-size: 18px;
}

.tour-results-page .ts-meta-item span {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: normal;
    text-transform: none;
    color: var(--tr-ink);
    text-align: right;
}

.tour-results-page .ts-card__date-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    padding: 11px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(15, 148, 136, 0.1), rgba(245, 158, 11, 0.12));
    border: 1px solid rgba(15, 148, 136, 0.14);
    color: var(--tr-ink);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.tour-results-page .ts-card__date-box i {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: var(--tr-accent);
    font-size: 14px;
    box-shadow: inset 0 0 0 1px rgba(15, 148, 136, 0.14);
}

.tour-results-page .ts-card__action-col {
    display: flex;
    align-self: stretch;
}

.tour-results-page .ts-card__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-height: 100%;
    padding: 10px 10px;
    border-radius: 24px;
    background: #02578e;
    color: #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 38px rgba(15, 23, 42, 0.2);
}

.tour-results-page .ts-status {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.tour-results-page .ts-status--closed {
    color: #fff5f5;
    background: rgba(220, 38, 38, 0.22);
    border: 1px solid rgba(248, 113, 113, 0.32);
}

.tour-results-page .ts-price-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 5px 1px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    text-align: center;
}

.tour-results-page .ts-price-box--warning {
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(253, 186, 116, 0.24);
}

.tour-results-page .ts-price-box__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: rgba(226, 232, 240, 0.78);
}

.tour-results-page .ts-price-box__value {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
}

.tour-results-page .ts-price-box__amount {
    font-size: clamp(20px, 2.8vw, 2px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.tour-results-page .ts-card__buttons {
    display: grid;
    gap: 10px;
    margin-top: auto;
}

.tour-results-page .ts-btn {
    width: 100%;
    min-height: 22px;
    padding: 13px 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.tour-results-page .ts-btn i {
    font-size: 13px;
}

.tour-results-page .ts-btn--primary {
    color: #082032;
    background: linear-gradient(135deg, #f8fafc, #fde68a);
    box-shadow: 0 18px 30px rgba(8, 32, 50, 0.24);
}

.tour-results-page .ts-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 34px rgba(8, 32, 50, 0.3);
}

.tour-results-page .ts-btn--ghost {
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(226, 232, 240, 0.18);
}

.tour-results-page .ts-btn--ghost:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(226, 232, 240, 0.28);
}

.tour-results-page .ts-btn--disabled {
    color: rgba(226, 232, 240, 0.55);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.06);
    cursor: not-allowed;
    box-shadow: none;
}

.tour-results-page .ts-card__details {
    grid-column: 1 / -1;
    display: none;
    width: 100%;
    min-width: 0;
    margin-top: 2px;
    padding: 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 249, 241, 0.92), rgba(247, 250, 252, 0.96));
    border-radius: 24px;
}

.tour-results-page .ts-card__details.is-open {
    display: block;
}

.tour-results-page .ts-card__details.active.is-open,
.tour-results-page .ts-card__details.is-open {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(191, 219, 254, 0.88);
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.1);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 252, 0.96)),
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.14), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%);
}

.tour-results-page .ts-card__details.active.is-open::before,
.tour-results-page .ts-card__details.is-open::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(15, 148, 136, 0.05), transparent 34%, transparent 68%, rgba(245, 158, 11, 0.08)),
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.012) 0 1px, transparent 1px 16px);
    pointer-events: none;
}

.tour-results-page .ts-card__details.active.is-open > *,
.tour-results-page .ts-card__details.is-open > * {
    position: relative;
    z-index: 1;
}

.tour-results-page .ts-detail-col {
    display: flex;
}

.tour-results-page .ts-detail-inner {
    width: 100%;
    height: 100%;
    padding: 16px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 36px rgba(148, 163, 184, 0.1);
    backdrop-filter: blur(8px);
}

.tour-results-page .ts-detail-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: var(--tr-ink);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tour-results-page .ts-detail-title i {
    color: var(--tr-accent);
    font-size: 14px;
}

.tour-results-page .ts-price-summary {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(191, 219, 254, 0.82);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.1), transparent 28%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 14px 28px rgba(148, 163, 184, 0.08);
}

.tour-results-page .ts-price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.4);
    color: var(--tr-muted);
    font-size: 14px;
}

.tour-results-page .ts-price-row:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.tour-results-page .ts-price-row .price {
    color: var(--tr-ink);
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
}

.tour-results-page .ts-price-note {
    display: block;
    margin-top: 4px;
    color: #8a94a1;
    font-size: 11px;
    font-weight: 600;
}

.tour-results-page .ts-price-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 10px;
    border-top: 1px solid rgba(15, 148, 136, 0.12);
}

.tour-results-page .ts-price-total .total-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tr-success);
    font-size: 10px;
    font-weight: 800;
}

.tour-results-page .ts-price-total .total-amount {
    color: var(--tr-accent);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.tour-results-page .ts-mini-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 100%;
    padding: 10px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 1));
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.tour-results-page .ts-mini-feature:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 148, 136, 0.2);
    box-shadow: 0 16px 28px rgba(148, 163, 184, 0.12);
}

.tour-results-page .ts-mini-feature i {
    flex-shrink: 0;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-right: 0;
    border-radius: 16px;
    font-size: 17px;
}

.tour-results-page .ts-mini-feature i.text-primary {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.tour-results-page .ts-mini-feature i.text-warning {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.tour-results-page .ts-mini-feature i.text-info {
    background: rgba(6, 182, 212, 0.14);
    color: #0891b2;
}

.tour-results-page .ts-mini-feature-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    line-height: 1.45;
    width: 100%;
}

.tour-results-page .ts-mini-feature .lbl {
    color: #8a94a1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tour-results-page .ts-mini-feature .val {
    color: var(--tr-ink);
    font-size: 14px;
    font-weight: 800;
}

.tour-results-page .ts-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tour-results-page .ts-tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(255, 255, 255, 0.95);
    color: var(--tr-ink);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 22px rgba(148, 163, 184, 0.08);
}

.tour-results-page .ts-tag-pill i {
    font-size: 13px;
}

.tour-results-page .ts-tag-pill--success {
    border-color: rgba(16, 185, 129, 0.16);
    background: rgba(236, 253, 245, 0.95);
}

.tour-results-page .ts-tag-pill--success i {
    color: var(--tr-success);
}

.tour-results-page .ts-tag-pill--danger {
    border-color: rgba(248, 113, 113, 0.16);
    background: rgba(254, 242, 242, 0.95);
}

.tour-results-page .ts-tag-pill--danger i {
    color: var(--tr-danger);
}

@media (min-width: 992px) {
    .tour-results-page .border-end-lg {
        border-right: 0;
    }

    .tour-results-page .ts-card__action-col {
        border-left: 1px solid #e5e7eb;
        padding-left: 5px !important;
        margin-left: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 194px;
        margin-top: -21px;
    }
}

@media (max-width: 1199.98px) {
    .tour-results-page .ts-card {
        grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.45fr);
    }

    .tour-results-page .ts-card__body {
        grid-template-columns: minmax(0, 1fr);
    }

    .tour-results-page .ts-card__form {
        min-height: 0;
    }
}

@media (max-width: 991.98px) {
    .tour-results-page .sonucbaslik {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .tour-results-page .sonucbaslik .count-badge {
        min-width: 0;
        width: fit-content;
    }

    .tour-results-page .ts-card {
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 26px;
    }

    .tour-results-page .ts-card__body {
        grid-template-columns: 1fr;
    }

    .tour-results-page .ts-card__image {
        min-height: 260px;
    }

    .tour-results-page .ts-card__meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tour-results-page .ts-detail-col {
        margin-bottom: 14px;
    }

    .tour-results-page .ts-detail-col:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .tour-results-page .sonucbaslik {
        gap: 14px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .tour-results-page .sonucbaslik__eyebrow {
        font-size: 10px;
    }

    .tour-results-page .sonucbaslik h2 {
        font-size: 22px;
    }

    .tour-results-page .sonucbaslik__summary span {
        min-height: 30px;
        padding: 7px 11px;
        font-size: 11px;
    }

    .tour-results-page .sonucbaslik .count-badge {
        min-height: 58px;
        padding: 10px 14px;
        border-radius: 18px;
        font-size: 18px;
    }

    .tour-results-page .ts-card {
        gap: 16px;
        padding: 14px;
        border-radius: 22px;
    }

    .tour-results-page .ts-card__body {
        gap: 14px;
    }

    .tour-results-page .ts-card__image {
        min-height: 220px;
    }

    .tour-results-page .ts-card__badges {
        inset: 12px 12px auto 12px;
    }

    .tour-results-page .ts-badge {
        padding: 7px 11px;
        font-size: 10px;
        letter-spacing: 0.06em;
    }

    .tour-results-page .ts-corner-label {
        top: auto;
        bottom: 12px;
        min-height: 24px;
        padding: 5px 9px;
        font-size: 9px;
        max-width: calc(100% - 24px);
    }

    .tour-results-page .ts-label-left {
        left: 12px;
    }

    .tour-results-page .ts-label-right {
        right: 12px;
    }

    .tour-results-page .ts-card__title h2 {
        font-size: 22px;
    }

    .tour-results-page .ts-meta-item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
    }

    .tour-results-page .ts-card__meta-grid {
        grid-template-columns: 1fr;
    }

    .tour-results-page .ts-meta-item span {
        grid-column: 2;
        justify-content: flex-start;
        text-align: left;
    }

    .tour-results-page .ts-card__form,
    .tour-results-page .ts-detail-inner {
        padding: 18px 16px;
    }

    .tour-results-page .ts-card__details {
        padding: 14px;
    }
}

.container.mt-5 {
    margin-top: 0 !important;
}

h2 {
    font-size: 20px !important;
}

.tour-results-page .sonucbaslik h2,
.tour-results-page .ts-card__title h2,
.tour-results-page .solsearch h2,
.rentacar-results-page .rc-card__title h2,
.availability-calendar h2,
.season-price-header h2,
.editor-content h2,
.editor-content--classic h2,
.widget.recent-post .ozel-faq-headings h2,
.reservation-empty-state h2 {
    font-size: 20px !important;
}

body.child-age-modal-open {
    overflow: hidden;
}

.child-age-modal.child-age-modal--portal {
    position: fixed;
    inset: 0;
    z-index: 24000;
    display: none;
}

.child-age-modal.child-age-modal--portal.is-open {
    display: block;
}

.child-age-modal.child-age-modal--portal .child-age-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.child-age-modal.child-age-modal--portal .child-age-modal__dialog {
    position: relative;
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 36px);
    margin: 18px auto;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.24);
    overflow: auto;
}

.child-age-modal.child-age-modal--portal .child-age-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.child-age-modal.child-age-modal--portal .child-age-modal__close {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 12px;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.child-age-modal.child-age-modal--portal .child-age-modal__body {
    display: grid;
    gap: 10px;
}

.child-age-modal.child-age-modal--portal .child-age-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 18px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.child-age-modal.child-age-modal--portal .child-age-card.is-complete {
    border-color: rgba(15, 148, 136, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.child-age-modal.child-age-modal--portal .child-age-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.child-age-modal.child-age-modal--portal .child-age-index {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.child-age-modal.child-age-modal--portal .child-age-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6ff;
    color: #02578e;
    font-size: 11px;
    font-weight: 800;
}

.child-age-modal.child-age-modal--portal .child-age-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.child-age-modal.child-age-modal--portal .child-age-pill {
    min-width: 48px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.child-age-modal.child-age-modal--portal .child-age-pill:hover {
    transform: translateY(-1px);
    border-color: rgba(2, 87, 142, 0.28);
    background: #eff6ff;
}

.child-age-modal.child-age-modal--portal .child-age-pill.is-active {
    border-color: rgba(2, 87, 142, 0.38);
    background: linear-gradient(135deg, #02578e, #0f9488);
    color: #ffffff;
    box-shadow: 0 12px 20px rgba(2, 87, 142, 0.18);
}

.child-age-modal.child-age-modal--portal .child-age-pill:focus {
    outline: 0;
    border-color: rgba(2, 87, 142, 0.4);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.14);
}

.child-age-modal.child-age-modal--portal .child-age-modal__footer {
    margin-top: 14px;
}

.child-age-modal.child-age-modal--portal .child-age-save {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #102536, #02578e);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 18px 30px rgba(2, 87, 142, 0.18);
}

@media (max-width: 991.98px) {
    .child-age-modal.child-age-modal--portal .child-age-modal__dialog {
        width: calc(100vw - 18px);
        margin: 9px auto;
        padding: 14px;
        border-radius: 20px;
    }

    .child-age-modal.child-age-modal--portal .child-age-modal__head,
    .child-age-modal.child-age-modal--portal .child-age-card__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .child-age-modal.child-age-modal--portal.child-age-modal--home .child-age-modal__dialog {
        max-height: calc(100vh - 58px);
        bottom: 350px;
    }

    .child-age-modal.child-age-modal--portal.child-age-modal--results .child-age-modal__dialog {
        max-height: calc(100vh - 58px);
    }
}

@media (max-width: 767.98px) {
    .child-age-modal.child-age-modal--portal .child-age-options {
        gap: 6px;
    }

    .child-age-modal.child-age-modal--portal .child-age-pill {
        min-width: 44px;
        min-height: 38px;
        padding: 0 10px;
    }

    .child-age-modal.child-age-modal--portal.child-age-modal--results .child-age-modal__dialog {
        max-height: calc(100vh - 18px);
    }
}

.tour-results-page .solsearch {
    position: static;
    top: auto;
    padding: 22px 18px 18px;
    border: 1px solid rgba(219, 234, 254, 0.92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.15), transparent 32%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 240, 0.97));
    box-shadow: var(--tr-shadow-soft);
    overflow: visible;
}

.tour-results-page .solsearch__head {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
    padding: 0 2px 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.tour-results-page .solsearch__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: #0f9488;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tour-results-page .solsearch__eyebrow::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(135deg, #0f9488, #f59e0b);
    box-shadow: 0 8px 16px rgba(15, 148, 136, 0.22);
}

.tour-results-page .solsearch h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #0f172a;
    display: block;
}

.tour-results-page .solsearch h2::before {
    display: none;
}

.tour-results-page .solsearch__lead {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
}

.tour-results-page #turForm {
    position: relative;
}

.tour-results-page #turForm .row {
    --bs-gutter-x: 0;
    row-gap: 14px;
}

.tour-results-page .solsearch .form-floating-pro,
.tour-results-page .solsearch .guest-selector-wrapper,
.tour-results-page .solsearch .searchMenu-date {
    position: relative;
    z-index: 2;
    margin: 0;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 26px rgba(148, 163, 184, 0.08);
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.tour-results-page .solsearch .form-floating-pro:hover,
.tour-results-page .solsearch .guest-selector-wrapper:hover,
.tour-results-page .solsearch .searchMenu-date:hover {
    transform: translateY(-1px);
    border-color: rgba(15, 148, 136, 0.28);
    box-shadow: 0 16px 32px rgba(148, 163, 184, 0.12);
}

.tour-results-page .solsearch .form-floating-pro:focus-within,
.tour-results-page .solsearch .guest-selector-wrapper:focus-within,
.tour-results-page .solsearch .searchMenu-date:focus-within {
    border-color: rgba(15, 148, 136, 0.48);
    box-shadow: 0 0 0 4px rgba(15, 148, 136, 0.08), 0 16px 32px rgba(148, 163, 184, 0.12);
}

.tour-results-page .solsearch .form-select-pro,
.tour-results-page .solsearch .form-control-pro,
.tour-results-page .solsearch .custom-date-input {
    width: 100%;
    min-height: 60px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    box-shadow: none;
}

.tour-results-page .solsearch .form-select-pro,
.tour-results-page .solsearch .form-control-pro {
    padding: 18px 46px 18px 18px;
    border-radius: 22px;
}

.tour-results-page .solsearch .custom-date-input {
    padding: 18px 18px;
}

.tour-results-page .solsearch .form-select-pro {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.tour-results-page .solsearch .form-select-pro::placeholder,
.tour-results-page .solsearch .form-control-pro::placeholder,
.tour-results-page .solsearch .custom-date-input::placeholder {
    color: #94a3b8;
    font-weight: 700;
}

.tour-results-page .solsearch .searchMenu-date.px-30 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.tour-results-page .solsearch .searchMenu-date .text-light-1 {
    color: inherit !important;
}

.tour-results-page .solsearch .chevron-icon {
    right: 16px;
    color: #0f9488;
    opacity: 1;
}

.tour-results-page .solsearch .guest-selector-wrapper .chevron-icon {
    right: 16px;
}

.tour-results-page .solsearch .guest-dropdown-content {
    margin-top: 10px;
    border: 1px solid rgba(219, 234, 254, 0.95);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 26px 50px rgba(15, 23, 42, 0.14);
}

.tour-results-page .solsearch .guest-dropdown-content::before {
    border-bottom-color: rgba(255, 255, 255, 0.98);
}

.tour-results-page .solsearch .guest-row {
    padding: 14px 0;
    border-bottom-color: rgba(226, 232, 240, 0.8);
}

.tour-results-page .solsearch .guest-title {
    color: #0f172a;
    font-weight: 800;
}

.tour-results-page .solsearch .guest-subtitle {
    color: #64748b;
    font-weight: 600;
}

.tour-results-page .solsearch .child-age-panel {
    margin-top: 8px;
    padding: 14px;
    border: 1px solid rgba(191, 219, 254, 0.9);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
}

.tour-results-page .solsearch .child-age-panel__head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.tour-results-page .solsearch .child-age-title {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.tour-results-page .solsearch .child-age-hint {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
}

.tour-results-page .solsearch .child-age-summary {
    display: grid;
    gap: 8px;
}

.tour-results-page .solsearch .child-age-summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.95);
}

.tour-results-page .solsearch .child-age-summary-item.is-complete {
    border-color: rgba(15, 148, 136, 0.24);
    background: rgba(240, 253, 250, 0.96);
}

.tour-results-page .solsearch .child-age-summary-item__label {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.tour-results-page .solsearch .child-age-summary-item__value {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.tour-results-page .solsearch .child-age-launcher {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid rgba(2, 87, 142, 0.16);
    border-radius: 16px;
    background: linear-gradient(135deg, #f8fbff, #eef6ff);
    color: #02578e;
    font-size: 13px;
    font-weight: 900;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.tour-results-page .solsearch .child-age-launcher:hover {
    transform: translateY(-1px);
    border-color: rgba(2, 87, 142, 0.24);
    box-shadow: 0 14px 24px rgba(2, 87, 142, 0.1);
}

.tour-results-page .solsearch .child-age-launcher__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: rgba(2, 87, 142, 0.1);
}

.tour-results-page .solsearch .child-age-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: none;
}

.tour-results-page .solsearch .child-age-modal.is-open {
    display: block;
}

.tour-results-page .solsearch .child-age-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.tour-results-page .solsearch .child-age-modal__dialog {
    position: relative;
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 36px);
    margin: 18px auto;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.24);
    overflow: auto;
}

.tour-results-page .solsearch .child-age-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.tour-results-page .solsearch .child-age-modal__close {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 12px;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.tour-results-page .solsearch .child-age-modal__body {
    display: grid;
    gap: 10px;
}

.tour-results-page .solsearch .child-age-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 18px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.tour-results-page .solsearch .child-age-card.is-complete {
    border-color: rgba(15, 148, 136, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.tour-results-page .solsearch .child-age-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.tour-results-page .solsearch .child-age-index {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.tour-results-page .solsearch .child-age-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6ff;
    color: #02578e;
    font-size: 11px;
    font-weight: 800;
}

.tour-results-page .solsearch .child-age-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tour-results-page .solsearch .child-age-pill {
    min-width: 48px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.tour-results-page .solsearch .child-age-pill:hover {
    transform: translateY(-1px);
    border-color: rgba(2, 87, 142, 0.28);
    background: #eff6ff;
}

.tour-results-page .solsearch .child-age-pill.is-active {
    border-color: rgba(2, 87, 142, 0.38);
    background: linear-gradient(135deg, #02578e, #0f9488);
    color: #ffffff;
    box-shadow: 0 12px 20px rgba(2, 87, 142, 0.18);
}

.tour-results-page .solsearch .child-age-pill:focus {
    outline: 0;
    border-color: rgba(2, 87, 142, 0.4);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.14);
}

.tour-results-page .solsearch .child-age-modal__footer {
    margin-top: 14px;
}

.tour-results-page .solsearch .child-age-save {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #102536, #02578e);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 18px 30px rgba(2, 87, 142, 0.18);
}

.tour-results-page .solsearch .guest-validation-message {
    display: none;
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 14px;
    background: rgba(254, 242, 242, 0.95);
    color: #b91c1c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.tour-results-page .solsearch .guest-validation-message.is-visible {
    display: block;
}

.tour-results-page .solsearch .btn-counter {
    background: rgba(15, 148, 136, 0.08);
    color: #0f9488;
    border-color: rgba(15, 148, 136, 0.12);
}

.tour-results-page .solsearch .btn-counter:hover {
    background: rgba(15, 148, 136, 0.14);
    border-color: rgba(15, 148, 136, 0.22);
}

.tour-results-page .solsearch .btn-guest-done {
    background: linear-gradient(135deg, #0f9488, #0ea5a4);
    box-shadow: 0 16px 28px rgba(15, 148, 136, 0.24);
}

.tour-results-page .solsearch .btn-guest-done:hover {
    transform: translateY(-1px);
}

.tour-results-page .solsearch .btn-search-pro {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 62px;
    margin-top: 8px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #102536, #02578e);
    color: #f8fafc;
    box-shadow: 0 22px 36px rgba(2, 87, 142, 0.24);
}

.tour-results-page .solsearch .btn-search-pro:hover:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 26px 40px rgba(2, 87, 142, 0.26);
}

.tour-results-page .solsearch .btn-search-pro .btn-text {
    letter-spacing: 0.12em;
    font-weight: 900;
}

.tour-results-page .solsearch .btn-search-pro .btn-icon {
  background: rgba(255, 255, 255, 0.12);
}

.tour-results-page #rentACarForm.rentacar-form--2027 {
  display: grid;
  gap: 16px;
}

.tour-results-page #rentACarForm .rentacar-form__hero {
  display: grid;
  gap: 10px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: 22px;
  background: radial-gradient(circle at top right, rgba(15, 148, 136, 0.14), transparent 34%), linear-gradient(160deg, rgba(255, 255, 255, 0.99), rgba(240, 249, 255, 0.96));
  box-shadow: 0 18px 36px rgba(148, 163, 184, 0.1);
}

.tour-results-page #rentACarForm .rentacar-form__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: #02578e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tour-results-page #rentACarForm .rentacar-form__eyebrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: linear-gradient(135deg, #02578e, #0f9488);
  box-shadow: 0 10px 16px rgba(2, 87, 142, 0.22);
}

.tour-results-page #rentACarForm .rentacar-form__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.tour-results-page #rentACarForm .rentacar-form__summary span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(203, 213, 225, 0.72);
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 12px 20px rgba(148, 163, 184, 0.08);
}

.tour-results-page #rentACarForm .rentacar-form__grid {
  --bs-gutter-x: 0;
  row-gap: 14px;
}

.tour-results-page #rentACarForm .rentacar-form__field {
  display: grid;
  gap: 8px;
}

.tour-results-page #rentACarForm .rentacar-form__field-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 4px;
}

.tour-results-page #rentACarForm .rentacar-form__field-kicker {
  color: #0f172a;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tour-results-page #rentACarForm .rentacar-form__field-note {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.tour-results-page #rentACarForm .rentacar-form__submit {
  min-height: 64px;
  margin-top: 10px;
}

@media (max-width: 991.98px) {
body.child-age-modal-open {
    overflow: hidden;
}

.tour-results-page .solsearch {
        position: relative;
        top: 0;
        margin-bottom: 24px;
    }
}

@media (max-width: 767.98px) {
    .tour-results-page #rentACarForm .rentacar-form__hero {
        padding: 14px 14px 12px;
        border-radius: 18px;
    }

    .tour-results-page #rentACarForm .rentacar-form__field-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .tour-results-page #rentACarForm .rentacar-form__field-note {
        text-align: left;
    }

    .tour-results-page .solsearch {
        padding: 18px 14px 14px;
        border-radius: 22px;
    }

    .tour-results-page .solsearch h2 {
        font-size: 22px;
    }

    .tour-results-page .solsearch__lead {
        font-size: 12px;
    }

    .tour-results-page .solsearch .form-select-pro,
    .tour-results-page .solsearch .form-control-pro,
    .tour-results-page .solsearch .custom-date-input {
        min-height: 56px;
        font-size: 13px;
    }

    .tour-results-page .solsearch .child-age-card__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .tour-results-page .solsearch .child-age-summary-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .tour-results-page .solsearch .child-age-modal__dialog {
        width: calc(100vw - 18px);
        max-height: calc(100vh - 18px);
        margin: 9px auto;
        padding: 14px;
        border-radius: 20px;
    }

    .tour-results-page .solsearch .child-age-modal__head {
        flex-direction: column;
    }

    .tour-results-page .solsearch .child-age-options {
        gap: 6px;
    }

    .tour-results-page .solsearch .child-age-pill {
        min-width: 44px;
        min-height: 38px;
        padding: 0 10px;
    }
}



/* === SOL SEARCH / FİLTRE SIDEBAR === */
.solsearch {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .10);
    padding: 16px 14px;
    position: sticky;
    top: 90px;
}

/* Başlık */
.solsearch h2 {
    font-size: 21px;
    font-weight: 900;
    margin: 0 0 1px;
    letter-spacing: .2px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
}

.solsearch h2:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    box-shadow: 0 8px 18px rgba(59, 130, 246, .25);
}

/* Grup başlıkları */
.solsearch .sol-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solsearch .fw-bold {
    font-size: 12px;
    font-weight: 900 !important;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: .7px;
}

/* Chips */
.filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .25);
    background: rgba(15, 23, 42, .03);
    color: #0f172a;
    font-weight: 800;
    font-size: 12px;
    text-decoration: none;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.chip .x {
    font-weight: 900;
    opacity: .7
}

.chip:hover {
    transform: translateY(-1px);
    background: rgba(59, 130, 246, .08);
    border-color: rgba(59, 130, 246, .35);
}

.chip--clear {
    background: rgba(239, 68, 68, .08);
    border-color: rgba(239, 68, 68, .22);
}

.chip--clear:hover {
    background: rgba(239, 68, 68, .12);
}

.chip--info {
    background: rgba(99, 102, 241, .08);
    border-color: rgba(99, 102, 241, .22);
}

/* Search inputs */
.filter-search {
    position: relative;
    margin: 0 0 10px;
}

.filter-search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    opacity: .55;
}

.filter-search input {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, .30);
    background: #fff;
    padding: 10px 34px 10px 34px;
    font-weight: 700;
    font-size: 13px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.filter-search input:focus {
    border-color: rgba(99, 102, 241, .6);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .12);
}

.filter-search .clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 0;
    background: rgba(15, 23, 42, .06);
    font-weight: 900;
    cursor: pointer;
    opacity: .7;
}

.filter-search .clear:hover {
    opacity: 1
}

/* list-group görünümü */
.solsearch .list-group {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .20);
    background: #fff;
}

.solsearch .list-group-item {
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    padding: 11px 12px;
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    transition: background .18s ease, transform .18s ease, color .18s ease;
}

.solsearch .list-group-item:last-child {
    border-bottom: 0;
}

.solsearch .list-group-item .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solsearch .list-group-item:hover {
    background: rgba(59, 130, 246, .06);
    transform: translateX(2px);
    color: #0b2a55;
}

.solsearch .list-group-item.active {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);
}

.solsearch .list-group-item.active:hover {
    transform: none;
}

/* badge */
.solsearch .badge {
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08) !important;
    color: #0f172a;
}

.solsearch .list-group-item.active .badge {
    background: rgba(255, 255, 255, .18) !important;
    color: #fff;
}

/* Mobil */
@media (max-width:991px) {
    .solsearch {
        position: relative;
        top: auto;
        margin-bottom: 14px;
    }
}

/* KATEGORI SAYFALARI  BITER */
/* ================================================= */
/* === REZERVASYON ÖZET KARTI DETAY STİLLERİ === */
/* ================================================= */

/* Genel Özet Kartı Stili (Summary Card) */
/* CSS BLOKU AYNEN KALSIN (Kullanıcının verdiği tüm CSS) */
#page {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#page:after {
    display: none !important;
}


/* Form Alanı Genel */
.reservation-container {
    padding: 20px 0;
    background-color: #f8fbfe;
    margin-bottom: 0px !important;
}

/* Sol Taraf: Form Kutusu */
.form-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(4, 44, 92, 0.05);
    border: 1px solid #e1e5ee;
    margin-bottom: 20px;
}

.form-header {
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.form-title {
    color: #042c5c;
    /* Lacivert */
    font-weight: 700;
    font-size: 1.4rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-title i {
    color: #f5a623;
    /* Gold */
}

/* Inputlar */
.form-group {
    margin-bottom: 20px;
}

.form-label {
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    display: block;
}

.form-control-custom {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s;
    background: #fff;
}

.form-control-custom:focus {
    border-color: #f5a623;
    /* Gold odaklanma */
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.15);
    outline: none;
}

/* Yolcu Başlıkları */
.passenger-title {
    font-size: 1rem;
    font-weight: 700;
    color: #042c5c;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #eef4fb;
    padding: 8px 12px;
    border-radius: 6px;
}

/* --- SAĞ TARAF: ÖZET KARTI (Önceki Sayfadan Miras Aldık + Güncelledik) --- */
.summary-card {
    background: #fff;
    border: 1px solid #042c5c;
    /* Lacivert Sınır */
    border-radius: 12px;
    overflow: hidden;
    position: sticky;
    top: 20px;
}

.summary-image {

    width: 100%;
    object-fit: cover;
}

.summary-body {
    padding: 20px;
}

.summary-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #042c5c;
    margin-bottom: 5px;
}

.summary-date {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px;
    font-size: 0.95rem;
    color: #555;
}

.summary-total {
    border-top: 2px dashed #eee;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 800;
    color: #042c5c;
    font-size: 1.2rem;
}

.summary-prepayment {
    background: #fff8e1;
    /* Çok açık sarı */
    color: #d35400;
    padding: 10px;
    border-radius: 8px;
    margin-top: 1px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #ffe0b2;
}

.btn-complete {
    width: 100%;
    background: #042c5c;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    border: none;
    margin-top: 2px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-complete:hover {
    background: #f5a623;
    color: #fff;
    transform: translateY(-2px);
}

/* REZERVAAYON SAYFASI BITER */

.reservation-container--tour2027 {
    padding: 28px 0 40px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .10), transparent 24%),
        radial-gradient(circle at top right, rgba(245, 158, 11, .10), transparent 22%),
        linear-gradient(180deg, #f8fbff 0%, #f5f7fb 100%);
}

.reservation-container--tour2027 .container {
    max-width: 1280px;
}

.reservation-tour-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.reservation-tour-hero {
    padding: 28px 30px;
    border: 1px solid rgba(219, 234, 254, .96);
    border-radius: 34px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .14), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .12), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 28px 60px rgba(15, 23, 42, .08);
}

.reservation-tour-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .10);
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.reservation-tour-hero__title {
    margin: 14px 0 10px;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.04;
    letter-spacing: -.04em;
}

.reservation-tour-hero__desc {
    max-width: 760px;
    margin: 0;
    color: #475569;
    font-size: 1.02rem;
    line-height: 1.75;
}

.reservation-tour-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.reservation-tour-step {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid rgba(203, 213, 225, .92);
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: #64748b;
    font-weight: 700;
}

.reservation-tour-step.is-active {
    border-color: rgba(15, 118, 110, .18);
    background: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(14, 116, 144, .10));
    color: #0f172a;
}

.reservation-tour-shell {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.reservation-tour-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.reservation-tour-stat {
    padding: 18px 18px 16px;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 22px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .05);
}

.reservation-tour-stat__label {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.reservation-tour-stat strong {
    color: #0f172a;
    font-size: 1.12rem;
}

.reservation-tour-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reservation-container--tour2027 .form-box--tour2027 {
    padding: 28px;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 20px 46px rgba(15, 23, 42, .06);
}

.reservation-container--tour2027 .form-header--tour2027 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
}

.reservation-section-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .10);
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.reservation-container--tour2027 .form-title {
    color: #0f172a;
    font-size: 1.55rem;
    letter-spacing: -.02em;
}

.reservation-container--tour2027 .form-title i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    background: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(14, 116, 144, .10));
}

.reservation-section-note {
    max-width: 280px;
    margin: 0;
    color: #64748b;
    font-size: .94rem;
    line-height: 1.7;
}

.reservation-container--tour2027 .form-label {
    margin-bottom: 9px;
    color: #334155;
    font-size: .92rem;
    font-weight: 700;
}

.reservation-container--tour2027 .form-control-custom {
    min-height: 58px;
    padding: 15px 16px;
    border: 1px solid rgba(203, 213, 225, .96);
    border-radius: 18px;
    background: rgba(255, 255, 255, .92);
    color: #0f172a;
    font-size: .98rem;
}

.reservation-container--tour2027 .form-control-custom--textarea {
    min-height: 138px;
    resize: vertical;
}

.reservation-container--tour2027 .form-control-custom:focus {
    border-color: rgba(15, 118, 110, .44);
    box-shadow: 0 0 0 4px rgba(15, 118, 110, .10);
}

.reservation-passenger-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.reservation-passenger-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(14, 165, 233, .08);
    color: #0f172a;
    font-weight: 700;
}

.reservation-passenger-chip i {
    color: #0f766e;
}

.reservation-passenger-chip--child {
    background: rgba(245, 158, 11, .10);
}

.passenger-item--tour2027 {
    padding: 18px;
    margin-bottom: 14px;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 22px;
    background: rgba(248, 250, 252, .75);
}

.passenger-item--tour2027.passenger-item--child {
    background: linear-gradient(135deg, rgba(255, 247, 237, .92), rgba(255, 255, 255, .90));
}

.passenger-title--tour2027 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    background: transparent;
    color: #0f172a;
    font-size: 1rem;
}

.passenger-title__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    font-weight: 800;
}

.summary-card--tour2027 {
    border: 1px solid rgba(219, 234, 254, .96);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .08);
    top: 24px;
}

.summary-card__media {
    position: relative;
}

.summary-card--tour2027 .summary-image {
    width: 100%;
    min-height: 240px;
    max-height: 280px;
    object-fit: cover;
}

.summary-card__badge {
    position: absolute;
    left: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .72);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.summary-card--tour2027 .summary-body {
    padding: 22px;
}

.summary-region {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(15, 118, 110, .08);
    color: #0f766e;
    font-weight: 700;
}

.summary-card--tour2027 .summary-title {
    margin: 16px 0 10px;
    color: #0f172a;
    font-size: 1.42rem;
    line-height: 1.2;
}

.summary-card--tour2027 .summary-date {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(248, 250, 252, .92);
    color: #475569;
}

.summary-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0;
}

.summary-meta-item {
    padding: 12px 14px;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
}

.summary-meta-item__label {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.summary-meta-item strong {
    color: #0f172a;
    font-size: 1rem;
}

.summary-card--tour2027 .summary-row {
    align-items: center;
    padding: 10px 0;
    margin-bottom: 0;
    border-top: 1px dashed rgba(203, 213, 225, .78);
    color: #475569;
}

.summary-card--tour2027 .summary-row:first-of-type {
    border-top: none;
}

.summary-row__label,
.summary-row__value {
    display: inline-flex;
    align-items: center;
}

.summary-card--tour2027 .summary-prepayment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(15, 118, 110, .16);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(236, 254, 255, .94), rgba(239, 246, 255, .96));
    text-align: left;
}

.summary-card--tour2027 .summary-prepayment__label {
    color: #0f172a;
}

.summary-card--tour2027 .summary-prepayment__value {
    color: #0f766e;
    font-size: 1.12rem;
    font-weight: 800;
}

.reservation-assurance {
    display: grid;
    gap: 10px;
    margin: 18px 0 16px;
}

.reservation-assurance__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(248, 250, 252, .92);
    color: #475569;
    font-weight: 600;
}

.reservation-assurance__item i {
    color: #0f766e;
}

.reservation-container--tour2027 #btnReservationSubmit {
    min-height: 60px;
    border: none;
    border-radius: 20px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    box-shadow: 0 18px 34px rgba(11, 95, 131, .22);
}

.reservation-container--tour2027 #btnReservationSubmit:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e);
}

.reservation-container--tour2027 .rez-note {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 247, 237, .92);
    color: #9a3412;
    font-weight: 600;
}

.reservation-empty-state {
    padding: 52px 34px;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 32px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 22px 46px rgba(15, 23, 42, .08);
    text-align: center;
}

.reservation-empty-state__icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(15, 118, 110, .14), rgba(14, 116, 144, .10));
    color: #0f766e;
    font-size: 1.7rem;
}

.reservation-empty-state h2 {
    margin-bottom: 10px;
    color: #0f172a;
}

.reservation-empty-state p {
    max-width: 720px;
    margin: 0 auto;
    color: #64748b;
    line-height: 1.8;
}

.reservation-empty-state__action {
  display: inline-flex;
  align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 24px;
    padding: 12px 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.reservation-container--rentacar2027 {
  background: radial-gradient(circle at top left, rgba(2, 87, 142, .10), transparent 22%), radial-gradient(circle at top right, rgba(245, 158, 11, .10), transparent 18%), linear-gradient(180deg, #f7fbff 0%, #f3f7fb 100%);
}

.reservation-container--rentacar2027 .reservation-tour-hero__eyebrow,
.reservation-container--rentacar2027 .reservation-section-kicker,
.reservation-container--rentacar2027 .summary-region {
  color: #02578e;
  background: rgba(2, 87, 142, .10);
}

.reservation-container--rentacar2027 .reservation-tour-step.is-active {
  border-color: rgba(2, 87, 142, .18);
  background: linear-gradient(135deg, rgba(2, 87, 142, .12), rgba(15, 148, 136, .10));
}

.reservation-container--rentacar2027 .form-title i {
  color: #02578e;
  background: linear-gradient(135deg, rgba(2, 87, 142, .12), rgba(14, 165, 233, .10));
}

.reservation-container--rentacar2027 .form-control-custom:focus {
  border-color: rgba(2, 87, 142, .44);
  box-shadow: 0 0 0 4px rgba(2, 87, 142, .10);
}

.passenger-item--rentacar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92));
}

.reservation-doc-grid {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.reservation-doc-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 16px;
  background: rgba(248, 250, 252, .92);
  color: #475569;
  font-size: .92rem;
  font-weight: 700;
}

.reservation-doc-chip i {
  color: #02578e;
}

.summary-card--rentacar2027 .summary-card__badge {
  background: rgba(2, 87, 142, .78);
}

.reservation-finance-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.reservation-finance-card {
  display: grid;
  gap: 4px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(191, 219, 254, .95);
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(239, 246, 255, .94), rgba(255, 255, 255, .98));
}

.reservation-finance-card--soft {
  border-color: rgba(226, 232, 240, .95);
  background: linear-gradient(160deg, rgba(248, 250, 252, .98), rgba(255, 255, 255, .98));
}

.reservation-finance-card__label {
  color: #64748b;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.reservation-finance-card strong {
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.2;
}

.reservation-finance-card small {
  color: #64748b;
  font-size: .76rem;
  line-height: 1.5;
}

.reservation-container--rentacar2027 #btnReservationSubmit {
  background: linear-gradient(135deg, #02578e, #0f9488);
  box-shadow: 0 18px 34px rgba(2, 87, 142, .22);
}

.reservation-container--rentacar2027 #btnReservationSubmit:hover {
  background: linear-gradient(135deg, #0369a1, #0f9488);
}

.reservation-container--transfer2027 {
  background: radial-gradient(circle at top left, rgba(14, 116, 144, .10), transparent 22%), radial-gradient(circle at top right, rgba(245, 158, 11, .10), transparent 18%), linear-gradient(180deg, #f8fbff 0%, #f3f7fb 100%);
}

.reservation-container--transfer2027 .reservation-tour-hero__eyebrow,
.reservation-container--transfer2027 .reservation-section-kicker,
.reservation-container--transfer2027 .summary-region {
  color: #0b7285;
  background: rgba(8, 145, 178, .10);
}

.reservation-container--transfer2027 .reservation-tour-step.is-active {
  border-color: rgba(8, 145, 178, .18);
  background: linear-gradient(135deg, rgba(8, 145, 178, .12), rgba(245, 158, 11, .08));
}

.reservation-container--transfer2027 .form-title i {
  color: #0b7285;
  background: linear-gradient(135deg, rgba(8, 145, 178, .12), rgba(14, 116, 144, .08));
}

.reservation-container--transfer2027 .form-control-custom:focus {
  border-color: rgba(8, 145, 178, .42);
  box-shadow: 0 0 0 4px rgba(8, 145, 178, .10);
}

.transfer-time-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.transfer-time-card {
  padding: 16px;
  border: 1px solid rgba(226, 232, 240, .96);
  border-radius: 20px;
  background: rgba(248, 250, 252, .85);
}

.transfer-time-card--wide {
  background: linear-gradient(160deg, rgba(239, 246, 255, .96), rgba(255, 255, 255, .98));
}

.time-select {
  position: relative;
}

.time-select__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #0b7285;
  z-index: 1;
}

.time-select__control {
  padding-left: 44px;
}

.transfer-time-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 14px 16px;
  border: 1px dashed rgba(8, 145, 178, .24);
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  color: #334155;
  font-weight: 700;
}

.transfer-time-preview i {
  color: #0b7285;
}

.reservation-passenger-summary--transfer {
  margin-bottom: 14px;
}

.passenger-item--transfer {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92));
}

.summary-card--transfer2027 .summary-card__badge {
  background: rgba(8, 145, 178, .78);
}

.summary-route--transfer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid rgba(226, 232, 240, .94);
  border-radius: 18px;
  background: rgba(248, 250, 252, .92);
  color: #0f172a;
  font-weight: 700;
  flex-wrap: wrap;
}

.summary-route__pin,
.summary-route__arrow {
  color: #0b7285;
}

.reservation-container--transfer2027 #btnReservationSubmit {
  background: linear-gradient(135deg, #0b7285, #0f9488);
  box-shadow: 0 18px 34px rgba(8, 145, 178, .22);
}

.reservation-container--transfer2027 #btnReservationSubmit:hover {
    background: linear-gradient(135deg, #0891b2, #0f9488);
}

.reservation-container--villa2027 {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .10), transparent 22%),
        radial-gradient(circle at top right, rgba(245, 158, 11, .10), transparent 18%),
        linear-gradient(180deg, #f8fbff 0%, #f4f7fb 100%);
}

.reservation-container--villa2027 .reservation-tour-hero__eyebrow,
.reservation-container--villa2027 .reservation-section-kicker,
.reservation-container--villa2027 .summary-region {
    color: #0284c7;
    background: rgba(14, 165, 233, .10);
}

.reservation-container--villa2027 .reservation-tour-step.is-active {
    border-color: rgba(14, 165, 233, .18);
    background: linear-gradient(135deg, rgba(14, 165, 233, .12), rgba(20, 184, 166, .10));
}

.reservation-container--villa2027 .form-title i {
    color: #0284c7;
    background: linear-gradient(135deg, rgba(14, 165, 233, .12), rgba(20, 184, 166, .10));
}

.reservation-container--villa2027 .form-control-custom:focus {
    border-color: rgba(14, 165, 233, .40);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, .10);
}

.passenger-item--villa {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92));
}

.summary-card--villa2027 .summary-card__badge {
    background: rgba(2, 132, 199, .78);
}

.reservation-finance-card--villa2027 {
    border-color: rgba(186, 230, 253, .95);
    background: linear-gradient(160deg, rgba(240, 249, 255, .94), rgba(255, 255, 255, .98));
}

.reservation-container--villa2027 #btnReservationSubmit {
    background: linear-gradient(135deg, #0284c7, #0f766e);
    box-shadow: 0 18px 34px rgba(2, 132, 199, .22);
}

.reservation-container--villa2027 #btnReservationSubmit:hover {
    background: linear-gradient(135deg, #0ea5e9, #0f766e);
}

@media (max-width: 991.98px) {
  .reservation-tour-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reservation-container--tour2027 .form-header--tour2027 {
        flex-direction: column;
    }

    .reservation-section-note {
        max-width: none;
    }

  .summary-card--tour2027 {
    position: static;
  }

  .reservation-finance-cards {
    grid-template-columns: 1fr;
  }

  .transfer-time-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
    .reservation-container--tour2027 {
        padding: 18px 0 28px;
    }

    .reservation-tour-hero {
        padding: 22px 18px;
        border-radius: 26px;
    }

    .reservation-tour-overview {
        grid-template-columns: 1fr;
    }

    .reservation-container--tour2027 .form-box--tour2027 {
        padding: 20px 16px;
        border-radius: 24px;
    }

    .reservation-container--tour2027 .form-title {
        font-size: 1.28rem;
    }

    .reservation-container--tour2027 .form-title i {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .passenger-item--tour2027 {
        padding: 16px 14px;
        border-radius: 18px;
    }

    .summary-card--tour2027 .summary-body {
        padding: 18px 16px;
    }

    .summary-meta-grid {
        grid-template-columns: 1fr;
    }

    .summary-card--tour2027 .summary-prepayment {
        flex-direction: column;
        align-items: flex-start;
    }

    .reservation-empty-state {
        padding: 34px 18px;
        border-radius: 24px;
    }
}


/* ================================================= */
/* === VİLLA BİLGİ ÇUBUĞU STİLİ (.tour-info-bar) === */
/* ================================================= */

:root {
    --villa-primary: #007AFE;
    --border-radius-sm: 8px;
    --box-bg: #ffffff;
    --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.tour-info-bar {
    margin-top: 30px;
    margin-bottom: 30px;
}

.info-box {
    display: flex;
    align-items: center;
    background-color: var(--box-bg);
    border: 1px solid #e5e7eb;
    border-radius: var(--border-radius-sm);
    padding: 6px;
    box-shadow: var(--shadow-light);
    transition: box-shadow 0.3s ease;
    height: 100%;
    /* Row ile hizalamayı sağlar */
}

.info-box:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.info-icon {
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--villa-primary);
    background-color: #f0f8ff;
    /* Çok açık mavi arka plan */
    margin-right: 1px;
}

.info-content {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.info-title {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
}

.info-value {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dark, #1f2937);
    white-space: nowrap;
    /* Değerlerin bölünmesini engelle */
}

/* Kategoriye Özel Renk İnce Ayarları (Opsiyonel) */
.info-box.capacity .info-icon {
    color: #28a745;
    background-color: #e6ffe6;
}

/* Yeşil vurgu */
.info-box.bedroom .info-icon {
    color: #ffc107;
    background-color: #fff8e1;
}

/* Sarı/Altın vurgu */
.info-box.bathroom .info-icon {
    color: #007bff;
    background-color: #e6f7ff;
}

/* Mavi vurgu */
.info-box.location .info-icon {
    color: #dc3545;
    background-color: #ffe8e8;
}

/* VİLLA DAHİL HARİÇ BAŞLAR */

.availability-calendar .calendar-table td {
    height: 80px;
    /* Yükseklik olmazsa takvim basık görünür */
    vertical-align: top;
    position: relative;
    cursor: default;
}

.availability-calendar .calendar-table td .date {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

/* Fiyat etiketi stili */
.availability-calendar .calendar-table td .status {
    font-size: 11px;
    border-radius: 4px;
    padding: 2px 5px;
    display: inline-block !important;
    font-weight: 600;
}

/* Geçmiş Tarih */
.availability-calendar .calendar-table td.past-date {
    background-color: #f9f9f9;
    color: #ccc;
}



.feature-list-container {
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    /* Eğer bir kutu içinde değilse bunu açabilirsin:
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #eee; */
}

/* Başlıklar */
.feature-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.feature-title.title-included {
    color: #27ae60;
    border-color: rgba(39, 174, 96, 0.2);
}

.feature-title.title-excluded {
    color: #c0392b;
    border-color: rgba(192, 57, 43, 0.2);
}

/* Liste Elemanları (Genel) */
.feature-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    height: 100%;
    /* Yanyana elemanların yüksekliğini eşitler */
}

/* Hover Efekti */
.feature-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* DAHİL Olanlar (Yeşil Tema) */
.item-included {
    background-color: #f0fdf4;
    /* Çok açık yeşil */
    color: #166534;
    /* Koyu yeşil yazı */
    border: 1px solid #bbf7d0;
}

.item-included i {
    color: #16a34a;
    font-size: 16px;
    margin-right: 10px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

/* HARİÇ Olanlar (Kırmızı Tema) */
.item-excluded {
    background-color: #fef2f2;
    /* Çok açık kırmızı */
    color: #991b1b;
    /* Koyu kırmızı yazı */
    border: 1px solid #fecaca;
}

.item-excluded i {
    color: #dc2626;
    font-size: 16px;
    margin-right: 10px;
    background: #fff;
    border-radius: 50%;
    padding: 3px 4px;
    /* Çarpı ikonu biraz dar olduğu için */
}

/* Boş Durum Uyarısı */
.alert-empty {
    background: #f8f9fa;
    color: #6c757d;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-style: italic;
    border: 1px dashed #dee2e6;
}

.feature-list-container--tour2027 {
    margin-top: 22px;
    padding: 22px 20px 18px;
    border: 1px solid rgba(219, 234, 254, .92);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .12), transparent 28%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 24%),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .97));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .08);
}

.feature-list-container--tour2027 .feature-section + .feature-section {
    margin-top: 22px !important;
}

.feature-list-container--tour2027 .feature-title {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom-width: 1px;
    font-size: 1.05rem;
    letter-spacing: .08em;
}

.feature-list-container--tour2027 .feature-title i {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.feature-list-container--tour2027 .feature-title.title-included {
    color: #0f766e;
    border-color: rgba(15, 118, 110, .18);
}

.feature-list-container--tour2027 .feature-title.title-included i {
    color: #0f766e;
    background: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(14, 116, 144, .10));
}

.feature-list-container--tour2027 .feature-title.title-excluded {
    color: #9a3412;
    border-color: rgba(245, 158, 11, .18);
}

.feature-list-container--tour2027 .feature-title.title-excluded i {
    color: #d97706;
    background: linear-gradient(135deg, rgba(245, 158, 11, .12), rgba(251, 191, 36, .12));
}

.feature-list-container--tour2027 .feature-item {
    gap: 12px;
    min-height: 72px;
    padding: 14px 16px;
    border-radius: 18px;
    font-size: .96rem;
    font-weight: 700;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .04);
}

.feature-list-container--tour2027 .feature-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 30px rgba(15, 23, 42, .08);
}

.feature-list-container--tour2027 .feature-item i {
    width: 34px;
    height: 34px;
    min-width: 34px;
    margin-right: 0;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.feature-list-container--tour2027 .item-included {
    border-color: rgba(16, 185, 129, .18);
    background: linear-gradient(135deg, rgba(236, 253, 245, .96), rgba(240, 253, 250, .96));
    color: #14532d;
}

.feature-list-container--tour2027 .item-included i {
    color: #0f766e;
    background: rgba(255, 255, 255, .82);
}

.feature-list-container--tour2027 .item-excluded {
    border-color: rgba(245, 158, 11, .18);
    background: linear-gradient(135deg, rgba(255, 247, 237, .96), rgba(254, 249, 195, .86));
    color: #9a3412;
}

.feature-list-container--tour2027 .item-excluded i {
    color: #d97706;
    background: rgba(255, 255, 255, .82);
}

.feature-list-container--tour2027 .alert-empty {
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px dashed rgba(148, 163, 184, .45);
    background: rgba(248, 250, 252, .92);
    color: #64748b;
    font-weight: 600;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .feature-item {
        font-size: 13px;
        padding: 10px;
    }

    .feature-title {
        font-size: 15px;
    }

    .feature-list-container--tour2027 {
        padding: 18px 16px 16px;
        border-radius: 24px;
    }

    .feature-list-container--tour2027 .feature-title {
        font-size: .98rem;
        letter-spacing: .05em;
    }

    .feature-list-container--tour2027 .feature-title i {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .feature-list-container--tour2027 .feature-item {
        min-height: 64px;
        padding: 13px 14px;
        font-size: .92rem;
    }
}

/* VİLLA DAHİL HARİÇ BİTER */
/* VILLA ONEMLİ NOT BOLUMU BAŞLAR */
.ts-inc-box {
    background-color: #fff;
    /* Çok açık yeşil arka plan */
    border: 1px solid #dcfce7;
    /* İnce yeşil çerçeve */
    border-left: 4px solid #22c55e;
    /* Sol tarafta kalın yeşil çizgi */
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.ts-inc-box:hover {
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.1);
    transform: translateY(-2px);
}

/* Başlık Alanı */
.ts-inc-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #bbf7d0;
    /* Kesikli çizgi ayırıcı */
}

/* Tik İkonu Yuvarlağı */
.ts-inc-header .icon-box {
    width: 32px;
    height: 32px;
    background-color: #22c55e;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 14px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(34, 197, 94, 0.3);
}

/* Başlık Yazısı */
.ts-inc-header .title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #15803d;
    /* Koyu yeşil yazı */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* İçerik Yazısı */
.ts-inc-content {
    color: #374151;
    /* Koyu gri okunabilir metin */
    font-size: 14px;
    line-height: 1.8;
    font-weight: 500;
}

/* Eğer metin nl2br ile geliyorsa satır araları düzgün dursun */
.ts-inc-content br {
    display: block;
    margin-bottom: 8px;
    content: "";
}

.ts-inc-box--tour2027 {
    margin-bottom: 28px;
    padding: 22px 20px;
    border: 1px solid rgba(254, 215, 170, .86);
    border-left: none;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, .14), transparent 28%),
        radial-gradient(circle at bottom right, rgba(15, 118, 110, .08), transparent 24%),
        linear-gradient(155deg, rgba(255, 251, 235, .98), rgba(255, 255, 255, .97));
    box-shadow: 0 22px 46px rgba(15, 23, 42, .08);
}

.ts-inc-box--tour2027:hover {
    transform: translateY(-3px);
    box-shadow: 0 28px 54px rgba(15, 23, 42, .10);
}

.ts-inc-box--tour2027 .ts-inc-header {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(251, 191, 36, .22);
}

.ts-inc-box--tour2027 .ts-inc-header .icon-box {
    width: 42px;
    height: 42px;
    margin-right: 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 12px 20px rgba(245, 158, 11, .24);
}

.ts-inc-box--tour2027 .ts-inc-header .title {
    font-size: 1.02rem;
    color: #9a3412;
    letter-spacing: .08em;
}

.ts-inc-box--tour2027 .ts-inc-content {
    color: #4b5563;
    font-size: .97rem;
    line-height: 1.85;
}

.ts-inc-box--villa2027 {
    margin-bottom: 28px;
    padding: 22px 20px;
    border: 1px solid rgba(191, 219, 254, .9);
    border-left: none;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .13), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 24%),
        linear-gradient(155deg, rgba(248, 252, 255, .99), rgba(255, 255, 255, .97));
    box-shadow: 0 22px 46px rgba(15, 23, 42, .08);
}

.ts-inc-box--villa2027:hover {
    transform: translateY(-3px);
    box-shadow: 0 28px 54px rgba(15, 23, 42, .10);
}

.ts-inc-box--villa2027 .ts-inc-header {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(14, 165, 233, .16);
}

.ts-inc-box--villa2027 .ts-inc-header .icon-box {
    width: 42px;
    height: 42px;
    margin-right: 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    box-shadow: 0 12px 20px rgba(11, 95, 131, .22);
}

.ts-inc-box--villa2027 .ts-inc-header .title {
    font-size: 1.02rem;
    color: #0f172a;
    letter-spacing: .08em;
}

.ts-inc-box--villa2027 .ts-inc-content {
    color: #475569;
    font-size: .97rem;
    line-height: 1.85;
}

/* Mobil Uyum */
@media (max-width: 768px) {
    .ts-inc-box {
        padding: 15px;
    }

    .ts-inc-header .title {
        font-size: 15px;
    }

    .ts-inc-box--tour2027 {
        padding: 18px 16px;
        border-radius: 22px;
    }

    .ts-inc-box--tour2027 .ts-inc-header .icon-box {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .ts-inc-box--tour2027 .ts-inc-header .title {
        font-size: .95rem;
    }

    .ts-inc-box--tour2027 .ts-inc-content {
        font-size: .92rem;
    }

    .ts-inc-box--villa2027 {
        padding: 18px 16px;
        border-radius: 22px;
    }

    .ts-inc-box--villa2027 .ts-inc-header .icon-box {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .ts-inc-box--villa2027 .ts-inc-header .title {
        font-size: .95rem;
    }

    .ts-inc-box--villa2027 .ts-inc-content {
        font-size: .92rem;
    }
}

/* VILLA ONEMLİ NOT BOLUMU BİTER*/
/* VILLA sıde info2 başlar*/
.ts-sidecard {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .10);
    overflow: hidden;
    margin-top: 15px;
}

/* ✅ HAVALI HEADER */
.ts-sidecard__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, .25);
    background:
        radial-gradient(1200px 120px at 10% 0%, rgba(59, 130, 246, .18), transparent 60%),
        radial-gradient(900px 120px at 90% 0%, rgba(34, 197, 94, .14), transparent 55%),
        linear-gradient(180deg, rgba(248, 250, 252, .95), #fff);
}

.ts-sidecard__head:after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, rgba(59, 130, 246, .75), rgba(34, 197, 94, .55), rgba(59, 130, 246, .2));
    border-radius: 99px;
}

.ts-sidecard__head-left {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ts-sidecard__icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(59, 130, 246, .25);
    color: #1d4ed8;
}

.ts-sidecard__title {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ts-sidecard__title strong {
    font-weight: 900;
    color: #0f172a;
    letter-spacing: .2px;
}

.ts-sidecard__title small {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
}

.ts-sidecard__badge {
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    color: #0f172a;
    border: 1px solid rgba(15, 23, 42, .08);
    white-space: nowrap;
}

.ts-sidecard__body {
    padding: 10px 16px;
}

.ts-side-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(148, 163, 184, .35);
    font-size: 14px;
    align-items: center;
}

.ts-side-row:last-child {
    border-bottom: none;
}

/* ✅ ICON + LABEL */
.ts-side-row .k {
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 52%;
}

.ts-side-row .k i {
    width: 18px;
    text-align: center;
    opacity: .9;
    color: #003b70;
}

.ts-side-row .v {
    font-weight: 800;
    color: #0f172a;
    text-align: right;
}

.ts-sidecard--tour2027 {
    margin-top: 18px;
    border: 1px solid rgba(191, 219, 254, .9);
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 22px 48px rgba(15, 23, 42, .10);
}

.ts-sidecard--tour2027 .ts-sidecard__head {
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 252, .96));
}

.ts-sidecard--tour2027 .ts-sidecard__head:after {
    left: 18px;
    right: 18px;
    height: 3px;
    background: linear-gradient(90deg, #0f766e, rgba(14, 116, 144, .86), rgba(245, 158, 11, .72));
}

.ts-sidecard--tour2027 .ts-sidecard__icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(15, 118, 110, .14), rgba(14, 116, 144, .12));
    border-color: rgba(15, 118, 110, .18);
    color: #0f766e;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.ts-sidecard--tour2027 .ts-sidecard__title strong {
    font-size: 1.05rem;
    line-height: 1.25;
}

.ts-sidecard--tour2027 .ts-sidecard__title small {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #0f766e;
}

.ts-sidecard--tour2027 .ts-sidecard__body {
    padding: 14px 18px 18px;
}

.ts-sidecard--tour2027 .ts-side-row {
    gap: 16px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 18px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 20px rgba(15, 23, 42, .04);
}

.ts-sidecard--tour2027 .ts-side-row:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(226, 232, 240, .92);
}

.ts-sidecard--tour2027 .ts-side-row .k {
    min-width: 0;
    flex: 1 1 auto;
    color: #475569;
    font-weight: 700;
    gap: 10px;
}

.ts-sidecard--tour2027 .ts-side-row .k i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 118, 110, .10);
    color: #0f766e;
}

.ts-sidecard--tour2027 .ts-side-row .v {
    flex: 0 0 auto;
    padding-left: 10px;
    color: #0f172a;
    font-size: .98rem;
}

.ts-sidecard--villa2027 {
    margin-top: 18px;
    border: 1px solid rgba(191, 219, 254, .9);
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 22px 48px rgba(15, 23, 42, .10);
}

.ts-sidecard--villa2027 .ts-sidecard__head {
    padding: 18px 18px 16px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 252, .96));
}

.ts-sidecard--villa2027 .ts-sidecard__head:after {
    left: 18px;
    right: 18px;
    height: 3px;
    background: linear-gradient(90deg, #0ea5e9, rgba(20, 184, 166, .86), rgba(245, 158, 11, .72));
}

.ts-sidecard--villa2027 .ts-sidecard__icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(14, 165, 233, .14), rgba(20, 184, 166, .12));
    border-color: rgba(14, 165, 233, .18);
    color: #0284c7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.ts-sidecard--villa2027 .ts-sidecard__title strong {
    font-size: 1.05rem;
    line-height: 1.25;
}

.ts-sidecard--villa2027 .ts-sidecard__title small {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #0284c7;
}

.ts-sidecard--villa2027 .ts-sidecard__badge {
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0284c7);
    color: #fff;
    box-shadow: 0 10px 20px rgba(2, 132, 199, .18);
}

.ts-sidecard--villa2027 .ts-sidecard__body {
    padding: 14px 18px 18px;
}

.ts-sidecard--villa2027 .ts-side-row {
    gap: 16px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 18px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 20px rgba(15, 23, 42, .04);
}

.ts-sidecard--villa2027 .ts-side-row:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(226, 232, 240, .92);
}

.ts-sidecard--villa2027 .ts-side-row .k {
    min-width: 0;
    flex: 1 1 auto;
    color: #475569;
    font-weight: 700;
    gap: 10px;
}

.ts-sidecard--villa2027 .ts-side-row .k i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(14, 165, 233, .10);
    color: #0284c7;
}

.ts-sidecard--villa2027 .ts-side-row .v {
    flex: 0 0 auto;
    padding-left: 10px;
    color: #0f172a;
    font-size: .98rem;
}

@media (max-width: 767.98px) {
    .ts-sidecard--tour2027 {
        border-radius: 22px;
    }

    .ts-sidecard--tour2027 .ts-sidecard__head {
        padding: 16px 16px 14px;
    }

    .ts-sidecard--tour2027 .ts-sidecard__body {
        padding: 12px 16px 16px;
    }

    .ts-sidecard--tour2027 .ts-side-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ts-sidecard--tour2027 .ts-side-row .v {
        padding-left: 44px;
        text-align: left;
    }

    .ts-sidecard--villa2027 {
        border-radius: 22px;
    }

    .ts-sidecard--villa2027 .ts-sidecard__head {
        padding: 16px 16px 14px;
    }

    .ts-sidecard--villa2027 .ts-sidecard__body {
        padding: 12px 16px 16px;
    }

    .ts-sidecard--villa2027 .ts-side-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ts-sidecard--villa2027 .ts-side-row .v {
        padding-left: 44px;
        text-align: left;
    }
}

.ts-side-sep {
    height: 1px;
    background: rgba(148, 163, 184, .22);
    margin: 10px 0;
}

/* VILLA sıde info2 biter*/

/* VILLA  FAQ BOLUMU BASLAR  */
.ozel-faq-wrap {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .08);
    overflow: hidden;
    margin-top: 14px;
}

/* HEAD (başlık tablo içine) */
.ozel-faq-wrap__head {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, .25);
    background: linear-gradient(180deg, rgba(248, 250, 252, .95), #fff);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ozel-faq-wrap__head-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    color: #0f172a;
}

.ozel-faq-wrap__head-left i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(59, 130, 246, .25);
    color: #1d4ed8;
}

.ozel-faq-wrap__sub {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    padding-left: 44px;
    /* ikon hizası */
}

/* BODY */
.ozel-faq-wrap__body {
    padding: 14px 14px 16px;
}

.ozel-faq-wrap--villa2027 {
    margin-top: 18px;
    border: 1px solid rgba(191, 219, 254, .92);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .99), rgba(248, 250, 252, .98));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .10);
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__head {
    padding: 20px 22px 16px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .97));
    gap: 8px;
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__head-left {
    gap: 12px;
    color: #0f172a;
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__head-left i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(14, 165, 233, .14), rgba(20, 184, 166, .12));
    border: 1px solid rgba(14, 165, 233, .18);
    color: #0284c7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__head-left .t {
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__sub {
    padding-left: 54px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

.ozel-faq-wrap--villa2027 .ozel-faq-wrap__body {
    padding: 18px 18px 20px;
}

.ozel-faq-wrap--villa2027 .ozel-faq-container {
    gap: 12px;
}

.ozel-faq-wrap--villa2027 .ozel-faq-card {
    border-radius: 18px;
    border: 1px solid rgba(226, 232, 240, .92);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}

.ozel-faq-wrap--villa2027 .ozel-faq-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.10);
}

.ozel-faq-wrap--villa2027 .ozel-faq-header {
    padding: 18px 18px;
}

.ozel-faq-wrap--villa2027 .ozel-faq-title {
    font-size: 1rem;
    line-height: 1.45;
    color: #0f172a;
}

.ozel-faq-wrap--villa2027 .ozel-faq-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(14, 165, 233, .10);
    color: #0284c7;
}

.ozel-faq-wrap--villa2027 .ozel-faq-content {
    color: #475569;
}

@media (max-width: 767.98px) {
    .ozel-faq-wrap--villa2027 {
        border-radius: 22px;
    }

    .ozel-faq-wrap--villa2027 .ozel-faq-wrap__head {
        padding: 16px 16px 14px;
    }

    .ozel-faq-wrap--villa2027 .ozel-faq-wrap__sub {
        padding-left: 0;
    }

    .ozel-faq-wrap--villa2027 .ozel-faq-wrap__body {
        padding: 14px 14px 16px;
    }

    .ozel-faq-wrap--villa2027 .ozel-faq-header {
        padding: 16px 14px;
    }
}

/* FAQ list */
.ozel-faq-container {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* CARD */
.ozel-faq-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
    overflow: hidden;
    transition: all .25s ease;
}

.ozel-faq-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
}

/* HEADER */
.ozel-faq-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    position: relative;
    background: linear-gradient(180deg, rgba(248, 250, 252, .9), #fff);
}

.ozel-faq-header::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(59, 130, 246, .35), rgba(34, 197, 94, .35), rgba(59, 130, 246, .12));
}

.ozel-faq-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    padding-right: 40px;
}

/* ICON */
.ozel-faq-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 10px;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(59, 130, 246, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d4ed8;
    transition: all .25s ease;
}

.ozel-faq-icon i {
    transition: transform .25s ease;
}

/* ACTIVE */
.ozel-faq-card.aktif {
    border-color: rgba(59, 130, 246, .45);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .16);
}

.ozel-faq-card.aktif .ozel-faq-icon {
    background: linear-gradient(135deg, #3b82f6, #22c55e);
    border-color: transparent;
    color: #fff;
}

.ozel-faq-card.aktif .ozel-faq-icon i {
    transform: rotate(45deg);
}

/* BODY open/close */
.ozel-faq-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
}

.ozel-faq-card.aktif .ozel-faq-body {
    max-height: 700px;
    opacity: 1;
}

.ozel-faq-content {
    padding: 14px 16px 16px;
    font-size: 14px;
    line-height: 1.7;
    color: #334155;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

/* VILLA  FAQ BOLUMU BITER  */
/* TURREZDETAY2 BAŞLAR */

.tour-search-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
    padding: 18px 18px 20px;
    margin-bottom: 18px;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.tour-search-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.tour-search-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.tour-search-subtitle {
    font-size: 0.8rem;
    color: #6b7280;
}

.tour-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tour-search-field {
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .tour-search-field.date-field {
        flex: 0 0 55%;
    }

    .tour-search-field.guest-field {
        flex: 0 0 45%;
    }

    .tour-search-field.button-field {
        flex: 1 1 100%;
    }
}

.form-floating-pro {
    position: relative;
}

.form-control-pro.date-input-pro,
.form-control-pro {
    width: 100%;
    height: 65px;
    padding: 25px 40px 5px 20px;
    border: 1px solid #e2e8f0;
    border-radius: var(--border-radius);
    background-color: var(--bg-input);
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    appearance: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.form-control-pro:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.5);
    background: #ffffff;
}

.form-floating-pro label {
    position: absolute;
    left: 12px;
    top: -8px;
    background: #ffffff;
    padding: 0 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
}

.form-floating-pro label i {
    margin-right: 4px;
    color: #4f46e5;
}

/* Misafir seçici */
.guest-selector-wrapper {
    position: relative;
}

.guest-selector-wrapper .chevron-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #9ca3af;
}

.guest-dropdown-content {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    padding: 14px 14px 10px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.18s ease;
}

.guest-dropdown-content.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 10px;
}

.guest-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.guest-info {
    display: flex;
    flex-direction: column;
}

.guest-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
}

.guest-subtitle {
    font-size: 0.78rem;
    color: #6b7280;
}

.guest-controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-counter {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.btn-counter:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    transform: translateY(-1px);
}

.counter-value {
    min-width: 18px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
}

.child-ages-area {
    margin-top: 6px;
    max-height: 150px;
    overflow-y: auto;
    padding-right: 4px;
}

.child-age-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.child-age-label {
    font-size: 0.8rem;
    color: #374151;
}

.child-age-select {
    flex: 0 0 80px;
    min-height: 32px;
    font-size: 0.85rem;
}

.guest-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.btn-guest-done {
    border: none;
    border-radius: 999px;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #4f46e5;
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

.btn-guest-done:hover {
    background: #4338ca;
    transform: translateY(-1px);
}

/* Ara butonu */
.btn-search-pro {
    width: 100%;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #ffffff;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    box-shadow: 0 12px 22px rgba(79, 70, 229, 0.45);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
}

.btn-search-pro:disabled {
    opacity: 0.7;
    cursor: wait;
    box-shadow: none;
}

.btn-search-pro:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(79, 70, 229, 0.55);
}

.btn-search-pro .btn-icon i {
    font-size: 0.9rem;
}

/* Sonuç kartı */
#turSearchResult {
    margin-top: 16px;
}

.tur-result-card {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 14px 16px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.16);
    font-size: 0.9rem;
    color: #111827;
}

.tur-result-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.tur-result-card-header h4 {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
}

.tur-result-meta {
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.tur-result-total {
    font-size: 1rem;
    font-weight: 700;
    color: #16a34a;
}

.tur-result-error {
    border-radius: 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    padding: 10px 12px;
    font-size: 0.86rem;
}

.tur-result-loading {
    font-size: 0.86rem;
    color: #4b5563;
}

.tour-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (min-width: 768px) {
    .tour-search-field.date-field {
        flex: 0 0 55%;
    }

    .tour-search-field.guest-field {
        flex: 0 0 45%;
    }

    .tour-search-field.button-field {
        flex: 1 1 100%;
    }
}

/* === Tarih + Kişi + Buton: alt alta, ortalanmış, %80 genişlik === */
.tour-search-row {
    display: flex;
    flex-direction: column;
    /* hepsi alt alta */
    align-items: center;
    /* ortala */
    gap: 10px;
}

.tour-search-field {
    width: 80%;
    /* her satır %80 */
    max-width: 480px;
    /* istersen limit */
}

/* Eski media-query’yi ezmek için daha spesifik tanım */
@media (min-width: 768px) {

    .tour-search-row .tour-search-field.date-field,
    .tour-search-row .tour-search-field.guest-field,
    .tour-search-row .tour-search-field.button-field {
        flex: 0 0 auto;
        width: 80%;
        max-width: 480px;
    }
}

.guest-dropdown-content {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    padding: 14px 14px 10px;
    z-index: 9999;
    /* yüksek tut */
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.18s ease;
}

.booking-card {
    position: relative;
    overflow: visible !important;
    /* kesmeyi bırak */
}

/* İçteki grid satırları da kesmesin */
.tour-search-row,
.tour-search-field,
.guest-selector-wrapper {
    position: relative;
    overflow: visible !important;
}

/* Eğer sadece misafir inputu içinse (Daha spesifik) */
#guestDisplay.form-control-pro {
    padding-left: 25px !important;
    padding-top: 16px !important;
}

/* ================================================= */
/* === VİLLA FİYAT SONUÇ ALANI STİLLERİ === */
/* ================================================= */

/* Ana Sonuç Kapsayıcısı */
#villaSearchResult {
    margin-top: 20px !important;

}

/* 1. Yükleme ve Hata Mesajları */
.tur-result-loading,
.tur-result-error {
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.tur-result-loading {
    background: #eef4ff !important;
    color: #4f46e5 !important;
    border: 1px solid #c7d2fe !important;
}

.tur-result-error {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #b91c1c !important;
}

/* 2. AJAX ile Gelen Fiyat Kartı (villa_fiyat_hesapla.php'nin içeriği) */
/* NOT: villa_fiyat_hesapla.php çıktınızdaki ana div'e bu sınıfları eklediğinizi varsayıyorum. */
.tur-result-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 2px solid #e5e7eb !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 20px !important;
}

/* Fiyat Dökümü Satırları (Breakdown) */
.price-breakdown {
    border-bottom: 1px dashed #e5e7eb !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.breakdown-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 6px !important;
    font-size: 0.9rem !important;
}

.breakdown-row .item-desc {
    color: #4b5563 !important;
    font-weight: 500 !important;
}

.breakdown-row .item-value {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

/* İndirim Satırı (Vurgulu) */
.breakdown-row.discount-row {
    color: #ef4444 !important;
    /* Kırmızı metin */
    font-weight: 700 !important;
}

.breakdown-row.discount-row .item-value {
    color: #ef4444 !important;
}


/* 3. Toplam Fiyat Alanı */
.total-section {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-top: 1px solid #e5e7eb !important;
    /* Üstte çizgi */
    margin-top: 10px !important;
}

.total-label {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #3ca81d !important;
}

.total-value {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #10b981 !important;
    /* Yeşil vurgu rengi */
}

/* 4. Ön Ödeme Detayı */
.prepayment-section {
    background: #eef4fb;
    border: 1px dashed #042c5c;
    border-radius: 12px;
    padding: 15px;
    margin: 20px 0;
}

.prepayment-label {
    font-size: 0.8rem !important;
    color: #6b7280 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.prepayment-amount {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #f49e42 !important;
    /* Turuncu/Sarı vurgu */
}


/* 5. Rezervasyon Butonu */
.btn-reservation.js-go-reservation {
    width: 100% !important;
    margin-top: 20px !important;
    padding: 14px 20px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    border: none !important;
    background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(79, 70, 229, 0.4) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-reservation.js-go-reservation:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(79, 70, 229, 0.5) !important;
}

/* Mobil Düzeltme */
@media (max-width: 600px) {
    #villaSearchResult {
        padding: 0 0% !important;
        /* Mobilde tam genişlik kullan */
    }
}

/* TURREZDETAY2 BİTER */
/* ================================
   AVASAYFA VILLA GRID BAŞLAR
   ================================ */

/* ---- Root tokens (istersen admin temandaki değişkenlere bağla) ---- */
:root {
    --v-bg: #ffffff;
    --v-text: #0f172a;
    --v-muted: #64748b;
    --v-border: rgba(148, 163, 184, .35);
    --v-shadow: 0 14px 35px rgba(15, 23, 42, .12);
    --v-shadow-hover: 0 22px 55px rgba(15, 23, 42, .18);
    --v-radius: 18px;

    --v-brand: #4f46e5;
    /* indigo */
    --v-brand2: #7c3aed;
    /* purple */
    --v-accent: #f59e0b;
    /* amber */
    --v-danger: #ef4444;

    --v-glass: rgba(255, 255, 255, .78);
    --v-glass-border: rgba(255, 255, 255, .32);
}

/* ================================
   HEADER SECTION
   ================================ */
.header-section {
    position: relative;
    padding: 34px 18px 20px;
    margin: 10px auto 18px;
    max-width: 1200px;
    text-align: center;
}

.header-section__title {
    margin: 0;
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 1.15;
    font-weight: 900;
    color: var(--v-text);
    letter-spacing: -0.02em;
}

.header-section__title-accent {
    display: inline-block;
    background: linear-gradient(90deg, var(--v-brand), var(--v-brand2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-right: 8px;
}

.header-section__subtitle {
    margin: 10px auto 0;
    max-width: 720px;
    color: var(--v-muted);
    font-size: 15px;
    line-height: 1.7;
}

.header-section__separator {
    width: 110px;
    height: 5px;
    margin: 18px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--v-brand), var(--v-accent));
    box-shadow: 0 10px 20px rgba(79, 70, 229, .18);
}

/* ================================
   GRID LAYOUT
   ================================ */
.villa-grid {

    margin: 0 auto;
    padding: 6px 14px 10px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
}

@media (min-width: 640px) {
    .villa-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Laptop */
@media (min-width: 1024px) {
    .villa-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Büyük ekran – 4 kart */
@media (min-width: 1280px) {
    .villa-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ================================
   CARD ENHANCEMENTS
   ================================ */
/* Senin kart yapında en dış kutu: "max-w-sm ... rounded-xl ... shadow-2xl" */
.villa-grid .item>div {
    border-radius: var(--v-radius);
    border: 1px solid var(--v-border);
    background: var(--v-bg);
    box-shadow: var(--v-shadow);
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform, box-shadow, border-color;
    position: relative;
}

/* Hover hissi (mevcut tailwind hover scale ile uyumlu) */
.villa-grid .item>div:hover {
    box-shadow: var(--v-shadow-hover);
    border-color: rgba(79, 70, 229, .55);
}

/* Üst görsel alanına premium overlay + ışık efekti */
.villa-grid .item .relative {
    position: relative;
    overflow: hidden;
}

.villa-grid .item .relative::before {
    content: "";
    position: absolute;
    inset: -2px;
    background:
        radial-gradient(600px 220px at 10% 0%, rgba(255, 255, 255, .30), transparent 60%),
        radial-gradient(500px 260px at 90% 15%, rgba(79, 70, 229, .22), transparent 60%),
        linear-gradient(to top, rgba(15, 23, 42, .40), transparent 55%);
    opacity: .85;
    pointer-events: none;
}

.villa-grid .item img {
    display: block;
    width: 100%;
    height: 230px;
    /* görsel standardı */
    object-fit: cover;
    transition: transform .65s ease, filter .65s ease;
    filter: saturate(1.02) contrast(1.02);
}

.villa-grid .item>div:hover img {
    transform: scale(1.06);
    filter: saturate(1.10) contrast(1.05);
}

/* ================================
   HEART BUTTON (top-right)
   ================================ */
.villa-grid .item .fa-heart {
    transition: transform .2s ease, color .2s ease;
}

.villa-grid .item .absolute.top-3.right-3 {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: var(--v-glass);
    border: 1px solid var(--v-glass-border);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .14);
    transition: transform .2s ease, box-shadow .2s ease;
}

.villa-grid .item .absolute.top-3.right-3:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
}

.villa-grid .item .absolute.top-3.right-3:hover .fa-heart {
    transform: scale(1.08);
    color: var(--v-danger);
}

/* ================================
   LOCATION TAG (bottom-left)
   ================================ */
.villa-grid .item .absolute.bottom-0.left-0 {
    background: rgba(15, 23, 42, .72);
    border-top-right-radius: 16px;
    padding: 10px 12px;
    font-size: 12px;
    letter-spacing: .01em;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid rgba(255, 255, 255, .10);
    border-right: 1px solid rgba(255, 255, 255, .10);
}

/* ================================
   PRICE PILL (bottom-right)
   ================================ */
.villa-grid .item .absolute.bottom-0.right-0 {
    background: linear-gradient(135deg, var(--v-brand), var(--v-brand2));
    border-top-left-radius: 18px;
    padding: 10px 14px;
    box-shadow: 0 18px 45px rgba(79, 70, 229, .30);
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.villa-grid .item .absolute.bottom-0.right-0 .price {
    text-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}

/* ================================
   BADGE STACK (your custom)
   ================================ */
.villa-badge-stack {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 12;
}

.villa-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01em;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .14);
    border: 1px solid rgba(255, 255, 255, .20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: nowrap;
}

.villa-badge i {
    font-style: normal;
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .25));
}

.villa-badge.badge--accent-yellow {
    background: rgba(245, 158, 11, .18);
    color: #fff;
    border-color: rgba(245, 158, 11, .25);
}

.villa-badge.badge--primary-indigo {
    background: rgba(79, 70, 229, .16);
    color: #fff;
    border-color: rgba(79, 70, 229, .25);
}

/* ================================
   CONTENT AREA
   ================================ */
.villa-grid .item .p-5 {
    padding: 16px 16px 18px;
}

.villa-grid .item h2 {
    color: var(--v-text);
    letter-spacing: -0.01em;
}

.villa-grid .item hr {
    border-color: rgba(148, 163, 184, .25);
}

.villa-grid .item .space-y-3 {
    margin-top: 8px;
}

.villa-grid .item .space-y-3 .flex {
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(248, 250, 252, .75);
    border: 1px solid rgba(148, 163, 184, .20);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.villa-grid .item .space-y-3 .flex:hover {
    transform: translateY(-1px);
    border-color: rgba(79, 70, 229, .25);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .10);
}

/* Icon renk uyumu */
.villa-grid .item .space-y-3 i {
    opacity: .95;
}

/* ================================
   CTA BUTTON
   ================================ */
.villa-grid .item a.mt-4.block.w-full {
    border-radius: 14px;
    background: linear-gradient(135deg, var(--v-brand), var(--v-brand2));
    box-shadow: 0 16px 40px rgba(79, 70, 229, .30);
    border: 1px solid rgba(255, 255, 255, .16);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.villa-grid .item a.mt-4.block.w-full:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 55px rgba(79, 70, 229, .38);
    filter: brightness(1.02);
}

/* ================================
   ACCESSIBILITY / REDUCE MOTION
   ================================ */
@media (prefers-reduced-motion: reduce) {

    .villa-grid .item img,
    .villa-grid .item>div,
    .villa-grid .item .space-y-3 .flex,
    .villa-grid .item a.mt-4.block.w-full {
        transition: none !important;
    }
}

/* ================================
   SMALL FIXES
   ================================ */
.villa-grid .alert {
    grid-column: 1 / -1;
    margin: 12px 0;
}

/* ================================
   AVASAYFA VILLA GRID BITER
   ================================ */
/* ================================================= */
/* === RENTACAR anasayfa baslar=== */
/* ================================================= */

.rentacar-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rentacar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.card-image-container {
    position: relative;
}

.card-image {
    width: 100%;
    height: 220px;
    /* Sabit yükseklik */
    object-fit: cover;
}

/* Fiyat ve Konum Bantları */
.card-location-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(30, 41, 59, 0.8);
    /* Slate-800 benzeri */
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 6px 12px;
    border-top-right-radius: 12px;
}

.card-price-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #4f46e5;
    /* İndigo */
    color: #ffffff;
    padding: 8px 15px;
    border-top-left-radius: 12px;
    text-align: right;
}

.price-start-text {
    font-size: 0.75rem;
    opacity: 0.9;
}

.price-amount {
    font-size: 1.25rem;
    font-weight: 700;
}

/* İçerik Alanı */
.card-content {
    padding: 20px;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 10px;
    transition: color 0.2s;
    text-decoration: none;
    display: block;
}

.card-title:hover {
    color: #4f46e5;
}

.divider {
    border: 0;
    height: 1px;
    background-color: #e2e8f0;
    margin: 15px 0;
}

/* Bilgi Gridleri */
.car-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    font-size: 0.9rem;
    color: #4a5568;
    margin-bottom: 15px;
}

.info-item {
    display: flex;
    align-items: center;
}

.detail-icon {
    color: #4f46e5;
    /* İndigo */
    margin-right: 8px;
    font-size: 1rem;
}

.security-details {
    grid-column: span 2;
    font-weight: 600;
    color: #2d3748;
}

/* Etiketler (Badges) */
.badge-stack {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 10;
}

.badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.badge--accent-yellow {
    background-color: #fcd34d;
    /* Amber-400 */
    color: #451a03;
    /* Kahverengi/Siyah tonu */
}

.badge--primary-indigo {
    background-color: #467de5;
    color: #ffffff;
}

/* Detay Butonu */
.card-detail-button {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #467de5;
    color: #ffffff;
    padding: 9px 12px 10px;
    border-radius: 0 0 16px 16px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

.card-detail-button:hover {
    background-color: #4338ca;
    transform: translateY(-1px);
}



.car-info-grid {
    /* Genel grid yapısı */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    /* Dikeyde 12px, yatayda 16px boşluk */
    font-size: 0.875rem;
    /* 14px */
    color: #4b5563;
    /* Orta gri metin */
    margin-bottom: 15px;
    padding: 5px 0;
    /* Hafif iç boşluk */
}

.info-item {
    display: flex;
    align-items: center;
    /* transition: color 0.2s; - İsteğe bağlı hover efekti için */
}

/* Detay Simgeleri */
.detail-icon {
    /* Simge rengini daha canlı yapalım */
    color: #4f46e5;
    /* İndigo 600 */
    margin-right: 8px;
    font-size: 1rem;
    width: 20px;
    /* Simgelerin hizalanması için sabit genişlik */
    text-align: center;
}

/* Güvenlik Detayı (Airbag, ABS) */
.security-details {
    /* Bu satır iki sütunu kaplayacağı için grid-column: span 2 kullanılır */
    grid-column: span 2;
    font-weight: 600;
    padding: 4px 0;
    border-top: 1px dashed #e5e7eb;
    /* Hafif ayırıcı */
    margin-top: 5px;
    color: #10b981;
    /* Yeşil tonu ile güvenliği vurgulama */
}

.security-details .detail-icon {
    color: #10b981;
    /* Güvenlik simgesi yeşil */
}

.info-item span {
    font-weight: 500;
}


.info-item:hover {
    color: #1f2937;
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 2px;
}

/* ================================================= */
/* === RENTACAR anasayfa biter=== */
/* Hariç etiketleri */
.ts-tag-pill--danger {
    background: rgba(239, 68, 68, 0.08);
    color: #991b1b;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

/* icon kırmızı */
.ts-tag-pill--danger i {
    color: #dc2626;
}

/* TUR DETAY2 SSS BAŞLAR */


:root {
    --c-brand: #1e40af;
    /* kurumsal mavi */
    --c-title: #0f172a;
    /* koyu başlık */
    --c-text: #334155;
    /* normal metin */
    --c-muted: #64748b;
    /* ikincil */
    --c-border: rgba(15, 23, 42, .10);
    --c-bg: #ffffff;
    --c-soft: rgba(30, 64, 175, .08);
    --c-shadow: 0 10px 28px rgba(2, 6, 23, .08);
    --c-shadow-hover: 0 16px 44px rgba(2, 6, 23, .12);
    --c-radius: 16px;
}

/* ---------- HEADER (Kurumsal Panel) ---------- */
.ozel-faq-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;

    padding: 18px 18px;
    margin-bottom: 22px;

    border: 1px solid var(--c-border);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 14px 40px rgba(2, 6, 23, .06);
    position: relative;
    overflow: hidden;
}

.ozel-faq-section-header::before {
    content: "";
    position: absolute;
    inset: -60px -60px auto -60px;
    height: 150px;
    background: radial-gradient(650px 150px at 18% 38%, rgba(30, 64, 175, .14), transparent 62%);
    pointer-events: none;
    opacity: .9;
}

.ozel-faq-header-left {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.ozel-faq-accent {
    width: 5px;
    height: 54px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--c-brand), rgba(30, 64, 175, .35));
    box-shadow: 0 12px 26px rgba(30, 64, 175, .25);
    flex-shrink: 0;
    margin-top: 3px;
}

.ozel-faq-headings {
    min-width: 0;
}

.ozel-faq-headings h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.02em;
    color: var(--c-title);
    line-height: 1.15;
}

.ozel-faq-headings p {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: 650;
    color: var(--c-muted);
    line-height: 1.55;
    max-width: 760px;
}

.ozel-faq-header-right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, .08);
    background: rgba(15, 23, 42, .03);

    color: var(--c-title);
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

.ozel-faq-header-right i {
    color: var(--c-brand);
}

/* ---------- FAQ LIST ---------- */
.ozel-faq-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ozel-faq-card {
    border-radius: var(--c-radius);
    border: 1px solid var(--c-border);
    background: var(--c-bg);
    box-shadow: 0 8px 20px rgba(2, 6, 23, .06);
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    position: relative;
}

.ozel-faq-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--c-shadow-hover);
    border-color: rgba(30, 64, 175, .20);
}

.ozel-faq-card.aktif {
    box-shadow: var(--c-shadow);
    border-color: rgba(30, 64, 175, .26);
}

/* Header clickable area */
.ozel-faq-header {
    padding: 18px 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    user-select: none;
    background: #fff;
}

.ozel-faq-title {
    font-size: 15.5px;
    font-weight: bold;
    color: var(--c-title);
    line-height: 1.35;
    letter-spacing: -.01em;
    flex: 1;
    min-width: 0;
}

.ozel-faq-card.aktif .ozel-faq-title {
    color: var(--c-brand);
}

/* Icon */
.ozel-faq-icon {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: var(--c-soft);
    border: 1px solid rgba(30, 64, 175, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-brand);
    flex-shrink: 0;
    transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.ozel-faq-card.aktif .ozel-faq-icon {
    background: var(--c-brand);
    color: #fff;
    transform: rotate(45deg);
    border-color: rgba(255, 255, 255, .35);
}

/* Body */
.ozel-faq-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .40s ease, opacity .25s ease;
    background: #fff;
}

.ozel-faq-card.aktif .ozel-faq-body {
    max-height: 1200px;
    opacity: 1;
}

.ozel-faq-content {
    padding: 0 18px 18px 18px;
    color: var(--c-text);
    font-size: 14.8px;
    line-height: 1.75;
}

.ozel-faq-content p {
    margin: 10px 0;
}

.ozel-faq-content ul,
.ozel-faq-content ol {
    margin: 10px 0 10px 18px;
}

.ozel-faq-content a {
    color: var(--c-brand);
    font-weight: 750;
    text-decoration: none;
}

.ozel-faq-content a:hover {
    text-decoration: underline;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
    .ozel-faq-section-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ozel-faq-header-right {
        width: 100%;
        justify-content: flex-start;
    }

    .ozel-faq-headings h2 {
        font-size: 22px;
    }
}

/* ===============================
   WIDGET CONTAINER (Corporate)
================================ */

.widget.recent-post {
    position: relative;
    background: #ffffff;
    border-radius: 18px;

    /* İnce kurumsal border */
    border: 1px solid rgba(15, 23, 42, 0.10);

    /* Yumuşak ama kaliteli gölge */
    box-shadow:
        0 12px 30px rgba(2, 6, 23, 0.08),
        0 2px 6px rgba(2, 6, 23, 0.04);

    padding: 18px;
    margin-bottom: 30px;

    transition: box-shadow .25s ease, transform .25s ease;
}

/* Hover (çok hafif, profesyonel) */
.widget.recent-post:hover {
    box-shadow:
        0 18px 45px rgba(2, 6, 23, 0.12),
        0 4px 10px rgba(2, 6, 23, 0.06);
    transform: translateY(-1px);
}

.widget.recent-post.widget--tour2027 {
    padding: 22px 20px 20px;
    border: 1px solid rgba(219, 234, 254, .92);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(15, 118, 110, .12), transparent 28%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, .10), transparent 24%),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .97));
    box-shadow: 0 24px 52px rgba(15, 23, 42, .08);
}

.widget.recent-post.widget--tour2027:hover {
    transform: translateY(-2px);
    box-shadow: 0 28px 56px rgba(15, 23, 42, .10);
}

.widget.recent-post.widget--tour2027 .recent-post-item {
    margin-top: 4px;
}

.widget.recent-post.widget--tour2027 .ozel-faq-section-header {
    margin-bottom: 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    background: transparent;
    box-shadow: none;
}

.widget.recent-post.widget--tour2027 .ozel-faq-section-header::before {
    display: none;
}

.widget.recent-post.widget--tour2027 .ozel-faq-accent {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e, rgba(14, 116, 144, .88), rgba(245, 158, 11, .8));
    pointer-events: none;
}

.widget.recent-post.widget--tour2027 .ozel-faq-headings h2 {
    color: #0f172a;
    letter-spacing: -.02em;
}

.widget.recent-post.widget--tour2027 .ozel-faq-headings p {
    color: #64748b;
}

.widget.recent-post.widget--tour2027 .ozel-faq-container {
    gap: 12px;
}

.widget.recent-post.widget--tour2027 .ozel-faq-card {
    border-radius: 20px;
    border: 1px solid rgba(226, 232, 240, .95);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

.widget.recent-post.widget--tour2027 .ozel-faq-card:hover {
    border-color: rgba(15, 118, 110, .22);
    box-shadow: 0 18px 34px rgba(15, 23, 42, .07);
}

.widget.recent-post.widget--tour2027 .ozel-faq-header {
    padding: 18px 20px;
}

.widget.recent-post.widget--tour2027 .ozel-faq-header::after,
.widget.recent-post.widget--tour2027 .ozel-faq-icon {
    pointer-events: none;
}

.widget.recent-post.widget--tour2027 .ozel-faq-title {
    color: #0f172a;
}

.widget.recent-post.widget--tour2027 .ozel-faq-icon {
    background: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(14, 116, 144, .10));
    color: #0f766e;
}

.widget.recent-post.widget--tour2027 .ozel-faq-card.aktif {
    border-color: rgba(15, 118, 110, .24);
    background: rgba(255, 255, 255, .96);
}

.widget.recent-post.widget--tour2027 .ozel-faq-card.aktif .ozel-faq-icon {
    background: linear-gradient(135deg, #0f766e, #0b5f83);
}

@media (max-width: 576px) {
    .widget.recent-post.widget--tour2027 {
        padding: 18px 16px 16px;
        border-radius: 24px;
    }

    .widget.recent-post.widget--tour2027 .ozel-faq-header {
        padding: 16px 16px;
    }
}

/* Mobilde padding biraz daralsın */
@media (max-width: 576px) {
    .widget.recent-post {
        padding: 14px;
        border-radius: 16px;
    }
}

/* TUR DETAY2 SSS BİTER */
/* HEADER BAŞLAR */
/* Navigasyon listesini 2 satıra izin verecek şekilde ayarla */
.header-nav .nav-list {
    display: flex;
    flex-wrap: wrap;
    /* Sığmayan elemanları alt satıra atar */
    justify-content: center;
    /* Elemanları yatayda ortalar */
    gap: 10px 20px;
    /* Satırlar arası 10px, yan yana 20px boşluk bırakır */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Menü elemanlarının genişliğini ve hizalamasını düzenle */
.header-nav .nav-list>li {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    /* Metinlerin kırılmasını önler, yan yana tutar */
    flex: 0 0 auto;
}

.header-nav .nav-list>li>a {
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    outline: 0;
    will-change: auto;
}



/* Dropdown menülerin 2. satırda da doğru açılması için */
.header-nav .nav-list .dropdown-menu {
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

/* Dropdown temel */
.header-nav .nav-list>li.has-dropdown {
    position: relative;
}

.header-nav .nav-list>li.has-dropdown>.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 12px;
    padding: 2px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

/* Desktop hover ile aç */
@media (min-width: 992px) {
    .header-nav .nav-list>li.has-dropdown:hover>.dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

/* Dropdown konumunu tek kurala indir */
.header-nav .nav-list>li.has-dropdown>.dropdown-menu {
    top: calc(70% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

/* HEADER BİTER */
/* Mobil menü aç/kapa */
.mobile-menu-overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}

.mobile-menu-container {
    transform: translateX(110%);
    transition: transform .25s ease;
}

.mobile-menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-container.is-open {
    transform: translateX(0);
}

/* Body scroll kilidi */
.no-scroll {
    overflow: hidden;
}

/* Mobil dropdown */
.mobile-dropdown-toggle .mobile-sub-menu {
    display: none;
}

.mobile-dropdown-toggle.is-open .mobile-sub-menu {
    display: block;
}

.rez-note {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8fafc, #ffffff);
    border: 1px dashed rgba(148, 163, 184, 0.6);
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.5;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    position: relative;
}

.rez-note::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    font-size: 1.1rem;
    color: #3b82f6;
    margin-bottom: 6px;
}

@media (max-width: 576px) {
    .rez-note {
        font-size: 0.85rem;
        padding: 12px 14px;
    }
}

/* özel takvim başlar */
.custom-calendar {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 6px;
    width: 280px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 12px;
    z-index: 9999;
    font-family: 'Arial', sans-serif;
    overflow: hidden;
}

.calendar-header button {
    width: 32px;
    height: 32px;
    background-color: #f1f1f1;
    border: none;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.calendar-header button:hover {
    background-color: #4e54c8;
    color: #fff;
    transform: scale(1.1);
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

.calendar-day-header,
.calendar-day,
.calendar-empty {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.calendar-day-header {
    font-weight: bold;
    color: #666;
    font-size: 13px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.calendar-day {
    color: #444;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.calendar-day:hover {
    background-color: #e6f0ff;
}

.calendar-day.selected {
    background-color: #4e54c8;
    color: #fff;
    font-weight: bold;
}

.calendar-day.today {
    border: 1px dashed #4e54c8;
}

.calendar-day {
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /* Rakamlar beyaz */
    font-weight: bold;
}

.calendar-day.past {
    background-color: #e74c3c;
    /* Kırmızı */
}

.calendar-day.today {
    background-color: #3498db;
    /* Mavi */
}

.calendar-day.future {
    background-color: #2ecc71;
    /* Yeşil */
}

.calendar-day:hover:not(.past) {
    opacity: 0.85;
}

.calendar-day.selected {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #333;
}

.calendar-day:hover:not(.past) {
    background-color: #dcdcdc;
    /* hover için arka plan (opsiyonel) */
    color: #000;
    /* Hover olunca yazı siyah olsun */
}

/* Tarih input’unu güzelleştirme */
.custom-date-input {
    width: 100%;
    height: 65px;
    padding: 5px 40px 5px 15px;
    border: 1px solid #e2e8f0;
    border-radius: var(--border-radius);
    background-color: var(--bg-input);
    font-size: 16px;
    font-weight: 500;
    color: var(--text-dark);
    appearance: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.custom-date-input:focus {
    outline: none;
    border-color: #4e54c8;
    /* Focus’da renk değiştirme */
    box-shadow: 0 0 0 3px rgba(78, 84, 200, 0.2);
}

.calendar-header {
    position: relative;
    text-align: center;
}

.calendar-header .prev-month,
.calendar-header .next-month {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.calendar-header .prev-month {
    left: 0;
}

.calendar-header .next-month {
    right: 0;
}

.calendar-header .month-year {
    display: inline-block;
}

/* özel takvim biter */

/* search formda transfer toogle */
#toggleSearchForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* İkonu sağa yaslar */
    background: linear-gradient(135deg, #042c5c 0%, #06438c 100%);
    /* Kurumsal Mavi */
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(4, 44, 92, 0.15);
    user-select: none;
    position: relative;
    overflow: hidden;
}

/* Hover (Üzerine Gelince) Efekti */
#toggleSearchForm:hover {
    background: linear-gradient(135deg, #06438c 0%, #042c5c 100%);
    box-shadow: 0 6px 16px rgba(4, 44, 92, 0.25);
    transform: translateY(-2px);
}

/* Tıklama Efekti */
#toggleSearchForm:active {
    transform: translateY(0);
}

/* Sol Tarafa İkon Eklemek İçin (Pseudo Element) */
#toggleSearchForm::before {
    content: '\f002';
    /* FontAwesome Arama İkonu */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 12px;
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Sağ Tarafa Açılır/Kapanır Ok İşareti (Pseudo Element) */
#toggleSearchForm::after {
    content: '\f078';
    /* FontAwesome Aşağı Ok */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

/* Form Açıldığında Oku Döndürmek İçin (JS ile bu class'ı toggle yapabilirsin) */
#toggleSearchForm.is-active::after {
    transform: rotate(180deg);
}

/* Ok ikonunu hedefleyen özel stil */
.ts-badge--location .fa-arrow-right {
    display: inline-block;
    color: #f97316;
    /* Vurgu rengi (Turuncu) */
    font-size: 0.85rem;
    margin: 0 8px;
    animation: transferFlow 1.8s infinite ease-in-out;
    filter: drop-shadow(0 0 2px rgba(249, 115, 22, 0.4));
}

/* Hareket ve Parlama Animasyonu */
@keyframes transferFlow {
    0% {
        transform: translateX(-3px);
        opacity: 0.4;
    }

    50% {
        transform: translateX(3px);
        opacity: 1;
        /* Parlama efekti */
        text-shadow: 0 0 8px rgba(249, 115, 22, 0.8);
    }

    100% {
        transform: translateX(-3px);
        opacity: 0.4;
    }
}

/* Badge (Konteynır) için küçük bir dokunuş */
.ts-badge--location {
    display: block;
    align-items: center;
    background: rgba(241, 245, 249, 0.8);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    color: #334155;
    border: 1px solid #e2e8f0;
}

/* search formda transfer toogle biter */
/* VILLA ARAMA SONUC BEC BASLAR */
.ts-card__content-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
}

.ts-card__image {


	    max-width: 248px !important;

}

.sonuc-meta {
    font-size: 0.9rem;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.sonuc-meta .meta-sep {
    opacity: .6;
}

.sonuc-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sonuc-meta .meta-days {
    opacity: .85;
}

.semt-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(79, 70, 229, .10);
    border: 1px solid rgba(79, 70, 229, .18);
    color: #3730a3;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.semt-badge i {
    font-size: .9em;
    opacity: .9;
}

/* Mobilde semt badge otomatik alt satıra düşsün */
@media (max-width: 767.98px) {
    .sonuc-meta {
        gap: 10px;
    }

    .sonuc-meta .meta-sep {
        display: none;
    }

    .semt-badge {
        width: 100%;
        justify-content: flex-start;
    }
}

/* VILLA ARAMA SONUC BEC BİTER */
/* REZERVASYON SAYFASI SAĞ TARAF BAŞLAR */
.summary-image {
    height: 284px;
    width: 100%;
    object-fit: cover;
}

.summary-body {
    padding: 20px 18px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.summary-body {
    padding: 10px 10px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, .85);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.summary-title {
    font-size: 1.25rem;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}

.summary-route {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fafc, #ffffff);
    border: 1px solid rgba(226, 232, 240, .9);
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
}

.summary-route__pin {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    flex: 0 0 auto;
}

.summary-route__pin i {
    color: #4f46e5;
}

.summary-route__from,
.summary-route__to {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-route__arrow {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    flex: 0 0 auto;
}

.summary-route__arrow i {
    color: #334155;
}

.summary-date {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 12px;
    color: #475569;
    font-size: .95rem;
}

.summary-date i {
    color: #6366f1;
}

.summary-row,
.summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px;
    border-radius: 12px;
    background: #f9fafb;
    color: #334155;
}

.summary-row__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.summary-row__label i {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    color: #4f46e5;
    flex: 0 0 auto;
}

.summary-row__value .price {
    font-weight: 900;
    color: #0f172a;
}

.summary-total {
    background: linear-gradient(135deg, #eef2ff, #f8fafc);
    border: 1px dashed #c7d2fe;
}

.summary-prepayment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #ffffff;
}


.summary-prepayment__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: .9rem;
    opacity: .95;
    margin-bottom: 1px;
}

.summary-prepayment__label i {
    color: #93c5fd;
}

.summary-prepayment__value .price {
    font-size: 1.6rem;
    font-weight: 900;
    color: #facc15;
}

.btn-complete {
    width: 100%;
    padding: 14px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    font-weight: 800;
    font-size: 1rem;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 12px 28px rgba(37, 99, 235, .35);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn-complete:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(37, 99, 235, .45);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.btn-complete i {
    margin-left: 8px;
}

.summary-secure {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: .85rem;
    color: #64748b;
}

.summary-secure i {
    width: 26px;
    height: 26px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ecfdf5;
    color: #16a34a;
}

.time-select {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .45);
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.time-select:focus-within {
    border-color: rgba(79, 70, 229, .65);
    box-shadow: 0 16px 35px rgba(79, 70, 229, .15);
    transform: translateY(-1px);
}

.time-select__icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    color: #4f46e5;
    flex: 0 0 auto;
}

.time-select__control {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    font-weight: 800;
    color: #0f172a;
    padding: 6px 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.time-select::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
}

.time-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px dashed rgba(148, 163, 184, .55);
    color: #334155;
    font-weight: 700;
}

.time-preview i {
    color: #22c55e;
}

.summary-datetime {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid rgba(226, 232, 240, .9);
}

.summary-datetime .summary-date,
.summary-datetime .time-preview {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    color: #475569;
}

.summary-datetime .summary-date i {
    color: #6366f1;
}

.summary-datetime .time-preview {
    padding: 6px 10px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px dashed rgba(148, 163, 184, .55);
    font-weight: 600;
}

.summary-datetime .time-preview i {
    color: #22c55e;
}

/* Mobilde alt alta düşsün */
@media (max-width: 576px) {
    .summary-datetime {
        flex-direction: column;
        align-items: stretch;
    }

    .summary-datetime .time-preview {
        justify-content: center;
    }
}

/* REZERVASYON SAYFASI SAĞ TARAF BİTER */
/* VILLA DETAY DAKİ KİŞİ SEÇİMİ BAŞLAR */
.booking-summary-info {
    display: flex;
    flex-direction: column;
    /* 🔥 ALT ALTA */
    gap: 10px;
}

.summary-item {
    background: #f0f4f8;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #042c5c;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #dce4ec;
    /* 🔒 Tek satır kilidi */
    flex-wrap: nowrap;
    white-space: nowrap;
}

.kisi-select-pro {
    min-width: 64px;
    height: 36px;
    padding: 4px 28px 4px 10px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #042c5c;
    background-color: #ffffff;
    border: 2px solid #3b82f6;
    /* 🔵 belirgin mavi */
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    appearance: none;
    /* default oku gizle */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffb426;
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 8px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 8px;
    transition: all 0.2s ease;
}

.kisi-select-pro:hover {
    border-color: #2563eb;
    background-color: #f0f7ff;
}

.kisi-select-pro:focus {
    outline: none;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    background-color: #ffffff;
}

@media (max-width: 768px) {
    .kisi-select-pro {
        height: 40px;
        min-width: 72px;
        font-size: 1rem;
    }
}

/* VILLA DETAY DAKİ KİŞİ SEÇİMİ BİTER */
/* ANASAYFA XFERGRID BAŞLAR */

.rentacar-card.transfer-card-mini {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.rentacar-card.transfer-card-mini:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
    border-color: rgba(79, 70, 229, 0.9);
}

/* KART İÇİ */
.card-body-mini {
    padding: 12px 14px 8px;
}

/* ROTA SATIRI */
.card-route {
    margin-bottom: 8px;
}

.route-line {
    display: block;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  font-size: inherit;
    color: #4b5563;
    text-align: center;
    background: #f2f2f2;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
}

.route-from i {
    color: #ef4444;
}

.route-to i {
    color: #22c55e;
}

.route-arrow i {
    color: #6b7280;
}

/* KAPASİTE + FİYAT SATIRLARI (ÇOKLU) */
.card-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 1px;
    font-size: 0.9rem;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.9);
}

.card-meta-left .meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4b5563;
    font-weight: 500;
}

.card-meta-left .meta-item i {
    color: #0ea5e9;
}

.card-meta-right {
    flex-shrink: 0;
    text-align: right;
}

.card-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 800;
    background: linear-gradient(135deg, #4f46e5, #0ea5e9);
    color: #ffffff;
    white-space: nowrap;
}

.card-price--ask {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
    border-radius: 999px;
    padding: 4px 10px;
    font-weight: 600;
}

/* AYIRICI ÇİZGİ */
.divider {
    border: none;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
    margin: 8px 14px 6px;
}

/* DETAY BUTONU */
.card-detail-button {
    display: block;
    text-align: center;
    padding: 9px 12px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #467de5;
    border-radius: 0 0 16px 16px;
    transition: background 0.2s ease, color 0.2s ease;
}

.card-detail-button:hover {
    background: rgba(79, 70, 229, 0.08);
    color: #3730a3;
}

/* GRID YAPISI */
.tour-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 576px) {
    .tour-grid {
        gap: 14px;
    }

    .card-body-mini {
        padding: 10px 12px 8px;
    }
}

@media (min-width: 576px) {
    .tour-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .tour-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .tour-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.tour-grid .item .price {
    border-top-left-radius: 1.25rem;
    font-size: inherit;
}

/* ANASAYFA XFERGRID BİTER */
/* — MODUL SAYFALAR BASLAR — */
/* — Layout — */
.ky-layout-2col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
}

@media (max-width: 1100px) {
    .ky-layout-2col {
        grid-template-columns: 1fr;
    }

    .ky-aside {
        position: static;
        top: auto;
    }
}

/* — Page head uyumu — */
.page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.page-head .title-wrap h3 {
    margin: 0;
    font-weight: 700;
}

.page-head .sub {
    color: #6b7280;
    font-size: 14px;
    margin-top: 4px;
}

.toolbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* — Cards — */
.ky-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.ky-card__head {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ky-card__title {
    font-weight: 700;
}

.ky-card__body {
    padding: 16px;
}

/* — Form grid — */
.ky-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.ky-form-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
}

.col-12 {
    grid-column: span 12;
}

.col-6 {
    grid-column: span 6;
}

.col-4 {
    grid-column: span 4;
}

.col-8 {
    grid-column: span 8;
}

@media (max-width: 992px) {

    .col-6,
    .col-4,
    .col-8 {
        grid-column: span 12;
    }
}

/* — Sidebar — */
.ky-aside {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 12px;
}

.ky-meta {
    display: grid;
    gap: 8px;
    font-size: 14px;
    color: #374151;
}

.ky-meta .k {
    color: #6b7280;
    font-size: 12px;
}

.ky-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    background: #eef2ff;
    color: #344b9b;
    border: 1px solid #d7defc;
    border-radius: 999px;
    padding: 4px 10px;
}

.ky-badge.gray {
    background: #f3f4f6;
    color: #374151;
    border-color: #e5e7eb;
}

.ky-badge.ok {
    background: #ecfdf5;
    color: #047857;
    border-color: #bbf7d0;
}

.ky-badge.warn {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fed7aa;
}

/* — Helpers — */
.req {
    color: #ef4444;
}

.ky-help {
    color: #6b7280;
    font-size: 12px;
}

.ky-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ky-preview {
    max-height: 200px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    display: none;
    margin-top: 10px;
}

/* — MODUL SAYFALAR BITER — */
/* — blog SAYFALAR baslar — */
/* --- OKUMA İLERLEME ÇUBUĞU --- */
#reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
    z-index: 9999;
    transition: width 0.1s;
}

/* --- heroblog SECTION (SİNEMATİK KAPAK) --- */
.blog-heroblog {
    position: relative;
    height: 65vh;
    /* Ekranın %80'i */
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    /* Parallax Efekti */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-heroblog::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(5, 30, 52, 0.24), rgba(206, 232, 255, 0.17));
    /* Karartma */
}

.heroblog-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 20px;
    color: #fff;
    animation: fadeInUp 1s ease-out;
}

.heroblog-tag {
    display: inline-block;
    padding: 6px 15px;
    background: #8cc63f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    border-radius: 50px;
}

.heroblog-title {
    font-family: 'Playfair Display', serif;
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 20px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    color: white;
}

.heroblog-desc {
    font-size: 1.3rem;
    font-weight: 300;
    opacity: 0.9;
    background: #d9d6d6;
    padding: 10px;
    border-radius: 10px;
    color: black;
}

/* --- İÇERİK ALANI (DERGİ DÜZENİ) --- */
.blog-wrapper {
    position: relative;
    max-width: 1000px;
    margin: -100px auto 50px;
    /* Resmi yukarı doğru ezer */
    z-index: 10;
    display: flex;
    gap: 40px;
    padding: 0 20px;
}

/* Sol Taraf: Sticky Paylaşım */
.sticky-sidebar {
    position: sticky;
    top: 100px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 60px;
    padding-top: 20px;
}

.share-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    font-size: 18px;
}

.share-btn:hover {
    background: var(--accent-color);
    color: #fff;
    transform: translateY(-3px);
}

/* Ana Metin Kutusu */
.article-container {
    background: #fff;
    padding: 60px;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
    flex: 1;
}

/* Metin Tipografisi */
.article-body {
    font-size: 1.15rem;
    line-height: 1.9;
    color: #4a5568;
}

.article-body p {
    margin-bottom: 25px;
}

/* İlk Harf Büyütme (Drop Cap) */
.article-body>p:first-of-type::first-letter {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    float: left;
    line-height: 0.8;
    margin-right: 15px;
    margin-top: 5px;
    color: var(--primary-color);
}

/* Editörden gelen resimler taşmasın */
.article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 30px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.article-body h2,
.article-body h3 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-color);
    margin-top: 40px;
}

.article-body blockquote {
    border-left: 4px solid var(--accent-color);
    margin: 30px 0;
    padding: 20px 30px;
    background: #fdfbf7;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    color: #333;
}

/* --- MOBİL UYUM --- */
@media (max-width: 992px) {
    .blog-heroblog {
        height: 60vh;
    }

    .heroblog-title {
        font-size: 2.5rem;
    }

    .blog-wrapper {
        flex-direction: column;
        margin-top: 0;
        padding: 0;
    }

    .sticky-sidebar {
        display: none;
    }

    /* Mobilde yan barı gizle */
    .article-container {
        padding: 30px 20px;
        border-radius: 0;
        box-shadow: none;
    }

    .article2-container {
        background: #fff;
        padding: 49px;
        border-radius: 8px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
        flex: 1;
        margin-top: 0px !important;
    }

    .pro-search-tabs .nav-item {
        flex: 1;
        display: grid !important;
    }

    .search-body {
        background: #fff;
        padding: 10px !important;
        border-radius: 0 0 12px 12px;
    }

    .rentacar-card {
        margin: 20px !important;
    }

    .tour-grid {

        padding: 20px !important;
    }

}

/* Animasyon */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rentacar-card {
    margin: 10px !important;
}

/* — blog SAYFALAR biter — */
#toTop.visible {

    display: none !important;
}

/* RESET – footer / body ile kavga etmesin */
.wa-float,
.wa-panel {
    all: unset;
}

/* Floating Button */
.wa-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 99999;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}

/* Panel */
.wa-panel {
    position: fixed;
    right: 18px;
    bottom: 84px;
    width: 260px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    z-index: 99999;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: .25s ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.wa-panel.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Header */
.wa-header {
    background: #25D366;
    color: #fff;
    padding: 12px 14px;
    font-weight: 600;
    border-radius: 14px 14px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wa-close {
    cursor: pointer;
    font-size: 20px;
}

/* Items */
.wa-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
}

.wa-item:last-child {
    border-bottom: none;
}

.wa-item i {
    font-size: 20px;
    color: #25D366;
}

/* Status */
.wa-status {
    margin-left: auto;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 20px;
}

.wa-status.online {
    background: #e6f9ef;
    color: #1e9e5a;
}

body {
    padding-bottom: 0px !important;
}

.season-price-header--villa2027 {
    margin: 42px 0 24px;
    padding: 22px 24px;
    text-align: left;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.1), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
}

.season-price-header--villa2027 h2 {
    margin: 0;
    font-size: clamp(1.45rem, 1.15rem + 0.7vw, 2rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.season-price-header--villa2027 h2::after {
    content: "";
    display: block;
    width: 88px;
    height: 4px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e, rgba(15, 118, 110, 0.1), rgba(245, 158, 11, 0.48));
}

.season-price-header--villa2027 p {
    margin: 12px 0 0;
    max-width: 760px;
    font-size: 0.97rem;
    line-height: 1.7;
    color: #64748b;
}

@media (max-width: 767.98px) {
    .season-price-header--villa2027 {
        margin: 32px 0 20px;
        padding: 18px;
        border-radius: 20px;
    }

    .season-price-header--villa2027 p {
        font-size: 0.92rem;
    }
}

.season-price-list--villa2027 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 18px;
    margin: 30px 0 42px;
}

.season-card--villa2027 {
    position: relative;
    padding: 24px 22px 22px;
    border-radius: 24px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.season-card--villa2027::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #0f766e, #0b5f83);
}

.season-card--villa2027:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 46px rgba(15, 23, 42, 0.1);
    border-color: rgba(125, 211, 252, 0.7);
}

.season-card--villa2027.is-current {
    border-color: rgba(14, 116, 144, 0.5);
    box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.1), 0 20px 44px rgba(15, 23, 42, 0.08);
}

.season-card--villa2027.is-best::before {
    background: linear-gradient(180deg, #d97706, #f59e0b);
}

.badge-best--villa2027,
.badge-current--villa2027 {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.badge-best--villa2027 {
    background: linear-gradient(135deg, #f59e0b, #fb923c);
    color: #fff;
}

.badge-current--villa2027 {
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
}

.season-card--villa2027 .badge-current--villa2027 {
    margin-left: 8px;
}

.season-dates--villa2027 {
    margin-top: 16px;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.season-price--villa2027 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 900;
    color: #0f172a;
}

.season-price--villa2027::before {
    content: "₺";
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, #d1fae5, #ecfdf5);
    color: #0f766e;
    font-size: 15px;
    font-weight: 900;
    margin-right: 0;
}

.season-price--villa2027 .price-currency {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

@media (max-width: 767.98px) {
    .season-price-list--villa2027 {
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 24px 0 34px;
    }

    .season-card--villa2027 {
        padding: 20px 18px;
        border-radius: 20px;
    }

    .season-price--villa2027 {
        font-size: 24px;
    }
}

.availability-calendar--villa2027 {
    margin-top: 26px;
    padding: 22px;
    border-radius: 28px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.11), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.13), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.availability-calendar--villa2027 .availability-calendar__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.availability-calendar--villa2027 .availability-calendar__intro {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.availability-calendar--villa2027 .availability-calendar__eyebrow {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0f766e;
}

.availability-calendar--villa2027 h2 {
    margin: 0;
    font-size: clamp(1.2rem, 1rem + 0.55vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.availability-calendar--villa2027 .availability-calendar__desc {
    margin: 0;
    max-width: 460px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
}

.availability-calendar--villa2027 .legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.availability-calendar--villa2027 .legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.availability-calendar--villa2027 .legend-box {
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.availability-calendar--villa2027 .legend-box.available {
    background: linear-gradient(135deg, #34d399, #10b981);
}

.availability-calendar--villa2027 .legend-box.full {
    background: linear-gradient(135deg, #f87171, #ef4444);
}

.availability-calendar--villa2027 .legend-box.half-right {
    background: linear-gradient(90deg, #34d399 50%, #f87171 50%);
}

.availability-calendar--villa2027 .legend-box.half-left {
    background: linear-gradient(90deg, #f87171 50%, #34d399 50%);
}

.availability-calendar--villa2027 .calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    margin-bottom: 14px;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
    border: 1px solid rgba(226, 232, 240, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 16px 30px rgba(15, 23, 42, 0.06);
}

.availability-calendar--villa2027 .calendar-header button {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 12px 24px rgba(11, 95, 131, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.availability-calendar--villa2027 .calendar-header button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(11, 95, 131, 0.24);
    filter: saturate(1.08);
}

.availability-calendar--villa2027 .calendar-header .month-year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 48px;
    padding: 10px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(203, 213, 225, 0.92);
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #0f172a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.availability-calendar--villa2027 .availability-calendar__table-wrap {
    overflow-x: auto;
}

.availability-calendar--villa2027 .calendar-table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 8px;
}

.availability-calendar--villa2027 .calendar-table th {
    padding: 0 0 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.availability-calendar--villa2027 .calendar-table td {
    height: 92px;
    padding: 10px 8px;
    vertical-align: top;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.95);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.availability-calendar--villa2027 .calendar-table td:not(.past-date):hover {
    transform: translateY(-2px);
    border-color: rgba(125, 211, 252, 0.7);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.availability-calendar--villa2027 .calendar-table td .date {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.availability-calendar--villa2027 .calendar-table td .price,
.availability-calendar--villa2027 .calendar-table td .status {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.availability-calendar--villa2027 .calendar-table td .price {
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.availability-calendar--villa2027 .calendar-table td .status {
    background: rgba(14, 165, 233, 0.08);
    color: #0f172a;
}

.availability-calendar--villa2027 .calendar-table td.past-date {
    opacity: 0.55;
    background: rgba(241, 245, 249, 0.9);
}

.availability-calendar--villa2027 td.closed-full,
.availability-calendar--villa2027 td.full {
    background: rgba(254, 242, 242, 0.96);
    border-color: rgba(248, 113, 113, 0.35);
}

.availability-calendar--villa2027 td.closed-date .status:not(.price),
.availability-calendar--villa2027 td.full .status:not(.price) {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

@media (max-width: 991.98px) {
    .availability-calendar--villa2027 .availability-calendar__top {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .availability-calendar--villa2027 {
        padding: 18px;
        border-radius: 22px;
    }

    .availability-calendar--villa2027 .calendar-header {
        padding: 12px 14px;
        border-radius: 20px;
    }

.availability-calendar--villa2027 .calendar-table td {
        height: 84px;
    }
}

.review-form--villa2027 {
    margin-top: 28px;
    padding: 24px 22px;
    border-radius: 28px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.08);
}

.review-form--villa2027 h3 {
    margin: 0 0 18px;
    font-size: clamp(1.2rem, 1rem + 0.55vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.review-form--villa2027 h3::after {
    content: "";
    display: block;
    width: 82px;
    height: 4px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e, rgba(15, 118, 110, 0.12), rgba(245, 158, 11, 0.45));
}

.review-form--villa2027 form {
    display: grid;
    gap: 14px;
}

.review-form--villa2027 .form-group {
    margin-bottom: 0;
}

.review-form--villa2027 input,
.review-form--villa2027 textarea,
.review-form--villa2027 select {
    width: 100%;
    min-height: 54px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    font-size: 0.96rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.review-form--villa2027 textarea {
    min-height: 140px;
    resize: vertical;
}

.review-form--villa2027 input:focus,
.review-form--villa2027 textarea:focus,
.review-form--villa2027 select:focus {
    border-color: rgba(14, 116, 144, 0.55);
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.10);
    outline: none;
}

.review-form--villa2027 label {
    display: inline-flex;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #64748b;
}

.review-form--villa2027 .btn-review {
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 18px 30px rgba(11, 95, 131, 0.22);
}

.review-form--villa2027 .btn-review:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 36px rgba(11, 95, 131, 0.26);
}

@media (max-width: 767.98px) {
    .review-form--villa2027 {
        padding: 18px;
        border-radius: 22px;
    }

    .review-form--villa2027 input,
    .review-form--villa2027 textarea,
    .review-form--villa2027 select {
        border-radius: 16px;
    }
}

.villa-gallery--2027 {
    padding: 18px;
    border-radius: 30px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    background:
        radial-gradient(circle at top left, rgba(15, 148, 136, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.14), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.villa-gallery--2027 .villa-gallery__intro {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.villa-gallery--2027 .villa-gallery__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0f766e;
}

.villa-gallery--2027 .villa-gallery__headline-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.villa-gallery--2027 .villa-gallery__title {
    margin: 0;
    font-size: clamp(1.5rem, 1.15rem + 1vw, 2.3rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.villa-gallery--2027 .villa-gallery__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.villa-gallery--2027 .villa-gallery__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.villa-gallery--2027 .villa-gallery__chip i {
    color: #0f766e;
}

.villa-gallery--2027 .villa-gallery__chip.is-accent {
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    border-color: transparent;
    color: #fff;
}

.villa-gallery--2027 .villa-gallery__chip.is-accent i {
    color: #fef3c7;
}

.villa-gallery--2027 .villa-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 150px;
    gap: 10px;
}

.villa-gallery--2027 .villa-gallery-item {
    position: relative;
    display: block;
    min-height: 150px;
    overflow: hidden;
    border-radius: 22px;
    background: #dbeafe;
    isolation: isolate;
}

.villa-gallery--2027 .villa-gallery-item.is-featured {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 310px;
}

.villa-gallery--2027 .villa-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.villa-gallery--2027 .villa-gallery-item__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.12) 45%, rgba(15, 23, 42, 0.65) 100%);
    transition: opacity 0.3s ease;
}

.villa-gallery--2027 .villa-gallery-item__content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #fff;
    z-index: 2;
}

.villa-gallery--2027 .villa-gallery-item__content strong {
    font-size: clamp(1.1rem, 0.95rem + 0.4vw, 1.6rem);
    font-weight: 800;
    line-height: 1.08;
}

.villa-gallery--2027 .villa-gallery-item__content small {
    font-size: 0.86rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
}

.villa-gallery--2027 .villa-gallery-item__more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.52);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    z-index: 2;
    backdrop-filter: blur(5px);
}

@media (hover:hover) {
    .villa-gallery--2027 .villa-gallery-item:hover img {
        transform: scale(1.06);
    }

    .villa-gallery--2027 .villa-gallery-item:hover .villa-gallery-item__shade {
        opacity: 0.84;
    }
}

@media (max-width: 991.98px) {
    .villa-gallery--2027 .villa-gallery__headline-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .villa-gallery--2027 .villa-gallery__meta {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .villa-gallery--2027 {
        padding: 14px;
        border-radius: 22px;
    }

    .villa-gallery--2027 .villa-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 118px;
        gap: 8px;
    }

    .villa-gallery--2027 .villa-gallery-item {
        min-height: 118px;
        border-radius: 16px;
    }

    .villa-gallery--2027 .villa-gallery-item.is-featured {
        grid-column: span 2;
        grid-row: span 2;
        min-height: 244px;
    }

    .villa-gallery--2027 .villa-gallery-item__content {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .villa-gallery--2027 .villa-gallery-item__content small {
        display: none;
    }

    .villa-gallery--2027 .villa-gallery__chip {
        padding: 8px 12px;
        font-size: 12px;
    }

.villa-gallery--2027 .villa-gallery-item__more {
        font-size: 1.1rem;
    }
}

.tour-info-bar--villa2027 {
    margin-top: 24px;
    margin-bottom: 30px;
    padding: 22px;
    border-radius: 28px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.11), transparent 30%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.13), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.tour-info-bar--villa2027 .tour-info-bar__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.tour-info-bar--villa2027 .tour-info-bar__eyebrow {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0f766e;
    margin-bottom: 7px;
}

.tour-info-bar--villa2027 .tour-info-bar__title {
    margin: 0;
    font-size: clamp(1.2rem, 1rem + 0.55vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.tour-info-bar--villa2027 .tour-info-bar__desc {
    margin: 8px 0 0;
    max-width: 560px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
}

.tour-info-bar--villa2027 .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.tour-info-bar--villa2027 .info-box {
    align-items: center;
    height: 100%;
    min-height: 87px;
    padding: 1px 2px;
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 18px 32px rgba(15, 23, 42, 0.05);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.tour-info-bar--villa2027 .info-box:hover {
    transform: translateY(-4px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 24px 40px rgba(15, 23, 42, 0.1);
    border-color: rgba(125, 211, 252, 0.7);
}

.tour-info-bar--villa2027 .info-icon {
    width: 58px;
    height: 58px;
    margin-right: -6px;
    border-radius: 18px;
    font-size: 1.22rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.tour-info-bar--villa2027 .info-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.tour-info-bar--villa2027 .info-title {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: 0;
}

.tour-info-bar--villa2027 .info-value {
    font-size: 1.12rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    white-space: normal;
}

.tour-info-bar--villa2027 .info-box.capacity .info-icon {
    color: #0f766e;
    background: linear-gradient(135deg, #d1fae5, #ecfdf5);
}

.tour-info-bar--villa2027 .info-box.bedroom .info-icon {
    color: #d97706;
    background: linear-gradient(135deg, #fef3c7, #fff7ed);
}

.tour-info-bar--villa2027 .info-box.bathroom .info-icon {
    color: #2563eb;
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
}

.tour-info-bar--villa2027 .info-box.location .info-icon {
    color: #dc2626;
    background: linear-gradient(135deg, #fee2e2, #fff1f2);
}

.tour-highlight-text--villa2027 {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.09), transparent 24%),
        radial-gradient(circle at bottom left, rgba(245, 158, 11, 0.08), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 24px;
    padding: 30px 34px 28px 88px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.tour-highlight-text--villa2027::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #0f766e, #0b5f83);
}

.tour-highlight-text--villa2027::after {
    content: "";
    position: absolute;
    top: -42px;
    right: -22px;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: rgba(14, 165, 233, 0.08);
}

.tour-highlight-text--villa2027 .quote-icon {
    top: 24px;
    left: 24px;
    font-size: 1.7rem;
    color: #0f766e;
    opacity: 0.72;
}

.tour-highlight-text--villa2027 .desc-content {
    font-family: "Poppins", sans-serif;
    font-size: 1.02rem;
    line-height: 1.86;
    color: #475569;
    position: relative;
    z-index: 1;
}

.tour-highlight-text--villa2027 .desc-content strong {
    color: #0f172a;
}

.tour-highlight-text--villa2027 .desc-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .tour-highlight-text--villa2027 {
        padding: 24px 22px 22px 68px;
        border-radius: 20px;
    }

    .tour-highlight-text--villa2027 .quote-icon {
        top: 20px;
        left: 20px;
        font-size: 1.45rem;
    }

    .tour-highlight-text--villa2027 .desc-content {
        font-size: 0.96rem;
        line-height: 1.78;
    }
}

@media (max-width: 767.98px) {
    .tour-info-bar--villa2027 {
        padding: 18px;
        border-radius: 22px;
    }

    .tour-info-bar--villa2027 .tour-info-bar__desc {
        font-size: 0.9rem;
    }

    .tour-info-bar--villa2027 .info-box {
        min-height: 100px;
        padding: 16px;
    }

    .tour-info-bar--villa2027 .info-icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }
}

.villa-results-page .ts-card__badges--villa {
    inset: 14px 14px auto 14px;
    align-items: flex-start;
    gap: 8px;
}

.villa-results-page .ts-corner-label--villa {
    position: static;
    min-height: 30px;
    padding: 7px 12px;
    border-radius: 999px;
    max-width: none;
    font-size: 10px;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.villa-results-page .ts-badge--villa-location {
    order: 3;
    flex: 0 1 auto;
    width: fit-content;
    max-width: calc(100% - 8px);
    min-height: 32px;
    padding: 8px 14px;
    background: rgba(15, 23, 42, 0.72);
    font-size: 10px;
}

.villa-results-page .ts-card__info-col {
    gap: 18px;
    justify-content: flex-start;
    padding-right: 4px;
}

.villa-results-page .ts-card__meta-grid {
    gap: 14px;
}

.villa-results-page .ts-meta-item--villa {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    min-height: 53px;
    padding: 5px 5px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
    box-shadow: 0 18px 30px rgba(148, 163, 184, 0.11);
}

.villa-results-page .ts-meta-item--villa i {
    width: 46px;
    height: 46px;
    border-radius: 16px;
}

.villa-results-page .ts-meta-item__copy {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.villa-results-page .ts-meta-item__copy .ts-meta-item__label {
    display: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7b8794;
    line-height: 1.15;
    text-align: left;
    justify-content: flex-start;
}

.villa-results-page .ts-meta-item__copy .ts-meta-item__value {
    display: block;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
    text-align: left;
    justify-content: flex-start;
}

.rentacar-results-page .ts-card {
    display: grid;
    grid-template-columns: minmax(292px, 0.98fr) minmax(0, 1.52fr);
    gap: 20px;
    margin-bottom: 24px;
    padding: 20px;
    border: 1px solid rgba(191, 219, 254, 0.88);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.1), transparent 28%);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.rentacar-results-page .ts-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(59, 130, 246, 0.05), transparent 32%, transparent 72%, rgba(14, 165, 233, 0.07)),
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.012) 0 1px, transparent 1px 16px);
    pointer-events: none;
}

.rentacar-results-page .ts-card > * {
    position: relative;
    z-index: 1;
}

.rentacar-results-page .ts-card:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 130, 246, 0.28);
    box-shadow: 0 26px 52px rgba(15, 23, 42, 0.12);
}

.rentacar-results-page .ts-card__image-col,
.rentacar-results-page .ts-card__content-col,
.rentacar-results-page .ts-card__info-col,
.rentacar-results-page .ts-card__action-col {
    min-width: 0;
}

.rentacar-results-page .ts-card__content-col {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
    padding: 4px 0;
}

.rentacar-results-page .ts-card__title h2 {
    margin: 0;
    font-size: clamp(20px, 1.6vw, 25px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.rentacar-results-page .ts-card__badges {
    position: absolute;
    inset: 16px 16px auto 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    z-index: 3;
}

.rentacar-results-page .ts-meta-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 12px 14px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(226, 232, 240, 0.96);
    box-shadow: 0 14px 28px rgba(148, 163, 184, 0.08);
}

.rentacar-results-page .ts-meta-item i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.rentacar-results-page .ts-meta-item__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rentacar-results-page .ts-meta-item__label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.rentacar-results-page .ts-meta-item__value {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.rentacar-results-page .ts-card__body {
    grid-template-columns: minmax(0, 1.24fr) minmax(260px, 0.76fr);
    gap: 16px;
}

.rentacar-results-page .ts-card__info-col {
    display: flex;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 14px;
    justify-content: flex-start;
    padding-right: 8px;
}

.rentacar-results-page .ts-card__meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0 !important;
}

.rentacar-results-page .ts-card__date-box {
    width: fit-content;
    max-width: 100%;
    margin-top: 0;
    font-size: 12px;
}

.rentacar-results-page .ts-card__image-wrap {
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 28%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.16), transparent 26%),
        linear-gradient(160deg, #0b1f2d, #15364a 58%, #214a62);
}

.rentacar-results-page .ts-card__image-wrap::after {
    background:
        linear-gradient(180deg, rgba(7, 15, 25, 0.04) 0%, rgba(7, 15, 25, 0.18) 76%, rgba(7, 15, 25, 0.34) 100%);
}

.rentacar-results-page .ts-card__image {
    min-height: 280px;
    padding: 18px 12px 8px;
    object-fit: contain;
    object-position: center bottom;
    transform: scale(1);
    filter: saturate(1.08) contrast(1.02) drop-shadow(0 16px 30px rgba(15, 23, 42, 0.18));
}

.rentacar-results-page .ts-card:hover .ts-card__image {
    transform: scale(1.03);
    filter: saturate(1.12) contrast(1.04) drop-shadow(0 20px 38px rgba(15, 23, 42, 0.22));
}

.rentacar-results-page .ts-card__action-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
}

.rentacar-results-page .ts-card__form {
    width: 100%;
    min-height: 100%;
}

@media (min-width: 992px) {
    .rentacar-results-page .ts-card__action-col {
        border-left: 1px solid rgba(226, 232, 240, 0.95);
        padding-left: 12px;
        margin-left: 8px;
        margin-top: -80px;
        min-height: 100%;
        justify-content: center;
        min-width: 280px;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .rentacar-results-page .ts-card {
        grid-template-columns: minmax(248px, 0.9fr) minmax(0, 1.6fr);
        gap: 16px;
        padding: 1px;
        border-radius: 24px;
    }

    .rentacar-results-page .ts-card__content-col {
        gap: 12px;
    }

    .rentacar-results-page .ts-card__title h2 {
        font-size: clamp(18px, 1.35vw, 22px);
    }

    .rentacar-results-page .ts-card__body {
        grid-template-columns: minmax(0, 1.32fr) minmax(228px, 0.68fr);
        gap: 12px;
    }

    .rentacar-results-page .ts-card__info-col {
        gap: 10px;
        padding-right: 4px;
    }

    .rentacar-results-page .ts-card__meta-grid {
        gap: 10px;
    }

    .rentacar-results-page .ts-meta-item {
        min-height: 5px;
        padding: 5px 5px;
        border-radius: 18px;
        gap: 10px;
    }

    .rentacar-results-page .ts-meta-item i {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 14px;
    }

    .rentacar-results-page .ts-meta-item__label {
        font-size: 9px;
    }

    .rentacar-results-page .ts-meta-item__value {
        font-size: 12px;
    }

    .rentacar-results-page .ts-card__date-box {
        min-height: 52px;
        padding: 10px 14px;
        font-size: 11px;
    }

    .rentacar-results-page .ts-card__image {
        min-height: 220px;
        padding: 14px 10px 4px;
    }

    .rentacar-results-page .ts-card__action-col {
        padding-left: 10px;
        margin-left: 6px;
        margin-top: -42px;
    }

    .rentacar-results-page .ts-card__form {
        padding: 18px 16px;
        border-radius: 22px;
        gap: 12px;
    }
}

@media (max-width: 1199.98px) {
    .rentacar-results-page .ts-card {
        grid-template-columns: 1fr;
    }

    .rentacar-results-page .ts-card__body {
        grid-template-columns: 1fr;
    }

    .rentacar-results-page .ts-card__image {
        min-height: 240px;
    }

    .rentacar-results-page .ts-card__meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rentacar-results-page .ts-card__action-col {
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
    }
}

@media (max-width: 767.98px) {
    .rentacar-results-page .ts-card {
        padding: 16px;
        border-radius: 24px;
    }

    .rentacar-results-page .ts-card__image {
        min-height: 210px;
        padding: 14px 10px 6px;
    }

    .rentacar-results-page .ts-card__meta-grid {
        grid-template-columns: 1fr;
    }
}

.rentacar-results-page .rc-card {
    display: grid;
    grid-template-columns: minmax(228px, 0.78fr) minmax(0, 1.72fr);
    gap: 20px;
    margin-bottom: 24px;
    padding: 20px;
    border: 1px solid rgba(191, 219, 254, 0.88);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.1), transparent 28%);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.rentacar-results-page .rc-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(59, 130, 246, 0.05), transparent 32%, transparent 72%, rgba(14, 165, 233, 0.07)),
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.012) 0 1px, transparent 1px 16px);
    pointer-events: none;
}

.rentacar-results-page .rc-card > * {
    position: relative;
    z-index: 1;
}

.rentacar-results-page .rc-card:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 130, 246, 0.28);
    box-shadow: 0 26px 52px rgba(15, 23, 42, 0.12);
}

.rentacar-results-page .rc-card__image-col,
.rentacar-results-page .rc-card__content-col,
.rentacar-results-page .rc-card__info-col,
.rentacar-results-page .rc-card__action-col {
    min-width: 0;
}

.rentacar-results-page .rc-card__image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 100%;
    border-radius: 24px;
    isolation: isolate;
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 28%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.16), transparent 26%),
        linear-gradient(160deg, #0b1f2d, #15364a 58%, #214a62);
}

.rentacar-results-page .rc-card__image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 15, 25, 0.04) 0%, rgba(7, 15, 25, 0.18) 76%, rgba(7, 15, 25, 0.34) 100%);
    pointer-events: none;
}

.rentacar-results-page .rc-card__image {
    width: 100%;
    min-width: auto;
    max-width: none;
    max-height: 290px !important;
    padding: 0 !important;
    object-fit: contain;
    object-position: center center;
    display: block;
    transform: scale(1.04);
    transition: transform 0.65s ease, filter 0.45s ease;
    filter: saturate(1.08) contrast(1.02) drop-shadow(0 16px 30px rgba(15, 23, 42, 0.18));
}

.rentacar-results-page .rc-card:hover .rc-card__image {
    transform: scale(1.08);
    filter: saturate(1.12) contrast(1.04) drop-shadow(0 20px 38px rgba(15, 23, 42, 0.22));
}

.rentacar-results-page .rc-card__badges {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.rentacar-results-page .rc-card__badges > * {
    pointer-events: auto;
}

.rentacar-results-page .rc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.18);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rentacar-results-page .rc-badge i {
    font-size: 12px;
}

.rentacar-results-page .rc-badge--location {
    position: absolute;
    left: 16px;
    right: auto;
    bottom: 16px;
    background: rgba(7, 15, 25, 0.7);
    color: #f8fafc;
}

.rentacar-results-page .rc-corner-label {
    position: absolute;
    top: auto;
    bottom: 16px;
    left: auto;
    right: auto;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 11px;
    border-radius: 12px;
    width: auto;
    max-width: calc(100% - 32px);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.2);
    line-height: 1;
    white-space: nowrap;
}

.rentacar-results-page .rc-label-left {
    top: 16px;
    bottom: auto;
    left: 16px;
    right: auto;
    background: linear-gradient(135deg, #fb923c, #f59e0b);
}

.rentacar-results-page .rc-label-right {
    top: 16px;
    bottom: auto;
    right: 16px;
    left: auto;
    background: linear-gradient(135deg, #0f9488, #14b8a6);
}

.rentacar-results-page .rc-card__content-col {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
    padding: 4px 0;
}

.rentacar-results-page .rc-card__title h2 {
    margin: 0;
    font-size: clamp(20px, 1.6vw, 25px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.rentacar-results-page .rc-card__title h2::after {
    content: "";
    display: block;
    width: 92px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--tr-accent), rgba(15, 148, 136, 0), rgba(245, 158, 11, 0.5));
}

.rentacar-results-page .rc-card__body {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(248px, 0.88fr);
    gap: 16px;
    align-items: stretch;
}

.rentacar-results-page .rc-card__info-col {
    display: flex;
    flex-direction: column;
    align-content: start;
    gap: 14px;
    justify-content: flex-start;
    padding-right: 8px;
}

.rentacar-results-page .rc-card__meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0 !important;
}

.rentacar-results-page .rc-meta-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 12px 14px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(226, 232, 240, 0.96);
    box-shadow: 0 14px 28px rgba(148, 163, 184, 0.08);
}

.rentacar-results-page .rc-meta-item i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.rentacar-results-page .rc-meta-item__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rentacar-results-page .rc-meta-item__label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.rentacar-results-page .rc-meta-item__value {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.rentacar-results-page .rc-card__date-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    margin-top: 0;
    padding: 11px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(15, 148, 136, 0.1), rgba(245, 158, 11, 0.12));
    border: 1px solid rgba(15, 148, 136, 0.14);
    color: var(--tr-ink);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.rentacar-results-page .rc-card__date-box i {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: var(--tr-accent);
    font-size: 14px;
    box-shadow: inset 0 0 0 1px rgba(15, 148, 136, 0.14);
}

.rentacar-results-page .rc-card__action-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.rentacar-results-page .rc-card__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-height: 100%;
    padding: 24px 20px;
    border-radius: 24px;
    background: #02578e;
    color: #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 38px rgba(15, 23, 42, 0.2);
}

.rentacar-results-page .rc-status {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.rentacar-results-page .rc-status--closed {
    color: #fff5f5;
    background: rgba(220, 38, 38, 0.22);
    border: 1px solid rgba(248, 113, 113, 0.32);
}

.rentacar-results-page .rc-price-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 5px 1px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    text-align: center;
}

.rentacar-results-page .rc-price-box--warning {
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(253, 186, 116, 0.24);
}

.rentacar-results-page .rc-price-box__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: rgba(226, 232, 240, 0.78);
}

.rentacar-results-page .rc-price-box__value {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
}

.rentacar-results-page .rc-price-box__amount {
    font-size: clamp(20px, 2.8vw, 2px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.rentacar-results-page .rc-card__buttons {
    display: grid;
    gap: 10px;
    margin-top: auto;
}

.rentacar-results-page .rc-btn {
    width: 100%;
    min-height: 22px;
    padding: 13px 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.rentacar-results-page .rc-btn i {
    font-size: 13px;
}

.rentacar-results-page .rc-btn--primary {
    color: #082032;
    background: linear-gradient(135deg, #f8fafc, #fde68a);
    box-shadow: 0 18px 30px rgba(8, 32, 50, 0.24);
}

.rentacar-results-page .rc-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 34px rgba(8, 32, 50, 0.3);
}

.rentacar-results-page .rc-btn--ghost {
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(226, 232, 240, 0.18);
}

.rentacar-results-page .rc-btn--ghost:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(226, 232, 240, 0.28);
}

.rentacar-results-page .rc-btn--disabled {
    color: rgba(226, 232, 240, 0.55);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.06);
    cursor: not-allowed;
    box-shadow: none;
}

.rentacar-results-page .rc-card__details {
    grid-column: 1 / -1;
    display: none;
    width: 100%;
    min-width: 0;
    margin-top: 2px;
    padding: 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(255, 249, 241, 0.92), rgba(247, 250, 252, 0.96));
    border-radius: 24px;
}

.rentacar-results-page .rc-card__details.is-open {
    display: block;
}

.rentacar-results-page .rc-detail-col {
    display: flex;
}

.rentacar-results-page .rc-detail-inner {
    width: 100%;
    height: 100%;
    padding: 22px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 34px rgba(148, 163, 184, 0.08);
}

.rentacar-results-page .rc-detail-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: var(--tr-ink);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.rentacar-results-page .rc-detail-title i {
    color: var(--tr-accent);
    font-size: 14px;
}

.rentacar-results-page .rc-price-summary {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 1));
}

.rentacar-results-page .rc-price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.4);
    color: var(--tr-muted);
    font-size: 14px;
}

.rentacar-results-page .rc-price-row:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.rentacar-results-page .rc-price-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 148, 136, 0.12);
}

.rentacar-results-page .rc-price-total .total-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tr-success);
    font-size: 12px;
    font-weight: 800;
}

.rentacar-results-page .rc-price-total .total-amount {
    color: var(--tr-accent);
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.rentacar-results-page .rc-mini-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 100%;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 1));
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.rentacar-results-page .rc-mini-feature:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 148, 136, 0.2);
    box-shadow: 0 16px 28px rgba(148, 163, 184, 0.12);
}

.rentacar-results-page .rc-mini-feature i {
    flex-shrink: 0;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    font-size: 17px;
}

.rentacar-results-page .rc-mini-feature i.text-primary {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.rentacar-results-page .rc-mini-feature i.text-warning {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.rentacar-results-page .rc-mini-feature i.text-info {
    background: rgba(6, 182, 212, 0.14);
    color: #0891b2;
}

.rentacar-results-page .rc-mini-feature i.text-success {
    background: rgba(16, 185, 129, 0.14);
    color: #0f9f6e;
}

.rentacar-results-page .rc-mini-feature-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.45;
}

.rentacar-results-page .rc-mini-feature .lbl {
    color: #8a94a1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rentacar-results-page .rc-mini-feature .val,
.rentacar-results-page .rc-mini-feature-content span:last-child {
    color: var(--tr-ink);
    font-size: 14px;
    font-weight: 800;
}

.rentacar-results-page .rc-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rentacar-results-page .rc-tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(255, 255, 255, 0.95);
    color: var(--tr-ink);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 22px rgba(148, 163, 184, 0.08);
}

.rentacar-results-page .rc-tag-pill i {
    font-size: 13px;
}

@media (min-width: 992px) {
    .rentacar-results-page .rc-card__action-col {
        border-left: 1px solid rgba(226, 232, 240, 0.95);
        padding-left: 12px;
        margin-left: 8px;
        margin-top: -80px;
        min-height: 100%;
        justify-content: center;
        min-width: 0;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .rentacar-results-page .rc-card {
        grid-template-columns: minmax(208px, 0.72fr) minmax(0, 1.78fr);
        gap: 16px;
        padding: 1px;
        border-radius: 24px;
    }

    .rentacar-results-page .rc-card__content-col {
        gap: 12px;
    }

    .rentacar-results-page .rc-card__title h2 {
        font-size: clamp(18px, 1.35vw, 22px);
    }

    .rentacar-results-page .rc-card__body {
        grid-template-columns: minmax(0, 1.16fr) minmax(220px, 0.84fr);
        gap: 12px;
    }

    .rentacar-results-page .rc-card__info-col {
        gap: 10px;
        padding-right: 4px;
    }

    .rentacar-results-page .rc-card__meta-grid {
        gap: 10px;
    }

    .rentacar-results-page .rc-meta-item {
        min-height: 5px;
        padding: 5px 5px;
        border-radius: 18px;
        gap: 10px;
    }

    .rentacar-results-page .rc-meta-item i {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 14px;
    }

    .rentacar-results-page .rc-meta-item__label {
        font-size: 9px;
    }

    .rentacar-results-page .rc-meta-item__value {
        font-size: 12px;
    }

    .rentacar-results-page .rc-card__date-box {
        min-height: 52px;
        padding: 10px 14px;
        font-size: 11px;
    }

    .rentacar-results-page .rc-card__image {
        min-height: 220px;
        padding: 14px 10px 4px;
    }

    .rentacar-results-page .rc-card__action-col {
        padding-left: 10px;
        margin-left: 6px;
        margin-top: -42px;
        min-width: 0;
    }

    .rentacar-results-page .rc-card__form {
        padding: 18px 16px;
        border-radius: 22px;
        gap: 12px;
    }
}

@media (max-width: 1199.98px) {
    .rentacar-results-page .rc-card {
        grid-template-columns: 1fr;
    }

    .rentacar-results-page .rc-card__body {
        grid-template-columns: 1fr;
    }

    .rentacar-results-page .rc-card__image {
        min-height: 240px;
    }

    .rentacar-results-page .rc-card__meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rentacar-results-page .rc-card__action-col {
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
    }

    .rentacar-results-page .rc-detail-col {
        margin-bottom: 14px;
    }

    .rentacar-results-page .rc-detail-col:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .rentacar-results-page .rc-card {
        padding: 16px;
        border-radius: 24px;
    }

    .rentacar-results-page .rc-card__image {
        min-height: 210px;
        padding: 14px 10px 6px;
    }

    .rentacar-results-page .rc-card__badges {
        inset: 0;
    }

    .rentacar-results-page .rc-badge {
        padding: 7px 11px;
        font-size: 10px;
        letter-spacing: 0.06em;
    }

    .rentacar-results-page .rc-corner-label {
        bottom: 12px;
        min-height: 24px;
        padding: 5px 9px;
        font-size: 9px;
        max-width: calc(100% - 24px);
    }

    .rentacar-results-page .rc-label-left {
        left: 12px;
    }

    .rentacar-results-page .rc-label-right {
        right: 12px;
    }

    .rentacar-results-page .rc-badge--location {
        left: 12px;
        right: auto;
        bottom: 12px;
    }

    .rentacar-results-page .rc-card__meta-grid {
        grid-template-columns: 1fr;
    }

    .rentacar-results-page .rc-card__form,
    .rentacar-results-page .rc-detail-inner,
    .rentacar-results-page .rc-card__details {
        padding: 16px;
    }
}

.villa-results-page .ts-meta-item--villa-distance .ts-meta-item__copy .ts-meta-item__value--compact {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    max-width: 18ch;
}

@media (max-width: 991.98px) {
    .villa-results-page .ts-meta-item--villa {
        min-height: 53px;
        padding: 5px 5px;
    }

    .villa-results-page .ts-meta-item__copy .ts-meta-item__value {
        font-size: 16px;
    }

    .villa-results-page .ts-meta-item--villa-distance .ts-meta-item__copy .ts-meta-item__value--compact {
        font-size: 14px;
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .villa-results-page .ts-card__meta-grid {
        grid-template-columns: 1fr;
    }

    .villa-results-page .ts-badge--villa-location {
        max-width: 100%;
    }
}


/* ===== css/custom.css ===== */
/*============================================================================================*/
/* Extracted Inline Styles */
/*============================================================================================*/


/* Sources: index.php */
/* 📱 MOBİL */


        .mobile-sticky-reservation {
            display: block;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            background: #fff;
            border-top: 1px solid #e5e7eb;
            box-shadow: 0 -6px 20px rgba(0, 0, 0, .1);
            padding: 10px 12px;
        }

        .sticky-inner {
            display: flex;
            gap: 10px;
        }

        .sticky-btn {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 2px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 10px;
            border: none;
            cursor: pointer;
            text-decoration: none;
        }

        .sticky-btn.reserve {
            background: #4f46e5;
            color: #fff;
        }

        .sticky-btn.whatsapp {
            background: #25D366;
            color: #fff;
        }

        /* Sticky alttayken içerik üstüne binmesin */
        body {
            padding-bottom: 90px;
        }

/* Sources: data/ust.php */
/* =====================================================
   MOBILE HEADER FIX (ONLY MOBILE)
===================================================== */
    @media (max-width: 991px) {

        /* Header içi hizalama */
        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        /* LOGO */
        .header-logo {
            flex: 0 0 auto;
        }

        /* UTILITIES (para + dil + hamburger) */
        .header-utilities {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* PARA + DİL */
        .selectors-group {
            display: flex;
            gap: 6px;
        }

        .selectors-group .custom-select {
            height: 32px;
            font-size: 12px;
            padding: 0 8px;
        }

        .lang-select-visible {
            padding: 4px 6px;
            font-size: 12px;
        }

        .lang-select-visible .flag {
            width: 18px;
            height: 12px;
        }

        /* TELEFON BUTONU MOBİLDE GİZLE */
        .phone-btn {
            display: none !important;
        }

        /* HAMBURGER */
        .mobile-toggle {
            display: flex;
            width: 20px;
            height: 26px;
            flex-direction: column;
            justify-content: space-between;
            margin-left: 6px;
        }

        .mobile-toggle span {
            height: 3px;
            width: 100%;
            background: #111827;
            border-radius: 3px;
        }

        /* =====================================================
     MOBILE MENU SLIDE
  ===================================================== */

        .mobile-menu-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .45);
            opacity: 0;
            visibility: hidden;
            transition: .3s;
            z-index: 998;
        }

        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .mobile-menu-container {
            position: fixed;
            top: 0;
            right: -100%;
            width: 85%;
            max-width: 360px;
            height: 100vh;
            background: #fff;
            transition: right .35s ease;
            z-index: 999;
            display: flex;
            flex-direction: column;
        }

        .mobile-menu-container.active {
            right: 0;
        }

        /* HEADER */
        .mobile-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            border-bottom: 1px solid #e5e7eb;
        }

        .mobile-title {
            font-size: 16px;
            font-weight: 700;
        }

        /* CONTENT */
        .mobile-content {
            padding: 12px 16px;
            overflow-y: auto;
        }

        /* NAV LIST */
        .mobile-nav-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-nav-list>li>a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 15px;
            font-weight: 600;
            color: #111827;
            text-decoration: none;
        }

        /* SUB MENU */
        .mobile-sub-menu {
            display: none;
            padding-left: 12px;
        }

        .mobile-dropdown-toggle.open .mobile-sub-menu {
            display: block;
        }

        .mobile-sub-menu li a {
            display: block;
            padding: 8px 0;
            font-size: 14px;
            color: #374151;
        }

        .header-logo img {
            max-height: 102px;
            max-width: 257px !important;
            display: block;
            min-width: 95px !important;
        }
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        outline: none;
        background: #005690 !important;
        color: white;
        border-radius: 20px;
        margin: 30px;
    }

    .owl-prev,
    .owl-next {
        line-height: 0px !important;
        font-size: 30px !important;

    }

    .owl-theme .owl-nav {
        position: absolute;
        top: 61%;
        transform: translateY(-30%);

        width: 100%;

    }

/* Sources: data/ust.php */
.cookie-popup {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: 20px;
        z-index: 9999;
        display: none;
    }

    .cookie-box {
        background: #111;
        color: #fff;
        border-radius: 12px;
        padding: 16px 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    }

    .cookie-text {
        font-size: 14px;
        line-height: 1.5;
    }

    .cookie-text a {
        color: #4da3ff;
        text-decoration: underline;
    }

    .cookie-actions {
        display: flex;
        gap: 10px;
    }

    .btn-accept {
        background: #22c55e;
        color: #000;
        border: none;
        padding: 8px 14px;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 600;
    }

    .btn-reject {
        background: transparent;
        color: #ccc;
        border: 1px solid #555;
        padding: 8px 14px;
        border-radius: 8px;
        cursor: pointer;
    }

    .btn-accept:hover {
        opacity: .9;
    }

    .btn-reject:hover {
        color: #fff;
        border-color: #888;
    }

    @media (max-width: 600px) {
        .cookie-box {
            flex-direction: column;
            align-items: flex-start;
        }
    }

/* Sources: data/footer.php */
footer.footer-2007 .collapse.show,
footer.footer-2007 .collapse.show a,
footer.footer-2007 .collapse.show li {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
footer.footer-2007 .contacts ul li a:hover {
  color: #ffffff;
}

/* Sources: include/anasayfarentacargrid.php */
/* Swiper grid uyumu */
    .rentacarSwiper {
        width: 100%;
        padding-bottom: 40px;
    }

    .rentacarSwiper .swiper-wrapper {
        align-items: stretch;
        /* kart boylarını eşitle */
    }

    .rentacarSwiper .swiper-slide {
        height: auto;
        display: flex;
    }

    .rentacarSwiper .item {
        width: 100%;
        display: flex;
    }

    .rentacarSwiper .item>div {
        width: 100%;
    }

/* Sources: include/anasayfavillagrid.php */
.villa-carousel-wrapper {
        width: 100%;
        position: relative;
    }

    .villa-swiper {
        padding: 20px 0 40px;
    }

    .villa-swiper .swiper-slide {
        display: flex;
        justify-content: center;
    }

    /* Mobil */
    @media (max-width: 768px) {
        .villa-swiper .swiper-slide {
            width: 85%;
        }
    }
	.swiper {
  padding-bottom: 50px !important;
}

/* Sources: include/anasayfaxfergrid.php */
/* İnce sticker alanı */
    .card-sticker {
        width: 100%;
        height: 48px;
        /* 👈 ince */
        background: linear-gradient(135deg, #111827, #1f2933);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
        position: relative;
    }

    /* Sticker resmi */
    .card-sticker img {
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }

    /* Yazılı fallback */
    .sticker-text {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        letter-spacing: .3px;
        display: flex;
        align-items: center;
        gap: 6px;
        opacity: 0.95;
    }

/* Sources: include/bolgesayfalari.php */
.avantajdetail-header {
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
        padding: 20px 0;
    }

    .bolgelerdetail-img {
        width: 50%;
        /* Resmin genişliği container'ın üçte biri */
        float: left;
        /* Resmi sağa yasla */
        margin-left: 60px;
        /* Resim ile metin arasında boşluk */
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .content-section {
        padding: 0px 80px;
    }

    .detail-content {
        overflow: hidden;
        /* Metnin resimle çakışmamasını sağlar */
    }

    h3 {
        font-size: 16px !important;
    }

    h2 {
        font-size: 20px !important;
    }

    h1 {
        font-size: 30px !important;
    }

    .container {
        margin-bottom: 0px !important;
    }

    /* Tablonun genel görünümü */
    .xfertablo {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
        font-size: 1em;
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Tablo başlıkları */
    .xfertablo thead th {
        color: #ffffff;
        text-align: left;
        padding: 12px;
        font-weight: bold;
        position: sticky;
        top: 0;
        z-index: 1;
        background: #4caf50;
    }

    /* Filtreleme select kutuları */
    .xfertablo thead th select {
        width: 50%;
        color: black;
        padding: 8px;
        margin-top: 5px;
        border-radius: 5px;
        border: 1px solid #dddddd;
        background-color: #f1f1f1;
    }

    /* Tablodaki veri hücreleri */
    .xfertablo tbody td {
        padding: 10px;
        border-bottom: 1px solid #dddddd;
        color: #333333;
    }

    /* Hover efekti */
    .xfertablo tbody tr:hover {
        background-color: #f1f8ff;
        cursor: pointer;
    }

    /* Fiyat hücresi için özel stil */
    .xfertablo tbody .price {
        font-weight: bold;
        color: #ff6f61;
    }

    /* Butonun görünümü */
    .xfertablo tbody .btn-primary {
        padding: 6px 12px;
        background-color: #007bff;
        border: none;
        color: #ffffff;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .xfertablo tbody .btn-primary:hover {
        background-color: #0056b3;
    }

    /* Tablo başlıkları ve filtre alanı hizalaması */
    .xfertablo thead th {
        vertical-align: bottom;
    }

    .xfertablo thead th select {
        margin-top: 8px;
    }

    /* Mobilde Duration ve Distance sütunlarını gizle */
    @media (max-width: 768px) {
        .xfertablo thead th:nth-child(3),
        /* Duration */
        .xfertablo thead th:nth-child(4),
        /* Distance */
        .xfertablo tbody td:nth-child(3),
        /* Duration */
        .xfertablo tbody td:nth-child(4)

        /* Distance */
            {
            display: none;
        }

        /* Tablo genişliği ekrana göre ayarla */
        .xfertablo {
            width: 100%;
            overflow-x: auto;
        }

        /* Select kutularını mobilde yüzde 100 genişlik yap */
        .xfertablo thead th select {
            width: 100%;
            box-sizing: border-box;
            /* Padding ve border dahil genişlik ayarı */
        }

        .xfertablo tbody .btn-primary {
            padding: 6px 2px;
        }

        .bolgelerdetail-img {
            width: 100%;
            display: block !important;
            margin: 0 auto !important;
        }
    }

    .detail-content p {
        font-size: 16px;
        line-height: 1.8;
        color: #2e2e2e;
        margin-bottom: 18px;
        text-align: justify;
    }

    /* İlk paragraf biraz daha güçlü dursun */
    .detail-content p:first-of-type {
        font-size: 17px;
        font-weight: 500;
        color: #1f2937;
    }

    /* Strong vurgular */
    .detail-content strong {
        color: #111827;
        font-weight: 600;
    }

    /* Başlıklar metin içinde varsa */
    .detail-content h2,
    .detail-content h3 {
        margin: 30px 0 15px;
        font-weight: 600;
        color: #111827;
    }

    /* Liste varsa */
    .detail-content ul {
        padding-left: 22px;
        margin: 20px 0;
    }

    .detail-content ul li {
        margin-bottom: 10px;
        line-height: 1.6;
    }

/* Sources: include/bolgesayfarentler.php */
/* ============================================================
   PRO RENT-A-CAR MODERN UI STYLES
   ============================================================ */

    :root {
        --primary-gradient: linear-gradient(135deg, #0ea5e9, #2563eb);
        --accent-color: #0f766e;
        --bg-light: #f8fafc;
        --border-color: #e2e8f0;
        --text-main: #1e293b;
        --text-muted: #64748b;
        --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
        --card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    /* Grid & Layout Optimization */
    .rentacar-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 30px;
        padding: 20px 0;
    }



    /* Main Card Design */
    .rentacar-card {
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .pricing-item {
        background: #ffffff;
        border: 1px solid var(--border-color);
        border-radius: 24px;
        /* Daha yumuşak köşeler */
        overflow: hidden;
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        transition: all 0.4s ease;
        box-shadow: var(--card-shadow);
    }

    .pricing-item:hover {
        transform: translateY(-8px);
        box-shadow: var(--card-hover-shadow);
        border-color: #3b82f6;
    }

    /* Card Image Section */
    .card-image {
        position: relative;
        overflow: hidden;
        height: 200px;
    }

    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .pricing-item:hover .card-image img {
        transform: scale(1.1);
    }

    /* Card Body Section */
    .card-body {
        padding: 24px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .card-title {
        font-size: 1.25rem;
        font-weight: 800;
        color: var(--text-main);
        margin-bottom: 15px;
        letter-spacing: -0.02em;
    }

    .card-info {
        font-size: 0.9rem;
        color: var(--text-muted);
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: #fdfdfd;
    }

    .card-info span {
        background: #eff6ff;
        color: #1e40af;
        padding: 3px 12px;
        border-radius: 8px;
        font-weight: 700;
        font-size: 0.85rem;
        margin-left: auto;
        /* Sağ tarafa yasla */
    }

    /* Card Footer & Price Section */
    .card-footer {
        padding: 20px 24px 24px;
        background: #ffffff;
        border-top: 1px solid #f1f5f9;
        display: contents;
        text-align: center;
    }

    .amount.price {
        font-size: 24px;
        font-weight: 900;
        color: #111827;
        background: transparent;
        padding: 0;
        margin-bottom: 5px;
        display: block;
        align-items: baseline;
        gap: 4px;
        text-align: center;
    }

    /* Buttons Optimization */
    .book-btn,
    .book-btn1 {
        width: 100%;
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: center;
        display: block;
    }

    .book-btn {
        background: #ffffff;
        color: var(--text-main);
        border: 1px solid var(--border-color);
        border-radius: 12px;
        padding: 12px;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .book-btn:hover {
        background: #f8fafc;
        border-color: #94a3b8;
    }

    .book-btn1 {
        background: var(--primary-gradient);
        color: #fff;
        border: none;
        border-radius: 12px;
        padding: 14px;
        font-weight: 700;
        font-size: 1rem;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
    }

    .book-btn1:hover {
        box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
        transform: scale(1.02);
    }

    /* Re-calculate Panel (Pricing Details) */
    .pricing-details {
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
        z-index: 20;
        display: none;
        flex-direction: column;
        justify-content: center;
        padding: 25px;
        border-radius: 24px;
        margin-top: 180px;
    }

    .pricing-details label {
        display: block;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--text-muted);
        margin-bottom: 6px;
        margin-top: 10px;
    }

    .pricing-details .form-control {
        border-radius: 10px;
        border: 1px solid var(--border-color);
        padding: 10px;
        font-weight: 600;
    }

    .pricing-details .gun-sayisi {
        color: #3b82f6;
        font-size: 1.1rem;
    }

    /* Animations */
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Responsive Adjustments */
    @media(max-width: 768px) {
        .rentacar-grid {
            gap: 15px;
        }

        .pricing-item {
            border-radius: 20px;
        }

        .card-title {
            font-size: 1.1rem;
        }
    }

    /* Kartın genel kapsayıcısını sabit tutmak için */
    .rentacar-card {
        height: 100%;
        position: relative;
    }

    .pricing-item {
        position: relative;
        /* İçindeki mutlak elemanlar için temel */
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        height: 480px;
        /* Kart boyunu sabitlemek yapıyı korur */
        overflow: hidden;
        transition: all 0.4s ease;
    }

    /* Hesaplama Alanı - Kartın Üstüne Gelir */
    .pricing-details {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        /* Kartın tamamını kaplaması için */
        background: rgba(255, 255, 255, 0.98);
        /* Hafif şeffaf beyaz */
        backdrop-filter: blur(10px);
        /* Modern blur efekti */
        z-index: 10;
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 24px;
        animation: fadeIn 0.3s ease;
        border: 2px solid #3b82f6;
    }

    /* Kapatma butonu eklemek iyi olur */
    .close-pricing {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #f1f5f9;
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        cursor: pointer;
        font-weight: bold;
    }

    /* Giriş animasyonu */
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Grid yapısını korumak için */
    .rentacar-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 24px;
        align-items: start;
        /* Kartların yukarı hizalı kalması için */
    }

    /* Mevcut CSS'ine ekle veya değiştir */
    .rentacar-card {
        position: relative;
        height: 100%;
    }

    .pricing-item {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 520px;
        /* Standart bir boy */
        background: #fff;
        border-radius: 24px;
        border: 1px solid var(--border-color);
        overflow: hidden;
    }

    .pricing-details {
        position: absolute;
        inset: 0;
        /* top, left, right, bottom 0 yapar */
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
        z-index: 20;
        display: none;
        /* JS ile açılacak */
        flex-direction: column;
        justify-content: center;
        padding: 25px;
        border-radius: 24px;
    }

    /* ================================
   ARA BAŞLIK – RENT A CAR
================================ */

    .bolgetag-wrapper {
        display: flex;
        justify-content: center;
        margin: 50px 0 35px;
        position: relative;
    }

    /* Ortadaki çizgili yapı */
    .bolgetag-wrapper::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right,
                transparent,
                #cbd5f5,
                transparent);
        transform: translateY(-50%);
    }

    /* Başlık metni */
    .bolgetaglar {
        position: relative;
        z-index: 1;

        padding: 0 20px;

        font-size: 27px;

        letter-spacing: 0.5px;

        color: #1a3769;
        background: #ffffff;

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

    /* İkon (emoji) */
    .bolgetaglar::before {

        font-size: 20px;
        line-height: 1;
    }

    /* Mobil */
    @media (max-width: 576px) {
        .bolgetag-wrapper {
            margin: 35px 0 25px;
        }

        .bolgetaglar {
            font-size: 16px;
            padding: 0 14px;
        }
    }

/* Sources: include/bolgesayfaxferler.php */
.transfer-section {
        padding: 40px 0;
    }

    .transfer-list {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .transfer-card {
        background: #fff;
        border-radius: 14px;
        padding: 18px 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        transition: .3s;
    }

    .transfer-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
    }

    /* Route */
    .transfer-route {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .transfer-route .label {
        display: block;
        font-size: 12px;
        color: #64748b;
    }

    .transfer-route strong {
        font-size: 15px;
        color: #0f172a;
    }

    .transfer-route .arrow {
        font-size: 18px;
        color: #0ea5e9;
    }

    /* Meta */
    .transfer-meta {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .capacity {
        font-size: 14px;
        color: #334155;
        white-space: nowrap;
    }

    .price-box {
        background: #005791;
        color: #fff;
        padding: 6px 14px;
        border-radius: 999px;
        font-weight: 700;
        font-size: 15px;
        white-space: nowrap;
    }

    .select-btn {
        border: 1px solid #0ea5e9;
        background: transparent;
        color: #0ea5e9;
        padding: 8px 14px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        transition: .3s;
    }

    .select-btn:hover {
        background: #0ea5e9;
        color: #fff;
    }

    /* MOBİL */
    @media (max-width: 768px) {
        .transfer-card {
            flex-direction: column;
            align-items: flex-start;
        }

        .transfer-meta {
            width: 100%;
            justify-content: space-between;
        }
    }

    .transfer-filter-bar {
        display: flex;
        gap: 20px;
        padding: 16px 20px;
        background: #f8fafc;
        border-radius: 14px;
        margin-bottom: 25px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .filter-item {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 14px;
    }

    .filter-item label {
        font-weight: 600;
        color: #334155;
    }

    .filter-item select,
    .filter-item input {
        padding: 8px 10px;
        border-radius: 8px;
        border: 1px solid #cbd5f5;
    }

    .transfer-filter-bar {
        display: flex;
        gap: 20px;
        padding: 14px 18px;
        background: #dadee1;
        border-radius: 12px;
        margin-bottom: 25px;
        flex-wrap: wrap;
    }

    .filter-item {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .filter-item label {
        font-size: 13px;
        font-weight: 600;
        color: #334155;
    }

    .filter-item select {
        min-width: 220px;
        padding: 8px 10px;
        border-radius: 8px;
        border: 1px solid #cbd5f5;
        font-size: 14px;
    }

    @media (max-width: 768px) {
        .filter-item select {
            min-width: 100%;
        }
    }

    @media (min-width: 769px) {
        .transfer-section {
            padding: 0px 120px;
        }
    }

/* Sources: include/dahil-haric.php */
.availability-calendar .calendar-table td {
        height: 80px;
        /* Yükseklik olmazsa takvim basık görünür */
        vertical-align: top;
        position: relative;
        cursor: default;
    }

    .availability-calendar .calendar-table td .date {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
    }

    /* Fiyat etiketi stili */
    .availability-calendar .calendar-table td .status {
        font-size: 11px;
        border-radius: 4px;
        padding: 2px 5px;
        display: inline-block;
        font-weight: 600;
    }

    /* Geçmiş Tarih */
    .availability-calendar .calendar-table td.past-date {
        background-color: #f9f9f9;
        color: #ccc;
    }

/* Sources: include/dahil-haric.php */
/* --- DAHİL / HARİÇ LİSTESİ TASARIMI --- */

    .feature-list-container {
        background: #fff;
        border-radius: 12px;
        padding: 10px;
        /* Eğer bir kutu içinde değilse bunu açabilirsin:
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #eee; */
    }

    /* Başlıklar */
    .feature-title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .feature-title.title-included {
        color: #27ae60;
        border-color: rgba(39, 174, 96, 0.2);
    }

    .feature-title.title-excluded {
        color: #c0392b;
        border-color: rgba(192, 57, 43, 0.2);
    }

    /* Liste Elemanları (Genel) */
    .feature-item {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.2s ease-in-out;
        height: 100%;
        /* Yanyana elemanların yüksekliğini eşitler */
    }

    /* Hover Efekti */
    .feature-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    }

    /* DAHİL Olanlar (Yeşil Tema) */
    .item-included {
        background-color: #f0fdf4;
        /* Çok açık yeşil */
        color: #166534;
        /* Koyu yeşil yazı */
        border: 1px solid #bbf7d0;
    }

    .item-included i {
        color: #16a34a;
        font-size: 16px;
        margin-right: 10px;
        background: #fff;
        border-radius: 50%;
        padding: 2px;
    }

    /* HARİÇ Olanlar (Kırmızı Tema) */
    .item-excluded {
        background-color: #fef2f2;
        /* Çok açık kırmızı */
        color: #991b1b;
        /* Koyu kırmızı yazı */
        border: 1px solid #fecaca;
    }

    .item-excluded i {
        color: #dc2626;
        font-size: 16px;
        margin-right: 10px;
        background: #fff;
        border-radius: 50%;
        padding: 3px 4px;
        /* Çarpı ikonu biraz dar olduğu için */
    }

    /* Boş Durum Uyarısı */
    .alert-empty {
        background: #f8f9fa;
        color: #6c757d;
        padding: 10px;
        border-radius: 6px;
        font-size: 13px;
        font-style: italic;
        border: 1px dashed #dee2e6;
    }

    /* Mobil Uyumluluk */
    @media (max-width: 768px) {
        .feature-item {
            font-size: 13px;
            padding: 10px;
        }

        .feature-title {
            font-size: 15px;
        }
    }

/* Sources: include/faq-list.php, include/faqrentacar-list.php, include/faqtur-list.php, include/faqxfer-list.php */
.faq-section {
  position: relative;
  padding: 38px 0 60px;
  background:
    radial-gradient(circle at top left, rgba(70, 125, 229, 0.08), transparent 24%),
    radial-gradient(circle at bottom right, rgba(15, 148, 136, 0.08), transparent 22%),
    linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
  overflow: hidden;
}
.faq-section::before,
.faq-section::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.6;
}
.faq-section::before {
  top: 18px;
  right: 6%;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0));
}
.faq-section::after {
  left: -40px;
  bottom: 42px;
  width: 160px;
  height: 160px;
  background: radial-gradient(circle, rgba(159, 209, 255, 0.32), rgba(159, 209, 255, 0));
}
.faq-header {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 0 auto 20px;
  padding: 22px 24px;
  text-align: center;
  border: 1px solid rgba(216, 226, 237, 0.9);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
.faq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(70, 125, 229, 0.08);
  color: #46657f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.faq-header h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(24px, 3.6vw, 34px) !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.faq-header p {
  max-width: 560px;
  margin: 10px auto 0;
  font-size: 15px;
  line-height: 1.65;
  color: #6b7280;
}
.faq-shell {
  position: relative;
  z-index: 1;
}
.faq-grid {
  row-gap: 12px;
}
.faq-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(223, 229, 236, 0.95);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
.faq-item:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 26px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.faq-item.is-open {
  border-color: rgba(148, 163, 184, 0.46);
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 18px 20px;
  cursor: pointer;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.02em;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.faq-question:hover {
  background: linear-gradient(180deg, #ffffff, #f3f7fb);
}
.faq-question__text {
  flex: 1 1 auto;
}
.faq-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #eef2f7;
  color: #4b5563;
  font-size: 13px;
  box-shadow: none;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.faq-item.is-open .faq-icon {
  transform: rotate(180deg);
  background: #dbe7f5;
  color: #1d4ed8;
}
.faq-answer {
  display: none;
  padding: 0 20px 20px;
  border-top: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #334155;
  background: #ffffff;
}
.faq-section--tour .faq-kicker {
  color: #0f766e;
}
.faq-section--rentacar .faq-kicker {
  color: #1d4ed8;
}
.faq-section--transfer .faq-kicker {
  color: #9a3412;
}
@media (max-width: 991px) {
  .faq-section {
    padding: 24px 0 40px;
  }
  .faq-header {
    padding: 18px 16px;
    border-radius: 18px;
  }
  .faq-header h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
  }
}
@media (max-width: 767px) {
  .faq-question {
    padding: 16px 16px;
    font-size: 15px;
    border-radius: 16px;
  }
  .faq-icon {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .faq-answer {
    padding: 0 16px 16px;
    font-size: 15px;
  }
}

/* Sources: include/kategori.php */
/* Sidebar */
.filter_col {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.filter_col h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.filter_col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter_col ul li {
    margin-bottom: 10px;
}

.filter_col ul li a {
    color: #555;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter_col ul li a:hover {
    color: #007bff;
}

/* Ürün Kartları */
.card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    background: linear-gradient(135deg, #ffffff, #f9f9f9);
    position: relative;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

.card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-bottom: 5px solid #007bff;
    transition: transform 0.3s ease;
}

.card:hover img {
    transform: scale(1.1);
    border-bottom: 5px solid #0056b3;
}

/* Kartın İçeriği */
.card .card-body {
    padding: 20px;
    text-align: center;
    background: white;
    border-top: 1px solid #e6e6e6;
    position: relative;
    z-index: 1;
}

.card .card-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.card:hover .card-title {
    color: #007bff;
}

.card .card-text {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
}

/* Buton */
.card .btn {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    border-radius: 25px;
    font-size: 14px;
    padding: 10px 25px;
    box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
    transition: all 0.4s ease;
}

.card .btn:hover {
    background: linear-gradient(135deg, #0056b3, #003f7f);
    box-shadow: 0 6px 12px rgba(0, 123, 255, 0.5);
    transform: scale(1.05);
    color: white;
}

/* Hover Efekt için Glow */
.card:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 123, 255, 0.2), transparent);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.4s ease;
}

.card:hover::before {
    opacity: 1;
}


/* Grid ve Genel Düzen */
.row {
    margin: 0;
    padding: 20px 0;
}

.col-lg-3 {
    padding: 10px;
}

.col-lg-9 {
    padding: 10px;
}

.grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .top_banner {
        height: 200px;
    }

    .top_banner h1 {
        font-size: 24px;
    }

    .card img {
        height: 150px;
    }

    .card .card-title {
        font-size: 16px;
    }

    .card .card-text {
        font-size: 14px;
    }
}

/* Sources: include/kurumsal.php */
.kurumsal-heroblog {
        position: relative;

        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .article2-container {
        background: #fff;
        padding: 49px;
        border-radius: 8px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
        flex: 1;
        margin-top: 100px;
    }

/* Sources: include/politikalar.php */
.avantajdetail-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 20px 0;
	font-size: 25px;
}

.avantajdetail-img {
    width: 60%;
    /* Resmin genişliği container'ın üçte biri */
    float: left;
    /* Resmi sağa yasla */
    margin-left: 60px;
    /* Resim ile metin arasında boşluk */
}

/* Sources: include/rentacar-kategorileri.php */
.ts-card__image {
  max-width: 309px !important;
  max-height: 260px !important;
}

/* Sources: include/rentacar_arama_sonuc.php */
.ts-card__content-col {
        display: flex;
        flex-direction: column;
        gap: 30px;
        justify-content: space-between;
    }

    .ts-card__image {

        max-height: 258px;

    }

/* Sources: include/rentacar_sonuc.php, include/rentacar_sonuc2.php */
@media (max-width: 768px) { /* Mobil cihazlar için */
    .hidden-mobile-form {
        display: none;
    }
}

/* Sources: include/rentacardetay-resdetay2.php */
/* === TUR ARAMA KARTI (SAĞ SİDEBAR) === */

    .tour-search-card {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
        padding: 18px 18px 20px;
        margin-bottom: 18px;
        border: 1px solid rgba(148, 163, 184, 0.22);
    }

    .tour-search-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }


    .tour-search-subtitle {
        font-size: 0.8rem;
        color: #6b7280;
    }

    .tour-search-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .tour-search-field {
        flex: 1 1 100%;
    }

    @media (min-width: 768px) {
        .tour-search-field.date-field {
            flex: 0 0 55%;
        }

        .tour-search-field.guest-field {
            flex: 0 0 45%;
        }

        .tour-search-field.button-field {
            flex: 1 1 100%;
        }
    }

    .form-floating-pro {
        position: relative;
    }

    .form-control-pro.date-input-pro,
    .form-control-pro {
        width: 100%;
        height: 65px;
        padding: 25px 40px 5px 20px;
        border: 1px solid #e2e8f0;
        border-radius: var(--border-radius);
        background-color: var(--bg-input);
        font-size: 16px;
        font-weight: 500;
        color: var(--text-dark);
        appearance: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
    }

    .form-control-pro:focus {
        border-color: #4f46e5;
        box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.5);
        background: #ffffff;
    }

    .form-floating-pro label {
        position: absolute;
        left: 12px;
        top: -8px;
        background: #ffffff;
        padding: 0 6px;
        font-size: 0.75rem;
        font-weight: 600;
        color: #6b7280;
    }

    .form-floating-pro label i {
        margin-right: 4px;
        color: #4f46e5;
    }

    /* Misafir seçici */
    .guest-selector-wrapper {
        position: relative;
    }

    .guest-selector-wrapper .chevron-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #9ca3af;
    }

    .guest-dropdown-content {
        position: absolute;
        left: 0;
        top: calc(100% + 4px);
        width: 100%;
        background: #ffffff;
        border-radius: 14px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
        padding: 14px 14px 10px;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transform: translateY(6px);
        transition: all 0.18s ease;
    }

    .guest-dropdown-content.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        margin-top: 10px;
    }

    .guest-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .guest-info {
        display: flex;
        flex-direction: column;
    }

    .guest-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: #111827;
    }

    .guest-subtitle {
        font-size: 0.78rem;
        color: #6b7280;
    }

    .guest-controls {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .btn-counter {
        width: 26px;
        height: 26px;
        border-radius: 999px;
        border: 1px solid #e5e7eb;
        background: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.7rem;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
    }

    .btn-counter:hover {
        background: #f3f4f6;
        border-color: #d1d5db;
        transform: translateY(-1px);
    }

    .counter-value {
        min-width: 18px;
        text-align: center;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .child-ages-area {
        margin-top: 6px;
        max-height: 150px;
        overflow-y: auto;
        padding-right: 4px;
    }

    .child-age-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 6px;
    }

    .child-age-label {
        font-size: 0.8rem;
        color: #374151;
    }

    .child-age-select {
        flex: 0 0 80px;
        min-height: 32px;
        font-size: 0.85rem;
    }

    .guest-footer {
        display: flex;
        justify-content: flex-end;
        margin-top: 8px;
    }

    .btn-guest-done {
        border: none;
        border-radius: 999px;
        padding: 6px 16px;
        font-size: 0.85rem;
        font-weight: 600;
        background: #4f46e5;
        color: #fff;
        cursor: pointer;
        transition: background 0.15s ease, transform 0.1s ease;
    }

    .btn-guest-done:hover {
        background: #4338ca;
        transform: translateY(-1px);
    }

    /* Ara butonu */
    .btn-search-pro {
        width: 100%;
        border-radius: 999px;
        border: none;
        background: linear-gradient(135deg, #4f46e5, #6366f1);
        color: #ffffff;
        padding: 10px 14px;
        font-size: 0.9rem;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        cursor: pointer;
        box-shadow: 0 12px 22px rgba(79, 70, 229, 0.45);
        transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
    }

    .btn-search-pro:disabled {
        opacity: 0.7;
        cursor: wait;
        box-shadow: none;
    }

    .btn-search-pro:hover:not(:disabled) {
        transform: translateY(-1px);
        box-shadow: 0 16px 30px rgba(79, 70, 229, 0.55);
    }

    .btn-search-pro .btn-icon i {
        font-size: 0.9rem;
    }

    /* Sonuç kartı */
    #turSearchResult {
        margin-top: 16px;
    }

    .tur-result-card {
        background: #ffffff;
        border-radius: 14px;
        border: 1px solid rgba(148, 163, 184, 0.35);
        padding: 14px 16px;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.16);
        font-size: 0.9rem;
        color: #111827;
    }

    .tur-result-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 6px;
    }

    .tur-result-card-header h4 {
        font-size: 0.95rem;
        font-weight: 700;
        margin: 0;
    }

    .tur-result-meta {
        font-size: 0.8rem;
        color: #6b7280;
        margin-bottom: 8px;
    }

    .tur-result-total {
        font-size: 1rem;
        font-weight: 700;
        color: #16a34a;
    }

    .tur-result-error {
        border-radius: 12px;
        background: #fef2f2;
        border: 1px solid #fecaca;
        color: #b91c1c;
        padding: 10px 12px;
        font-size: 0.86rem;
    }

    .tur-result-loading {
        font-size: 0.86rem;
        color: #4b5563;
    }

    .tour-search-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    @media (min-width: 768px) {
        .tour-search-field.date-field {
            flex: 0 0 55%;
        }

        .tour-search-field.guest-field {
            flex: 0 0 45%;
        }

        .tour-search-field.button-field {
            flex: 1 1 100%;
        }
    }

    /* === Tarih + Kişi + Buton: alt alta, ortalanmış, %80 genişlik === */
    .tour-search-row {
        display: flex;
        flex-direction: column;
        /* hepsi alt alta */
        align-items: center;
        /* ortala */
        gap: 10px;
    }

    .tour-search-field {
        width: 80%;
        /* her satır %80 */
        max-width: 480px;
        /* istersen limit */
    }

    /* Eski media-query’yi ezmek için daha spesifik tanım */
    @media (min-width: 768px) {

        .tour-search-row .tour-search-field.date-field,
        .tour-search-row .tour-search-field.guest-field,
        .tour-search-row .tour-search-field.button-field {
            flex: 0 0 auto;
            width: 80%;
            max-width: 480px;
        }
    }

    .guest-dropdown-content {
        position: absolute;
        left: 0;
        top: calc(100% + 4px);
        width: 100%;
        background: #ffffff;
        border-radius: 14px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
        padding: 14px 14px 10px;
        z-index: 9999;
        /* yüksek tut */
        opacity: 0;
        visibility: hidden;
        transform: translateY(6px);
        transition: all 0.18s ease;
    }

    .booking-card {
        position: relative;
        overflow: visible !important;
        /* kesmeyi bırak */
    }

    /* İçteki grid satırları da kesmesin */
    .tour-search-row,
    .tour-search-field,
    .guest-selector-wrapper {
        position: relative;
        overflow: visible !important;
    }

    /* ================================================= */
    /* === YENİ RC DÜZENLEME: TARİHLERİ ALT ALTA SIRALA === */
    /* ================================================= */

    /* Tüm ekranlarda tarih alanlarının tam genişlikte olmasını sağla */
    .rc-search-row {
        flex-direction: column;
        /* Öğeleri dikey olarak sırala */
        gap: 10px;
    }

    /* Tarih alanlarının mobil/masaüstü fark etmeksizin tam genişlikte kalmasını sağla */
    .rc-search-field.rc-date-field {
        flex: 1 1 100%;
        width: 100%;
    }

    /* Masaüstü kuralını tamamen ez (yan yana düzenlemeyi devre dışı bırakır) */
    @media (min-width: 768px) {
        .rc-search-field.rc-date-field {
            flex: 1 1 100% !important;
            width: 100% !important;
        }
    }

    .booking-card-header {
        margin-bottom: 20px;
        border-bottom: 2px solid #f0f4f8;
        padding-bottom: 15px;
    }

    #rentacarForm {
        background: #dbdbdb;
        padding: 25px;
        border-radius: 20px;
        margin: 0px;
        max-width: inherit;
        border: 1px solid rgba(0, 0, 0, 0.02);
        box-shadow: 1px 4px 6px -1px rgb(172, 170, 170), 0 10px 15px -3px rgba(211, 207, 207, 0.53);
    }

    /* ================================================= */
    /* === TUR ÖZET KARTI (GENERAL) === */
    /* ================================================= */


    .booking-card-header {
        padding-bottom: 5px;
    }

    .booking-card-header .card-title {
        font-size: 1.1rem;
        font-weight: 700;
        color: #0f172a;
        margin: 0;
    }

    /* Özet Bilgi Çubuğu (Tarih / Gün Sayısı) */
    .booking-summary-info {
        display: block;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 0;
    }

    .summary-item {
        font-size: 0.9rem;
        color: #4b5563;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

    .summary-item i {
        color: #4f46e5;
        margin-right: 8px;
        font-size: 1rem;
    }

    /* Fiyat Detayı */
    .price-breakdown {
        padding: 10px 0;
    }

    .breakdown-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        font-size: 0.95rem;
    }

    .item-name {
        color: #4b5563;
    }

    .item-name .count {
        font-weight: 700;
        color: #111827;
        margin-right: 4px;
    }

    .item-desc {
        font-size: 0.75rem;
        color: #9ca3af;
    }

    .item-price .price {
        font-weight: 700;
        color: #111827;
    }

    /* Bölücü Çizgi */
    .booking-divider {
        height: 1px;
        background-color: #e5e7eb;
        margin: 10px 0;
    }

    /* Toplam Tutar */
    .total-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .total-label {
        font-size: 1.1rem;
        font-weight: 700;
        color: #0f172a;
    }

    .total-amount .price {
        font-size: 1.4rem;
        font-weight: 800;
        color: #28a745;
        /* Yeşil vurgu */
    }

    /* Ön Ödeme Kutusu */
    .prepayment-box {
        background-color: #ecfdf5;
        /* Açık yeşil arkaplan */
        border: 1px solid #a7f3d0;
        border-radius: 8px;
        padding: 10px 15px;
        margin: 15px 0;
    }

    .prepayment-label {
        display: flex;
        align-items: center;
        font-size: 0.9rem;
        font-weight: 600;
        color: #065f46;
        margin-bottom: 5px;
    }

    .prepayment-label i {
        margin-right: 8px;
        color: #059669;
    }

    .badge-prepayment {
        background-color: #10b981;
        color: white;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 0.7rem;
        font-weight: 700;
        margin-left: 10px;
    }

    .prepayment-amount {
        font-size: 1.2rem;
        font-weight: 800;
        color: #065f46;
    }

    .prepayment-note {
        font-size: 0.75rem;
        color: #10b981;
        margin-top: 5px;
    }

    /* Rezervasyon Butonu */
    .btn_1.full-width.purchase {
        /* btn-search-pro ile aynı stili alması için: */
        width: 100%;
        border-radius: 999px;
        border: none;
        background: linear-gradient(135deg, #4f46e5, #6366f1);
        color: #ffffff;
        padding: 12px 14px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(79, 70, 229, 0.35);
        transition: transform 0.12s ease, box-shadow 0.12s ease;
    }

    .btn_1.full-width.purchase:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 25px rgba(79, 70, 229, 0.45);
    }

    /* Güvenlik Yazısı */
    .secure-text {
        text-align: center;
        margin-top: 10px;
        font-size: 0.8rem;
        color: #9ca3af;
    }

    .secure-text i {
        color: #10b981;
        margin-right: 5px;
    }

/* Sources: include/rentacardetay-sayfa-ss-part.php */
/* Kapsayıcı */
    .ozel-faq-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
        /* Kartlar arası boşluk */
    }

    /* FAQ Kartı */
    .ozel-faq-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
        /* Hafif gölge */
        border: 1px solid #f0f0f0;
        overflow: hidden;
        transition: all 0.3s ease;
        position: relative;
    }

    /* Sol Vurgu Çizgisi (Başlangıçta gizli) */
    .ozel-faq-card::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #3554d1;
        /* Tema rengin */
        transform: scaleY(0);
        transition: transform 0.3s ease;
        transform-origin: top;
    }

    /* Hover Durumu */
    .ozel-faq-card:hover {
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

    /* Aktif (Açık) Durum */
    .ozel-faq-card.aktif {
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        border-color: transparent;
    }

    .ozel-faq-card.aktif::before {
        transform: scaleY(1);
        /* Çizgiyi göster */
    }

    /* Başlık Alanı (Tıklanabilir) */
    .ozel-faq-header {
        padding: 20px 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        user-select: none;
    }

    /* Soru Metni */
    .ozel-faq-title {
        font-size: 16px;
        font-weight: 700;
        color: #1a2b48;
        line-height: 1.5;
        flex: 1;
        /* Yazı alanı kaplasın */
        padding-right: 20px;
    }

    .ozel-faq-card.aktif .ozel-faq-title {
        color: #3554d1;
        /* Aktifken yazı rengi değişsin */
    }

    /* İkon Yuvarlağı */
    .ozel-faq-icon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #f4f6fb;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #3554d1;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        flex-shrink: 0;
    }

    .ozel-faq-icon i {
        font-size: 14px;
        transition: transform 0.3s ease;
    }

    /* Aktifken İkonun Hali */
    .ozel-faq-card.aktif .ozel-faq-icon {
        background: #3554d1;
        color: #fff;
        transform: rotate(45deg);
        /* Artı ise çarpı olur */
    }

    /* Cevap İçeriği (Animasyonlu Alan) */
    .ozel-faq-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out, opacity 0.4s ease;
        opacity: 0;
        background: #fff;
    }

    .ozel-faq-card.aktif .ozel-faq-body {
        max-height: 1000px;
        /* İçerik için yeterli alan */
        opacity: 1;
    }

    /* Cevap Metni */
    .ozel-faq-content {
        padding: 0 24px 24px 24px;
        color: #5e6d77;
        font-size: 15px;
        line-height: 1.7;
    }

    /* Başlık Kısmı (Widget Title) */
    .ozel-widget-title {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 25px;
        color: #1a2b48;
    }

/* Sources: include/rentacardetay.php */
/* ================================================= */
    /* === 1. TEMEL STİLLER (Detay Sayfası Genel) === */
    /* ================================================= */

    .car-info-bar {
        margin-bottom: 30px;
    }

    .info-box {
        display: flex;
        align-items: center;
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        /* Daha modern köşe */
        padding: 18px;
        /* Daha fazla iç boşluk */
        transition: all 0.3s ease-in-out;
        height: 100%;
        /* Masaüstünde hover efekti */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .info-box:hover {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
        /* Hafif yukarı hareket */
        border-color: transparent;
    }

    .info-icon {
        font-size: 1.8rem;
        /* İkonu büyüt */
        width: 45px;
        height: 45px;
        min-width: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        color: #ffffff;
    }

    .info-content {
        display: flex;
        flex-direction: column;
    }

    .info-title {
        font-size: 0.85rem;
        color: #6c757d;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .info-value {
        font-size: 1.1rem;
        /* Değeri vurgula */
        color: #343a40;
        font-weight: 700;
        margin-top: 4px;
        line-height: 1.2;
    }

    /* Renk Stilleri */
    .info-box.capacity .info-icon {
        background-color: #007bff;
    }

    .info-box.gear .info-icon {
        background-color: #28a745;
    }

    .info-box.fuel .info-icon {
        background-color: #ffc107;
    }

    .info-box.deposit .info-icon {
        background-color: #dc3545;
    }

    /* ================================================= */
    /* === 2. GENEL MOBİL DUYARLILIK KURALLARI (0-767px) === */
    /* ================================================= */

    @media (max-width: 767px) {

        /* Genel Yapı ve Dolgular */
        .main-container,
        .pd-ltr-20,
        .xs-pd-20-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        /* Info Bar Kutu Düzenlemesi: Kutu Boyutunu Küçült */
        .info-box {
            padding: 12px;
            /* Mobil padding azalt */
            /* Flex yapısı sayesinde col-6 ile yan yana durur, ancak içeriği sığdırmak için */
        }

        .info-icon {
            font-size: 1.3rem;
            /* İkonu küçült */
            width: 35px;
            height: 35px;
            min-width: 35px;
            margin-right: 10px;
        }

        .info-title {
            font-size: 0.75rem;
        }

        .info-value {
            font-size: 0.9rem;
            /* Değeri küçült */
        }

        /* İkinci Satırda Yan Yana Duruşu Korumak İçin (col-6) - Zaten G-3 ile boşluk var */
        .row.g-3>[class*="col-6"] {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
            /* Dikeyde de biraz boşluk ekle */
        }

        /* Gerekirse, çok uzun metinlerin kırılması için */
        .info-value {
            word-wrap: break-word;
            word-break: break-word;
        }
    }

    /* ================================================= */
    /* === YENİ HAVALI RENT A CAR ÖZELLİK LİSTESİ STİLLERİ === */
    /* ================================================= */

    .rentacar-feature-list {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0;
        /* İç dolguyu kaldır, kartlara bırak */
        background: transparent;
        border: none;
        border-radius: 0;
    }

    .feature-list-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
        /* Çok koyu başlık */
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 3px solid #f3f4f6;
        /* Kalın, açık ayırıcı */
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .feature-icons-grid {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        /* Masaüstünde 3 sütun */
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: 20px;
        /* Kartlar arası boşluk */
    }

    /* Her bir özelliği bir karta dönüştür */
    .feature-item {
        display: flex;
        flex-direction: column;
        /* İkon ve metin alt alta */
        align-items: flex-start;
        padding: 15px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background-color: #ffffff;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        height: 100%;
    }

    .feature-item:hover {
        box-shadow: 0 8px 25px rgba(79, 70, 229, 0.15);
        /* Hafif mor gölge */
        transform: translateY(-3px);
        border-color: #4f46e5;
    }

    .feature-icon {
        font-size: 2rem;
        /* İkonu büyüt */
        color: #4f46e5;
        /* Ana renk */
        margin-bottom: 10px;
        width: auto;
        text-align: left;
    }

    .feature-text {
        font-size: 0.9rem;
        color: #6b7280;
        line-height: 1.4;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .feature-text strong {
        font-size: 1.1rem;
        /* Değeri daha büyük yap */
        color: #111827;
        /* Koyu metin */
        font-weight: 700;
        margin-top: 2px;
    }

    /* Mobil Uyumlu Düzenleme */
    @media (max-width: 991px) {
        .feature-icons-grid {
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            /* Daha küçük ekranlarda 2 sütun */
            gap: 15px;
        }
    }

    @media (max-width: 576px) {
        .feature-icons-grid {
            grid-template-columns: 1fr;
            /* Mobil cihazlarda tek sütun */
        }
    }

/* Sources: include/transfersonuclari.php */
.ts-card__image {
  max-width: 316px !important;
}

/* Sources: include/transfertool.php */
.form-inline {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            background-color: #FFDD44; /* Arka plan rengini belirleyin */
            padding: 10px;
            border-radius: 8px;
        }
        .form-inline .form-group {
            margin-right: 10px;
            flex: 1;
        }
        .form-inline .form-group:last-child {
            margin-right: 0;
        }
        .form-inline .input-group .input-group-text {
            background-color: #ffffff;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
        }
        .datetimepicker-input {
            border-right: none;
        }
        .input-group-append {
            border-left: none;
        }
        .tempusdominus-bootstrap-4 .datepicker {
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
        }
        .tempusdominus-bootstrap-4 .table-condensed thead {
            background-color: #f8f9fa;
        }
        .tempusdominus-bootstrap-4 .table-condensed thead th {
            border-bottom: 1px solid #dee2e6;
        }
        .tempusdominus-bootstrap-4 .timepicker-hour,
        .tempusdominus-bootstrap-4 .timepicker-minute {
            color: #495057;
        }

/* Sources: include/turdetay-not.php */
/* =========================================
   FİYATA DAHİL OLANLAR KUTUSU (Included Box)
   ========================================= */
      .ts-inc-box {
          background-color: #fff;
          /* Çok açık yeşil arka plan */
          border: 1px solid #dcfce7;
          /* İnce yeşil çerçeve */
          border-left: 4px solid #22c55e;
          /* Sol tarafta kalın yeşil çizgi */
          border-radius: 8px;
          padding: 20px;
          margin-bottom: 25px;
          transition: all 0.3s ease;
          position: relative;
          overflow: hidden;
      }

      .ts-inc-box:hover {
          box-shadow: 0 4px 12px rgba(34, 197, 94, 0.1);
          transform: translateY(-2px);
      }

      /* Başlık Alanı */
      .ts-inc-header {
          display: flex;
          align-items: center;
          margin-bottom: 15px;
          padding-bottom: 15px;
          border-bottom: 1px dashed #bbf7d0;
          /* Kesikli çizgi ayırıcı */
      }

      /* Tik İkonu Yuvarlağı */
      .ts-inc-header .icon-box {
          width: 32px;
          height: 32px;
          background-color: #22c55e;
          color: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 12px;
          font-size: 14px;
          flex-shrink: 0;
          box-shadow: 0 2px 4px rgba(34, 197, 94, 0.3);
      }

      /* Başlık Yazısı */
      .ts-inc-header .title {
          margin: 0;
          font-size: 16px;
          font-weight: 700;
          color: #15803d;
          /* Koyu yeşil yazı */
          text-transform: uppercase;
          letter-spacing: 0.5px;
      }

      /* İçerik Yazısı */
      .ts-inc-content {
          color: #374151;
          /* Koyu gri okunabilir metin */
          font-size: 14px;
          line-height: 1.8;
          font-weight: 500;
      }

      /* Eğer metin nl2br ile geliyorsa satır araları düzgün dursun */
      .ts-inc-content br {
          display: block;
          margin-bottom: 8px;
          content: "";
      }

      /* Mobil Uyum */
      @media (max-width: 768px) {
          .ts-inc-box {
              padding: 15px;
          }

          .ts-inc-header .title {
              font-size: 15px;
          }
      }

/* Sources: include/turfiltre.php */
/* Genel Düzen */
.main-container {
    display: flex;
    flex-wrap: wrap;
}

/* Masaüstü İçin Sidebar Yan Tarafta */
.sidebar {
    width: 25%;
    padding-right: 15px;
}

.content {
    width: 75%;
}

/* Masaüstü İçin Varsayılan Liste Düzeni */
.grid-containertur {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 20px;
}

.tour-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.tour-details {
    padding-left: 20px;
}

.tour-details h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.tour-details p {
    margin: 5px 0;
    color: #666;
}

.tour-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tour-tags .tag {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}

.tag.green {
    background-color: #28a745;
}

.tag.blue {
    background-color: #007bff;
}

.tag.orange {
    background-color: #fd7e14;
}

.tour-price {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.tour-price small {
    font-size: 14px;
    color: #999;
}

/* Mobil İçin Grid Düzeni */
@media (max-width: 768px) {
    .sidebar {
        width: 100%;
        margin-bottom: 20px;
    }

    .content {
        width: 100%;
    }

    .grid-containertur {
        grid-template-columns: 1fr 1fr; /* İki sütunlu grid */
        gap: 10px;
    }

    .tour-item {
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 10px;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .tour-image {
        grid-column: span 2;
        text-align: center;
    }

    .tour-details, .tour-info {
        text-align: center;
        grid-column: span 2;
    }

    .tour-tags, .tour-price {
        grid-column: span 2;
        text-align: center;
    }
}
.incelebuton {
    text-align: center;
    margin-top: 15px;
}

.buton {
    background-color: #ff6f61;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
}

.buton:hover {
    background-color: #e55a4e;
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.3);
}

.buton:active {
    background-color: #d94c41;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* Sources: include/villa-dahil-haric.php */
/* Tam kapalı gün */
.availability-calendar td.closed-full {
    background: #fee2e2;
}

.availability-calendar td.closed-start {
    background: linear-gradient(
        to right,
        #4caf50 50%,
        #dc2626 50%
    ) !important;
}

.availability-calendar td.closed-end {
    background: linear-gradient(
        to right,
        #dc2626 50%,
        #4caf50 50%
    ) !important;
}

/* Kapalı gün etiketi */
.availability-calendar td.closed-date .status {
    display: inline-block;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(220, 38, 38, 0.1);
    color: #ffffffff;
}
.availability-calendar td.closed-full {
    background-color: #dc2626 !important; /* net kırmızı */
    color: #ffffff;
}

.availability-calendar--tour2027 td.closed-full {
    background: linear-gradient(180deg, #fff1f2 0%, #fee2e2 100%) !important;
    border-color: rgba(248, 113, 113, 0.34);
    color: #0f172a;
}

.availability-calendar--tour2027 td.closed-date .status {
    display: inline-flex;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
}
.availability-calendar td.closed-end .status:not(.price) {
    display: none;
}

/* Sources: include/villa-detay-1.php, include/villa-detay-2.php */
/* Varsayılan kapalı */
    .mobile-sticky-reservation {
        display: none;
    }

    /* 📱 MOBİL */
    @media (max-width: 767px) {

        .mobile-sticky-reservation {
            display: block;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            background: #fff;
            border-top: 1px solid #e5e7eb;
            box-shadow: 0 -6px 20px rgba(0, 0, 0, .1);
            padding: 10px 12px;
        }

        .sticky-inner {
            display: flex;
            gap: 10px;
        }

        .sticky-btn {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 2px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 10px;
            border: none;
            cursor: pointer;
            text-decoration: none;
        }

        .sticky-btn.reserve {
            background: #4f46e5;
            color: #fff;
        }



        /* Sticky alttayken içerik üstüne binmesin */
        body {
            padding-bottom: 90px;
        }
    }

/* Sources: include/villa-detay-fiyat-tablo.php */
.season-price-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 22px;
        margin: 40px 0;
    }

    /* Kart */
    .season-card {
        position: relative;
        background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
        border-radius: 18px;
        padding: 22px 22px 24px;
        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.6);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        overflow: hidden;
    }

    /* Hover */
    .season-card:hover {
        transform: translateY(-6px);
        box-shadow:
            0 20px 45px rgba(0, 0, 0, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.7);
    }

    /* Üst renk şeridi */
    .season-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #0d6efd, #16a34a);
    }

    /* Tarihler */
    .season-dates {
        font-size: 13px;
        color: #6b7280;
        letter-spacing: 0.3px;
        margin-bottom: 14px;
        text-transform: uppercase;
    }

    /* Fiyat */
    .season-price {
        font-size: 26px;
        font-weight: 700;
        color: #15803d;
        display: flex;
        align-items: baseline;
        gap: 6px;
    }

    .season-price small {
        font-size: 13px;
        font-weight: 500;
        color: #6b7280;
    }

    /* Hafif ikon hissi */
    .season-price::before {
        content: "₺";
        display: inline-block;
        background: #ecfdf5;
        color: #16a34a;
        font-size: 14px;
        font-weight: 700;
        padding: 6px 8px;
        border-radius: 8px;
        margin-right: 6px;
    }

    @media (max-width: 768px) {
        .season-price-list {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .season-card {
            padding: 18px;
        }

        .season-price {
            font-size: 22px;
        }
    }

    /* Aktif sezon */
    .season-card.is-current {
        border: 2px solid #0d6efd;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
    }

    /* En ucuz sezon */
    .season-card.is-best {
        background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
    }

    /* Badge */
    .badge-best,
    .badge-current {
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 11px;
        font-weight: 600;
        padding: 6px 10px;
        border-radius: 999px;
    }

    .badge-best {
        background: #16a34a;
        color: #fff;
    }

    .badge-current {
        background: #0d6efd;
        color: #fff;
        top: 44px;
    }

    /* CTA */
    .season-cta {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
        background: #0d6efd;
        color: #fff;
        padding: 8px 18px;
        font-size: 14px;
        border-radius: 999px;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .season-card:hover .season-cta {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    .season-price-header {
        margin: 50px 0 25px;
        text-align: center;
    }

    .season-price-header h2 {
        font-size: 28px;
        font-weight: 700;
        color: #111827;
        margin-bottom: 8px;
    }

    .season-price-header p {
        font-size: 15px;
        color: #6b7280;
        max-width: 620px;
        margin: 0 auto;
        line-height: 1.6;
    }

/* Sources: include/villa-kategorileri.php */
.ts-card__image {
  max-width: 310px !important;
}

/* Sources: include/villa-yorumlar.php */
/* GENEL ALAN */
    .villa-reviews {
        margin: 60px 0 30px;
    }

    .villa-reviews h3 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 25px;
        color: #111827;
    }

    /* YORUM KARTI */
    .review-card {
        background: #ffffff;
        border-radius: 14px;
        padding: 20px 22px;
        margin-bottom: 18px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .review-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.1);
    }

    /* KART ÜST */
    .review-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .review-header strong {
        font-size: 16px;
        font-weight: 600;
        color: #111827;
    }

    .stars {
        color: #fbbf24;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* YORUM METNİ */
    .review-card p {
        font-size: 15px;
        line-height: 1.7;
        color: #374151;
        margin: 8px 0 12px;
    }

    /* TARİH */
    .review-card small {
        font-size: 13px;
        color: #9ca3af;
    }

    /* YORUM YOK */
    .no-review {
        background: #f9fafb;
        border: 1px dashed #d1d5db;
        padding: 22px;
        border-radius: 14px;
        text-align: center;
        font-size: 15px;
        color: #6b7280;
    }

    /* FORM ALANI */
    .review-form {
        background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
        border-radius: 18px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        margin-bottom: 60px;
    }

    .review-form h3 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #111827;
    }

    /* FORM GRUP */
    .review-form .form-group {
        margin-bottom: 16px;
    }

    .review-form input,
    .review-form textarea,
    .review-form select {
        width: 100%;
        padding: 12px 14px;
        border-radius: 10px;
        border: 1px solid #d1d5db;
        font-size: 14px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .review-form input:focus,
    .review-form textarea:focus,
    .review-form select:focus {
        outline: none;
        border-color: #0d6efd;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
    }

    /* BUTON */
    .btn-review {
        display: inline-block;
        background: #0d6efd;
        color: #ffffff;
        border: none;
        border-radius: 999px;
        padding: 10px 26px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.25s ease, transform 0.25s ease;
    }

    .btn-review:hover {
        background: #0b5ed7;
        transform: translateY(-2px);
    }

    /* NOT */
    .review-note {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        color: #6b7280;
    }

    /* MOBİL */
    @media (max-width: 768px) {
        .review-form {
            padding: 22px;
        }

        .villa-reviews h3,
        .review-form h3 {
            font-size: 22px;
        }
    }

    .review-message {
        margin-top: 12px;
        font-size: 14px;
        padding: 10px 14px;
        border-radius: 10px;
        display: none;
    }

    .review-message.loading {
        display: block;
        background: #fef3c7;
        color: #92400e;
    }

    .review-message.success {
        display: block;
        background: #ecfdf5;
        color: #065f46;
    }

    .review-message.error {
        display: block;
        background: #fef2f2;
        color: #991b1b;
    }

    .review-alert {
        display: flex;
        align-items: center;
        gap: 14px;
        background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
        border: 1px solid #bbf7d0;
        color: #065f46;
        padding: 18px 22px;
        border-radius: 16px;
        margin: 20px 0;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
        animation: slideFade .6s ease;
    }

    .review-alert .alert-icon {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: #16a34a;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .review-alert strong {
        font-size: 16px;
    }

    .review-alert p {
        font-size: 14px;
        margin: 4px 0 0;
    }

    @keyframes slideFade {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .review-alert .alert-content {
        flex: 1;
    }

    .alert-btn {
        margin-top: 10px;
        background: #16a34a;
        color: #fff;
        border: none;
        padding: 6px 18px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 999px;
        cursor: pointer;
        transition: background .2s ease, transform .2s ease;
    }

    .alert-btn:hover {
        background: #15803d;
        transform: translateY(-1px);
    }

/* Sources: include/villadetay-galery.php */
/* GRID */
      .villa-gallery-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 8px;
      }

      /* GALERİ ITEM */
      .villa-gallery-item {
          position: relative;
          display: block;
          overflow: hidden;
          border-radius: 14px;
      }

      /* RESİM */
      .villa-gallery-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .3s ease;
      }

      @media (hover:hover) {
          .villa-gallery-item:hover img {
              transform: scale(1.05);
          }
      }

      /* +X DAHA OVERLAY */
      .villa-more-overlay {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.55);
          color: #fff;
          font-size: 22px;
          font-weight: 700;
          display: flex;
          align-items: center;
          justify-content: center;
          backdrop-filter: blur(2px);
      }

      /* MOBİL */
      @media (max-width: 767px) {
          .villa-gallery-grid {
              grid-template-columns: repeat(3, 1fr);
          }

          .villa-more-overlay {
              font-size: 18px;
          }
      }

/* Sources: include/villadetay-resdetay.php */
/* ============================= */
/* 💸 PRICE & DISCOUNT STYLES */
/* ============================= */

.ts-price-box,
.price-breakdown {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ❌ Eski fiyat */
.ts-price-box__amount--old,
.price-old {
    display: inline-block;
    color: #9ca3af;
    font-size: 13px;
    text-decoration: line-through;
    margin-bottom: 2px;
}

/* ✅ Güncel fiyat */
.ts-price-box__amount,
.price {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

/* 🟡 Küçük % indirim etiketi */
.badge-discount-xs {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    background: #facc15;
    color: #1f2937;
    vertical-align: middle;
}

/* 🟢 Büyük % indirim etiketi (Total alanı) */
.badge-discount {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    vertical-align: middle;
}

/* 🎉 Kazanç metni */
.discount-earn-text {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #16a34a;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ============================= */
/* 📋 PRICE BREAKDOWN */
/* ============================= */

.price-breakdown {
    margin-top: 10px;
}

.breakdown-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 14px;
    border-bottom: 1px dashed #e5e7eb;
}

.breakdown-row:last-child {
    border-bottom: none;
}

.breakdown-row .item-name {
    color: #374151;
}

.breakdown-row .item-name .count {
    font-weight: 600;
    margin-right: 4px;
}

.breakdown-row .item-price {
    text-align: right;
}

/* 📂 Fiyat Detayı açılır alan */
#villaPriceDetailsBox {
    margin-top: 8px;
    padding: 8px 10px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

/* ============================= */
/* 💰 TOTAL SECTION */
/* ============================= */

.total-section {
    margin-top: 12px;
}

.total-label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.total-amount {
    display: block;
    margin-top: 4px;
    font-size: 20px;
    font-weight: 800;
    color: #111827;
}

/* ============================= */
/* 💳 PREPAYMENT */
/* ============================= */

.prepayment-box {
    margin-top: 14px;
    padding: 12px;
    border-radius: 12px;
    background: #f0f9ff;
    border: 1px dashed #93c5fd;
}

.prepayment-label {
    font-size: 13px;
    font-weight: 600;
    color: #0369a1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.badge-prepayment {
    background: #2563eb;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
}

.prepayment-amount {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}

.prepayment-note {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

/* ============================= */
/* 🔘 BUTTON */
/* ============================= */

.btn_1.purchase {
    margin-top: 14px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border: none;
    font-weight: 700;
    color: #111827;
    border-radius: 12px;
    transition: all .2s ease;
}

.btn_1.purchase:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
	/* ============================= */
/* TOTAL AMOUNT – FIXED LAYOUT  */
/* ============================= */

.total-section {
    margin-top: 14px;
}

.total-label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.total-prices {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.total-old-price {
    font-size: 13px;
    color: #9ca3af;
    text-decoration: line-through;
}

.total-new-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.total-new-price {
    font-size: 22px;
    font-weight: 800;
    color: #111827;
}

.total-discount-badge {
    background: #22c55e;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

.total-earn {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #16a34a;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Sources: include/whatsapp.php */
@keyframes pulseAndColor {
        0% {
            transform: scale(1);
            background-color: #25D366;
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
        }

        50% {
            transform: scale(1.08);
            background-color: #1ebe5d;
            box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
        }

        100% {
            transform: scale(1);
            background-color: #25D366;
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        }
    }

    #whatsapp-sticky {
        position: fixed;
        bottom: 50px;
        right: 5px;
        z-index: 9999;
        background-color: #25D366;
        color: white;
        padding: 12px 16px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        gap: 8px;
        transition: all 0.3s ease;
        animation: pulseAndColor 2.5s infinite;
    }

    /* Panel başlangıçta kapalı */
    #whatsapp-panel {
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all 0.3s ease;
        position: fixed;
        bottom: 80px;
        right: 20px;
        width: 250px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        z-index: 9999;
    }

    /* Panel aktifken */
    #whatsapp-panel.active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* Panel Linkleri */
    #whatsapp-panel a {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #eee;
        color: #333;
        text-decoration: none;
        transition: background 0.3s;
        font-size: 14px;
    }

    #whatsapp-panel a i {
        margin-right: 8px;
        color: #25D366;
        font-size: 18px;
    }

    #whatsapp-panel a:hover {
        background: #f0f0f0;
    }

    .whatsapp-panel-header {
        padding: 12px 10px;
        background-color: #25D366;
        color: white;
        font-weight: 600;
        text-align: center;
        border-bottom: 1px solid #1ebe5d;
        font-size: 15px;
    }

    .online-label {
        margin-left: auto;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #28a745;
        font-weight: 500;
    }

    .online-dot {
        width: 8px;
        height: 8px;
        background-color: #28a745;
        border-radius: 50%;
        margin-right: 5px;
        animation: onlinePulse 1.5s infinite;
    }

    @keyframes onlinePulse {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        50% {
            transform: scale(1.5);
            opacity: 0.4;
        }

        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

/* Utility classes extracted from repeated style attributes */
.ky-confirm-section-title {
    background-color: #f0f8ff;
    color: #333;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ky-confirm-table {
    max-width: 50%;
    margin: auto;
}

.ky-transfer-meta-note {
    font-size: 0.85em;
    color: #64748b;
    margin-left: 4px;
}

.ky-hidden {
    display: none;
}

.ky-price-avg-note {
    font-size: 10px;
    color: #9ca3af;
    margin-top: 5px;
    display: none;
}

.ky-swiper-light {
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;
}

.ky-article-footer-note {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    color: #888;
    font-size: 0.9rem;
}

.ky-price-strong {
    font-size: 1.4rem;
    font-weight: 800;
}

.ky-text-13 {
    font-size: 13px;
}

.ky-border-dashed {
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45);
}

.ky-cursor-pointer {
    cursor: pointer;
}

.ky-mb-10 {
    margin-bottom: 10px;
}

.ky-text-center {
    text-align: center;
}

.ky-icon-primary {
    color: #007bff;
    font-size: 24px;
}

.ky-icon-success {
    color: #28a745;
    font-size: 24px;
}

.ky-icon-purple {
    color: #6f42c1;
    font-size: 24px;
}

.ky-icon-warning {
    color: #ffc107;
    font-size: 24px;
}

.ky-status-badge-danger {
    background-color: red;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
}

.ky-action-wrap-center {
    margin-bottom: 10px;
    text-align: center;
}

.ky-primary-action-btn {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.ky-action-center-gap {
    margin-top: 10px;
    text-align: center;
}

.ky-btn-danger-link {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.ky-price-chip-warning {
    background-color: #f8b400;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
}

.ky-price-chip-info {
    background-color: #00a8cc;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
}

.ky-block-mb-5 {
    display: block;
    margin-bottom: 5px;
}

.ky-btn-width-200 {
    width: 100%;
    max-width: 200px;
}

.ky-modal-header-centered {
    background-color: #007AFE;
    color: white;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.ky-modal-title-grow {
    flex-grow: 1;
    color: white;
    text-align: center;
}

.ky-close-abs-right {
    position: absolute;
    right: 15px;
}

.ky-p-20 {
    padding: 20px;
}

.ky-icon-danger {
    color: #dc3545;
    font-size: 24px;
}

.ky-icon-coral {
    color: #ff6347;
    font-size: 24px;
}

.ky-icon-dark {
    color: #343a40;
    font-size: 24px;
}

.ky-icon-info {
    color: #17a2b8;
    font-size: 24px;
}

.ky-icon-orange {
    color: #ff4500;
    font-size: 24px;
}

.ky-icon-red {
    color: red;
    font-size: 24px;
}

.ky-price-chip-total {
    background-color: #f49e42;
    color: white;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 5px;
    display: block;
}

/* Home hero carousel shows multiple banners side by side on desktop */
#proHeroSlider .owl-stage {
    display: flex;
}

#proHeroSlider .owl-item {
    display: flex;
}

#proHeroSlider .owl-item .hero-slide-item {
    width: 100%;
    height: 72vh;
    min-height: 520px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
}

#proHeroSlider .container,
#proHeroSlider .row,
#proHeroSlider .col-lg-12,
#proHeroSlider .col-md-12 {
    height: 100%;
}

#proHeroSlider .hero-content {
    margin: 20px;
    padding: 20px 18px 22px;
    border-left: 0;
    border-top: 4px solid var(--logo-sun);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.18) 0%, rgba(15, 23, 42, 0.76) 100%);
    align-self: flex-end;
    backdrop-filter: blur(3px);
}

#proHeroSlider .hero-title {
    font-size: 28px;
    margin-bottom: 14px;
}

#proHeroSlider .hero-desc {
    font-size: 14px;
    line-height: 1.5;
    max-width: none;
    margin-bottom: 18px;
}

#proHeroSlider .btn-hero {
    padding: 10px 22px;
    font-size: 13px;
}

@media (max-width: 1199px) {
    #proHeroSlider .owl-item .hero-slide-item {
        min-height: 460px;
    }

    #proHeroSlider .hero-title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    #proHeroSlider .owl-item .hero-slide-item {
        height: 60vh;
        min-height: 420px;
        border-radius: 18px;
    }

    #proHeroSlider .hero-content {
        margin: 14px;
        padding: 16px 14px 18px;
    }

    #proHeroSlider .hero-title {
        font-size: 22px;
    }

    #proHeroSlider .hero-desc {
        font-size: 13px;
    }
}

/* Home compatibility fixes after container consolidation */
#proHeroSlider .container {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#proHeroSlider .row {
    width: 100%;
    height: 100%;
    margin: 0;
}

#proHeroSlider .col-lg-12,
#proHeroSlider .col-md-12 {
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
}

#proHeroSlider .hero-content {
    width: calc(100% - 40px);
    max-width: none;
}

.tour-grid {
    padding: 24px 0 0;
}

.home-rentacar-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
    padding: 24px 0 0;
}

.home-rentacar-grid__item,
.home-rentacar-grid__inner {
    display: flex;
    min-width: 0;
    height: 100%;
}

.home-rentacar-grid__inner {
    width: 100%;
}

.home-rentacar-grid .rentacar-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.home-rentacar-grid .card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.home-rentacar-grid .car-info-grid {
    flex: 1 1 auto;
}

.home-rentacar-grid .card-detail-button {
    margin-top: auto;
}

.rentacarSwiper .swiper-wrapper {
    align-items: stretch;
}

.rentacarSwiper .swiper-slide {
    display: flex;
    height: auto;
    box-sizing: border-box;
}

.rentacarSwiper .item {
    display: flex;
    width: 100%;
    height: 100%;
}

.rentacarSwiper .item > div {
    display: flex;
    width: 100%;
    max-width: none;
    height: 100%;
}

.rentacarSwiper .rentacar-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.rentacarSwiper .card-image-container,
.rentacarSwiper .card-content {
    width: 100%;
}

.rentacarSwiper .card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.rentacarSwiper .car-info-grid {
    flex: 1 1 auto;
}

.rentacarSwiper .card-detail-button {
    margin-top: auto;
}

@media (max-width: 767px) {
    .tour-grid {
        padding-top: 18px;
    }

    .home-rentacar-grid {
        gap: 18px;
        padding-top: 18px;
    }

    #proHeroSlider .hero-content {
        width: calc(100% - 28px);
    }
}

@media (min-width: 768px) {
    .home-rentacar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .home-rentacar-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
    }
}


/* ===== css/home-utilities.css ===== */
.block{display:block}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.relative{position:relative}
.absolute{position:absolute}
.top-3{top:.75rem}
.right-3{right:.75rem}
.right-0{right:0}
.bottom-0{bottom:0}
.left-0{left:0}
.z-10{z-index:10}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-2{margin-bottom:.5rem}
.mt-4{margin-top:1rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.mr-1{margin-right:.25rem}
.mr-3{margin-right:.75rem}
.w-5{width:1.25rem}
.w-full{width:100%}
.h-56{height:14rem}
.max-w-sm{max-width:24rem}
.overflow-hidden{overflow:hidden}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-tl-xl{border-top-left-radius:.75rem}
.rounded-tr-xl{border-top-right-radius:.75rem}
.border-gray-200{border-color:#e5e7eb}
.bg-white{background-color:#fff}
.bg-white.bg-opacity-90{background-color:rgba(255,255,255,.9)}
.bg-gray-800{background-color:#1f2937}
.bg-gray-800.bg-opacity-75{background-color:rgba(31,41,55,.75)}
.bg-indigo-600{background-color:#467de5}
.text-left{text-align:left}
.text-center{text-align:center}
.text-xs{font-size:.75rem;line-height:1rem;padding-bottom:8px}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-white{color:#fff}
.text-red-500{color:#ef4444}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-800{color:#1f2937}
.text-indigo-500{color:#6366f1}
.text-indigo-600{color:#4f46e5}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.leading-tight{line-height:1.25}
.opacity-90{opacity:.9}
.cursor-pointer{cursor:pointer}
.object-cover{object-fit:cover}
.p-2{padding:.5rem}
.p-5{padding:1.25rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.gap-1\.5{gap:.375rem}
.space-y-3>*+*{margin-top:.75rem}
.shadow-lg{box-shadow:0 10px 15px rgba(15,23,42,.15),0 4px 6px rgba(15,23,42,.08)}
.shadow-2xl{box-shadow:0 20px 40px rgba(15,23,42,.18),0 8px 16px rgba(15,23,42,.1)}
.transform{transform:translateZ(0)}
.transition{transition-property:all}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}
.transition-transform{transition-property:transform,box-shadow}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hover\:opacity-90:hover{opacity:.9}
.hover\:text-indigo-600:hover{color:#4f46e5}
.hover\:bg-indigo-700:hover{background-color:#4338ca}
.hover\:shadow-2xl:hover{box-shadow:0 24px 48px rgba(15,23,42,.22),0 10px 20px rgba(15,23,42,.12)}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}

@media (min-width: 768px){
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem}
}

@media (min-width: 992px){
  .lg\:max-w-none{max-width:none}
}


/* ===== css/blog.css ===== */
/*-------- Blog --------*/
article.blog {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
article.blog figure {
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  article.blog figure {
    height: 210px;
  }
}
@media (max-width: 767px) {
  article.blog figure {
    height: 220px;
  }
}
article.blog figure .preview {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 2;
}
article.blog figure .preview span {
  background-color: #fcfcfc;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  color: #222;
  font-size: 0.75rem;
  padding: 5px 10px;
}
article.blog figure:hover .preview {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
article.blog figure img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-transition: 0.3s;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
article.blog figure img:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 991px) {
  article.blog figure img {
    height: inherit;
    max-width: 100%;
  }
}
article.blog .post_info {
  padding: 20px 30px  30px 30px;
  position: relative;
  box-sizing: border-box;
}
article.blog .post_info small {
  font-weight: 500;
  color: #999;
  font-size: 13px;
  font-size: 0.8125rem;
}
article.blog .post_info h2 {
  font-size: 21px;
  font-size: 1.3125rem;
}
article.blog .post_info h2 a {
  color: #333;
}
article.blog .post_info h2 a:hover {
  color: #004dda;
}
article.blog .post_info ul {
  margin: 0 -30px 0 -30px;
  padding: 20px 30px 0 30px;
  width: 100%;
  box-sizing: content-box;
  border-top: 1px solid #ededed;
}
article.blog .post_info ul li {
  display: inline-block;
  position: relative;
  padding: 12px 0  0 50px;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
}
article.blog .post_info ul li .thumb {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
article.blog .post_info ul li .thumb img {
  width: 40px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
article.blog .post_info ul li:last-child {
  float: right;
  padding-left: 0;
  line-height: 1;
}
article.blog .post_info ul li:last-child i {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
@media (max-width: 991px) {
  article.blog .post_info ul {
    position: static;
    width: auto;
  }
}

/*Blog Sidebar*/
.alignleft {
  float: left;
  margin: 0 15px 10px 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.alignleft img {
  width: auto;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.comments-list {
  padding: 0;
  list-style: none;
}
.comments-list h3 {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 0 0;
  margin: 0;
  text-transform: capitalize;
}
.comments-list h3 a {
  color: #555;
}
.comments-list h3 a:hover {
  color: #004dda;
}
.comments-list li {
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
.comments-list li:last-child {
  margin-bottom: 0;
}
.comments-list small {
  color: #555;
}

.widget-title {
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.widget-title h4 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}

.widget {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.widget ul.cats {
  list-style: none;
  padding: 0;
}
.widget ul.cats li {
  padding: 0 0 5px 2px;
  position: relative;
}
.widget ul.cats a {
  color: #555;
}
.widget ul.cats a:hover {
  color: #004dda;
}
.widget ul.cats a span {
  position: absolute;
  right: 0;
}

.tags a {
  background-color: #f0f0f0;
  padding: 3px 10px;
  font-size: 13px;
  margin: 0 0 4px;
  letter-spacing: 0.4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #333;
}
.tags a:hover {
  background-color: #004dda;
  color: #fff;
}

.search_blog .form-group {
  position: relative;
}
.search_blog .form-group button[type="submit"] {
  outline: none;
  color: #444;
  font-size: 21px;
  font-size: 1.3125rem;
  background: none;
  border: 0;
  position: absolute;
  top: 5px;
  right: 0;
}
.search_blog .form-group button[type="submit"]:hover {
  color: #004dda;
}

/*Blog Post*/
.singlepost {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 30px 30px 1px 30px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.singlepost figure {
  margin: -30px -30px 30px -30px;
}
.singlepost h1 {
  font-size: 28px;
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .singlepost h1 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.singlepost p {
  line-height: 1.8;
}

.postmeta {
  padding-bottom: 10px;
}
.postmeta ul {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.postmeta ul li {
  display: inline-block;
  margin: 0 15px 5px 0;
  color: #777;
}
.postmeta ul li i {
  margin-right: 3px;
}
.postmeta ul li a {
  color: #777;
}
.postmeta ul li a:hover {
  color: #004dda;
}
.postmeta ul li a i {
  margin-right: 3px;
}

.dropcaps p:first-child::first-letter {
  color: #fff;
  background-color: #004dda;
  float: left;
  font-size: 64px;
  font-size: 4rem;
  line-height: 1;
  margin: 10px 15px 0 0 !important;
  padding: 12px;
}

#comments {
  padding: 10px 0 0px 0;
  margin-bottom: 30px;
}
#comments ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#comments ul li {
  padding: 25px 0 0 0;
  list-style: none;
}
#comments .replied-to {
  margin-left: 35px;
}
@media (max-width: 767px) {
  #comments .replied-to {
    margin-left: 20px;
  }
}

.avatar {
  float: left;
  margin-right: 25px;
  width: 68px;
  height: 68px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .avatar {
    float: none;
    margin: 0 0 5px 0;
  }
}
.avatar img {
  width: 68px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.comment_right {
  display: table;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 20px 0 20px;
  position: relative;
}

.comment_right:after, .comment_right:before {
  right: 100%;
  top: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.comment_right:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}

.comment_right:before {
  border-color: transparent;
  border-width: 16px;
  margin-top: -16px;
}

.comment_info {
  padding-bottom: 7px;
}
.comment_info span {
  padding: 0 10px;
}


/* ===== css/product_page.css ===== */
/*============================================================================================*/
/* PRODUCT PAGE */
/*============================================================================================*/
.countdown_inner {
  background: #F33;
  color: #fff;
  margin-bottom: 30px;
  padding: 5px;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 767px) {
  .countdown_inner {
    margin-bottom: 15px;
  }
}

.countdown_inner.version_2 {
  padding: 10px 5px;
  position: relative;
}

.countdown_inner.version_2:before {
  border-style: solid solid solid none;
  border-width: 15px 15px 15px 0;
  bottom: -26px;
  content: "";
  left: 0;
  position: absolute;
  width: 15px;
  border-color: #F33 transparent transparent;
}

@media (max-width: 991px) {
  .countdown_inner.version_2:before {
    display: none;
  }
}

.countdown_inner.version_2 strong {
  display: block;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.2;
}

.countdown_inner .countdown {
  position: static;
  font-size: 16px;
  font-size: 1rem;
  width: auto;
  margin: 0;
  display: inline-block;
}

.countdown_inner .countdown:before {
  display: none;
}

/*-------- Carousel with thumbs --------*/
.all {
  width: 100%;
  height: auto;
}

.all .slider,
.all .slider-two {
  width: auto;
  height: auto;
  overflow: hidden;
  position: relative;
}

.all .slider .owl-nav,
.all .slider .owl-dots,
.all .slider-two .owl-nav,
.all .slider-two .owl-dots {
  display: none;
}

.all .slider:hover .left,
.all .slider:hover .right,
.all .slider-two:hover .left,
.all .slider-two:hover .right {
  visibility: visible;
  opacity: 1;
}

.all .slider:hover .left,
.all .slider-two:hover .left {
  left: 20px;
}

.all .slider:hover .right,
.all .slider-two:hover .right {
  right: 20px;
}

.all .slider .item-box,
.all .slider-two .item-box {
  overflow: hidden;
  width: 100%;
  height: 450px;
  position: relative;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {

  .all .slider .item-box,
  .all .slider-two .item-box {
    height: 350px;
  }
}

.all .slider .left,
.all .slider .right,
.all .slider-two .left,
.all .slider-two .right {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
}

.all .slider .left:hover,
.all .slider .right:hover,
.all .slider-two .left:hover,
.all .slider-two .right:hover {
  visibility: visible;
  opacity: 1;
}

.all .slider .left,
.all .slider-two .left {
  left: -20px;
  transition: left ease .25s;
}

.all .slider .left:hover,
.all .slider-two .left:hover {
  left: 20px;
}

.all .slider .left.nonl,
.all .slider .right.nonr,
.all .slider-two .left.nonl,
.all .slider-two .right.nonr {
  opacity: 0;
  visibility: hidden;
}

.all .slider .left.nonl,
.all .slider-two .left.nonl {
  left: -20px;
}

.all .slider .right,
.all .slider-two .right {
  right: -20px;
  transition: right ease .25s;
}

.all .slider .right:hover,
.all .slider-two .right:hover {
  right: 20px;
}

.all .slider .right.nonr,
.all .slider-two .right.nonr {
  right: -20px;
}

.all .slider-two:hover .left-t {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.all .slider-two:hover .right-t {
  visibility: visible;
  opacity: 1;
  right: 0;
}

.all .slider-two .item {
  transition: all ease .25s;
  height: 100px;
  border: solid 2px #e6ecf2;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}

.all .slider-two .item.active {
  border: solid 2px #ccc;
}

.all .slider-two .owl-stage {
  padding: 20px 0;
}

.all .slider-two .left-t,
.all .slider-two .right-t {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all ease .25s;
  width: 40px;
  height: 99px;
  background: no-repeat rgba(0, 77, 218, 0.85) url(../img/arrow_right.svg) center center;
}

.all .slider-two .left-t:hover,
.all .slider-two .right-t:hover {
  visibility: visible;
  opacity: 1;
}

.all .slider-two .left-t {
  transform: rotate(180deg);
  left: -40px;
}

.all .slider-two .left-t:hover {
  left: 0;
}

.all .slider-two .left-t.nonl-t,
.all .slider-two .right-t.nonr-t {
  opacity: 0;
  visibility: hidden;
}

.all .slider-two .left-t.nonl-t {
  left: -40px;
}

.all .slider-two .right-t:hover {
  right: 0;
}

.all .slider-two .right-t.nonr-t {
  right: -40px;
}

.prod_info {
  border-bottom: 1px solid #ffffff00;
  padding-bottom: 0px !important;
}

@media (max-width: 767px) {
  .prod_info {
    border-bottom: none;
    padding-bottom: 15px;
  }
}

.prod_info h1 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 10px 0 2px 0;
}

.prod_info .rating {
  margin-bottom: 10px;
}

.prod_info p {
  margin-bottom: 20px;
}

.prod_info small {
  font-weight: 600;
}

.prod_info.version_2 {
  border-bottom: none;
}

.prod_options {
  padding: 20px 0 20px 0;
}

@media (max-width: 991px) {
  .prod_options {
    padding: 0 0 20px 0;
  }
}

.prod_options label {
  padding-top: 5px;
}

.prod_options .nice-select {
  border: 1px solid #dddddd;
  height: 40px;
  line-height: 34px;
  padding-left: 10px;
}

.prod_options .nice-select:after {
  right: 15px;
}

.prod_options strong {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 36px;
}

.prod_options .colors ul {
  margin: 0;
  padding: 0;
}

.prod_options .colors ul li {
  display: inline-block;
  margin-right: 5px;
}

.prod_options .colors ul li a.color {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 28px;
  height: 28px;
  position: relative;
}

.prod_options .colors ul li a.color:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.prod_options .colors ul li a.color.active:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.prod_options .colors ul li a.color.active:before {
  font-family: 'themify';
  content: "\e64c";
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  position: absolute;
  font-weight: bold;
  top: 8px;
  left: 8px;
}

.prod_options .colors ul li a.color.color_1 {
  background-color: #ffcc00;
}

.prod_options .colors ul li a.color.color_2 {
  background-color: #ff9933;
}

.prod_options .colors ul li a.color.color_3 {
  background-color: #ff9966;
}

.prod_options .colors ul li a.color.color_4 {
  background-color: #ff9999;
}

.prod_options .colors ul li a.color.color_5 {
  background-color: #ffcc00;
}

.prod_options.version_2 {
  border: none;
}

.price_main {
  line-height: 1;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .price_main {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .price_main {
    margin-bottom: 10px;
    padding-top: 0;
  }
}

@media (max-width: 575px) {
  .price_main {
    margin-bottom: 0;
  }
}

.price_main .old_price {
  font-size: 18px !important;
  font-size: 18px !important;
}

.price_main .new_price {
  font-size: 24px;
  font-size: 1.5rem;
}

.price_main .percentage {
  top: -2px;
}

@media (max-width: 767px) {
  .btn_add_to_cart {
    text-align: right;
  }
}

.btn_add_to_cart a.btn_1 {
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 767px) {
  .btn_add_to_cart a.btn_1 {
    display: inline-block;
    width: auto;
    margin-top: 30px;
  }
}

.nav-link {
  display: block;
  padding: 0 15px;
  height: 30px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #444;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border: none;
  border-bottom: 2px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -2px;
}

.nav-tabs .nav-link {
  border: none;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-bottom: 2px solid #004dda;
  color: #004dda;
  background-color: transparent;
}

.tabs_product {
  text-align: center;
  margin-top: 0px;
}

@media (max-width: 767px) {
  .tabs_product {
    margin-top: -30px;
    padding-top: 0;
  }
}

.tabs_product .nav-tabs {
  border: none;
  border-bottom: 1px solid transparent;
  display: flex;
}

@media (max-width: 767px) {
  .tabs_product .nav-tabs {
    display: none;
  }
}

.tabs_product .nav-tabs .nav-item {
  text-transform: uppercase;
  font-weight: 500;
}

.tabs_product.version_2 {
  margin-top: 0;
}

.tabs_product.version_2 .nav-tabs {
  justify-content: center;
  flex-direction: row;
}

.tabs_product.version_3 {
  margin-top: 0;
  position: relative;
}

@media (max-width: 767px) {
  .tabs_product.version_3 .nav-tabs {
    display: flex;
  }
}

.product_actions ul {
  margin: 15px 0 0 2px;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  .product_actions ul {
    display: none;
  }
}

.product_actions ul li {
  float: left;
  margin-right: 25px;
}

@media (max-width: 767px) {
  .product_actions ul li {
    margin: -5px 10px 0 0;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .product_actions ul li:first-child i, .product_actions ul li:nth-child(2) i {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.product_actions ul li a {
  color: #444;
}

.product_actions ul li a:hover {
  color: #004dda;
}

.product_actions ul li a i {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .product_actions ul li a span {
    display: none;
  }
}

.tab_content_wrapper {
  background-color: #f8f8f8;
  padding: 30px 0 35px 0;
}

@media (max-width: 991px) {
  .tab_content_wrapper {
    padding: 30px 0 10px 0;
  }
}

@media (max-width: 767px) {
  .tab_content_wrapper {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    padding: 15px 0;
  }
}

.tab_content_wrapper .card {
  border: none;
  background-color: transparent;
}

.tab_content_wrapper .card .card-header {
  margin: 0 -15px;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #dddddd;
  background-color: #f8f8f8;
}

.tab_content_wrapper .card .card-header a {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 15px;
  color: #111;
}

.tab_content_wrapper .card .card-body {
  padding: 0;
}

.tab_content_wrapper .card .card-body h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .tabs_product .nav-tabs {
    display: flex;
  }

  .tab_content_wrapper .card {
    border: none;
  }

  .tab_content_wrapper .card .card-header {
    display: none;
  }

  .tab_content_wrapper .card .collapse {
    display: block;
  }
}

@media (max-width: 767px) {
  .tab_content_wrapper .fade:not(.show) {
    opacity: 1;
  }

  .tab_content_wrapper .tab-pane {
    display: block !important;
    opacity: 1;
  }

  .tab_content_wrapper .card .card-header {
    margin-bottom: 15px;
    border: 0;
  }

  .tab_content_wrapper .card .card-header a:after {
    font-family: themify;
    width: 20px;
    display: block;
    float: right;
  }

  .tab_content_wrapper .card .card-header a.collapsed:after {
    content: "\e61a";
  }

  .tab_content_wrapper .card .card-header a:after {
    content: "\e622";
  }
}

.review_content {
  margin-bottom: 30px;
}

.review_content h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

.review_content .rating {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0;
  float: left;
}

.review_content .rating i {
  width: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  background-color: #fec348;
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin-right: 2px;
}

.review_content .rating i.empty {
  background-color: #ccc;
}

@media (max-width: 575px) {
  .review_content .rating {
    float: none;
    display: block;
  }
}

@media (max-width: 575px) {
  .review_content .rating em {
    float: none;
    display: inline-block;
    margin-left: 10px;
  }
}

.review_content em {
  font-weight: 500;
  color: #999;
  line-height: 22px;
  margin-left: 5px;
  float: right;
}

@media (max-width: 575px) {
  .review_content em {
    float: none;
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}

.table.sizes td,
.table.sizes tr th {
  white-space: nowrap;
}

/* ===== css/hotel-detay.css ===== */
/* ===== Akordeon (Kaya Yachting stili) ===== */
:root {
    --ky-bg: #f6f8fb;
    --ky-card: #fff;
    --ky-fg: #0f172a;
    --ky-muted: #64748b;
    --ky-brand: #1e60aa;
    --ky-accent: #fc8c03;
    --ky-ok: #22c55e;
    --ky-shadow: 0 12px 30px rgba(15, 23, 42, .10);
    --ky-shadow-strong: 0 18px 50px rgba(15, 23, 42, .16);
    --ky-rad: 16px;
}

.cabins-accordion {
    background: linear-gradient(180deg, #ffffff, #f3f6fb);
    border-radius: calc(var(--ky-rad) + 4px);
    padding: 18px;
    box-shadow: var(--ky-shadow);
}

.cab-card {
    border-radius: var(--ky-rad);
    background: var(--ky-card);
    box-shadow: var(--ky-shadow);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
    margin-bottom: 14px;
    border: 1px solid rgba(30, 96, 170, .10);
}

.cab-card:has(.acc-trigger[aria-expanded="true"]) {
    box-shadow: var(--ky-shadow-strong);
    transform: translateY(-1px);
    border-color: rgba(30, 96, 170, .18);
}

.acc-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background:
        radial-gradient(120% 220% at 0% 0%, rgba(30, 96, 170, .06), transparent 60%),
        radial-gradient(120% 220% at 100% 0%, rgba(252, 140, 3, .06), transparent 60%),
        var(--ky-card);
    color: var(--ky-fg);
    border: none;
    cursor: pointer;
    text-align: left;
    position: relative;
}

.acc-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.acc-title h3 {
    font-size: clamp(16px, 1.6vw, 18px);
    margin: 0;
    font-weight: 800;
    letter-spacing: .2px;
    color: var(--ky-brand);
}

.acc-sub {
    font-size: 13px;
    color: var(--ky-muted);
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(30, 96, 170, .10), rgba(252, 140, 3, .10));
    font-weight: 700;
    font-size: 12px;
    color: #18467e;
    border: 1px solid rgba(30, 96, 170, .14);
}

.acc-ind {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(30, 96, 170, .18);
    display: grid;
    place-items: center;
    transition: transform .25s ease, background .25s ease;
    background: linear-gradient(180deg, #fff, #f3f7fd);
}

.acc-trigger[aria-expanded="true"] .acc-ind {
    transform: rotate(45deg);
    background: linear-gradient(180deg, #fff, #eef5ff);
}

.acc-ind svg {
    width: 16px;
    height: 16px;
    fill: #1e60aa
}

.acc-panel[hidden] {
    display: none !important;
}

.acc-panel {
    padding: 0 20px 20px;
    animation: accFade .25s ease;
}

@keyframes accFade {
    from {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cab-media {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
}

@media (max-width: 820px) {
    .cab-media {
        grid-template-columns: 1fr;
    }
}

.cab-img {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .06);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    background: #fafbfd;
}

.cab-img img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.cab-text p {
    margin: 0 0 10px;
    line-height: 1.6;
    color: #1b2744;

}

.cab-quote {
    margin: 0 0 14px;
    padding: 14px 16px;
    border-left: 4px solid var(--ky-accent);
    background: linear-gradient(180deg, rgba(252, 140, 3, .08), rgba(252, 140, 3, .04));
    border-radius: 10px;
    color: #6b4a1e;
    font-weight: 600;
}

.cab-hr {
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, rgba(30, 96, 170, .12), rgba(252, 140, 3, .18), rgba(30, 96, 170, .12));
    margin: 14px 0 0;
}



/* Modal stil ayarları */

/* Başlangıçta metin 100px yüksekliğe sabitlenip taşan içerik gizleniyor */
.accordion-content.collapsed {
    max-height: 100px;
    /* Bu değeri metnin ne kadar görünmesini istediğinize göre ayarlayın */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.accordion-content {
    transition: max-height 0.3s ease;
}

/* Buton başlangıçta gizli; JS ile içerik uzunluğuna göre gösterilecek */
.accordion-button {
    display: none;
}


/* Container ayarları */
.blog-author {
    padding: 2rem;
    background-color: #fafafa;
    border-radius: .5rem;
    border: 1px solid #e2e8f0;
    margin-bottom: 2rem;
}

/* Başlık */
.dahilharicbaslik {
    margin-bottom: 1rem;
    color: #2d3748;


}

/* İki kolonluk düzen için */
.blog-author .author-info .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.blog-author .author-info .col-md-6 {
    flex: 0 0 50%;
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Liste öğeleri */
.blog-author .included-item,
.blog-author .excluded-item {
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
    font-size: 0.9375rem;
    /* text-15 */
    color: #1a202c;
    /* text-dark-1 */
}

.blog-author .included-item i,
.blog-author .excluded-item i {
    font-size: 1rem;
    /* text-10 → yaklaşık 1rem/16px */
    margin-right: .5rem;
}

/* Icon renkleri */
.blog-author .included-item i.icon-check {
    color: #38a169;
    /* yeşil ton */
}

.blog-author .excluded-item i.icon-close {
    color: #e53e3e;
    /* kırmızı ton */
}

/* Responsive: küçük ekranlarda üst üste geçiş */
@media (max-width: 767px) {
    .blog-author .author-info .col-md-6 {
        flex: 0 0 100%;
        margin-bottom: 1.5rem;
    }
}



.swiper-slide .galeri-ratio {
    height: 400px !important;
    overflow: hidden !important;
}

.swiper-slide .galeri-ratio img {
    width: 100% !important;
    /* auto yerine %100 */
    height: 100% !important;
    /* tam doldur */
    object-fit: cover !important;
    display: block !important;
}

.galeri-swiper {
    width: 100% !important;
}

.swiper-slide {
    width: auto !important;
}



.yorumgonder {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: #fc8c03;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.yorumgonder .icon-arrow-top-right {
    margin-left: 0.5rem;
    transition: transform 0.2s ease;
}

.yorumgonder:hover {
    background: #112c5c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.yorumgonder:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Mobilde tam genişlik istersen: */
@media (max-width: 576px) {
    .yorumgonder {
        width: 100%;
        justify-content: center;
    }
}


.foto-goster-buton {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 20;
}

.foto-goster-buton button {
    background-color: #0d6efd;
    border: none;

    padding: 8px 16px;
    border-radius: 8px;
    color: white;
}

@media (max-width: 768px) {
    .foto-goster-buton {
        bottom: 5px;
        right: 5px;
    }
}

/* Özel stil: Başlık ve paylaş butonunu yan yana hizalamak için */
.blog-header {
    display: flex;
    align-items: center;
    /* Dikey ortalama */
    justify-content: space-between;
    /* Başlık sola, buton sağa */
    flex-wrap: wrap;
    /* Dar ekranlarda alt alta geçmesini sağlıyor */
    gap: 1rem;
    /* Elemanlar arası boşluk */
    margin-bottom: 1.25rem;
    /* mb-20 yerine */
}

.blog-header .blog-details-title {
    margin: 0;
    /* Başlığın varsayılan marjını sıfırla */
    font-size: 2rem;
    /* İhtiyaca göre ayarla */
}

.blog-header .share-button {
    margin: 0;
    /* Varsayılan margin’leri kaldır */
    white-space: nowrap;
    /* Metin tek satırda kalsın */
}

/* Ürün meta listesini 4 eşit kolona böl */
.urun-meta ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Her bir li öğesi eşit genişlikte */
.urun-meta ul li {
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    display: block;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    flex: 1 1 25%;
}

/* İkon stili */
.urun-meta ul li i {
    font-size: 1.2rem;
    color: #0d6efd;
}

/* Dar ekranlarda 2 sütuna düşürmek istersen */
@media (max-width: 768px) {
    .urun-meta ul li {
        flex: 1 1 50%;
    }
}



.emojistil {
    display: inline-block;
    font-size: 2rem;
    /* Emoji boyutu */
    line-height: 1;
    /* Yüksekliği sıkı tut */
    padding: 0.3rem;
    /* Emoji etrafındaki boşluk */
    background-color: #f0f4ff;
    /* Açık mavi arka plan */
    border: 2px solid #a0b9ff;
    /* Hafif mavi kenarlık */
    border-radius: 50%;
    /* Tam yuvarlak şekil */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

.emojistil:hover {
    transform: scale(1.1) rotate(10deg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.ozellikliste {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    /* dikey boşluk */
    border-bottom: 1px solid #e2e8f0;
    /* isterseniz ayırıcı çizgi */

}

.liste {
    font-weight: bolder;

}

.listekarsi {
    /* otomatik olarak sağa yaslamak için */
    margin-left: auto;
}

/* Son elemanın alt çizgisi olmasın isterseniz: */
.widget.social .ozellikliste:last-child {
    border-bottom: none;
}


/* Genel container ayarları */
.program-item {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.2s ease;
}

.program-item:hover {
    background-color: #fafafa;
}

/* İkon (sıra numarası) */
.program-icon {
    flex: 0 0 40px;
    height: 40px;
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* İçerik kısmı */
.program-content {
    margin-left: 20px;
    flex: 1;
}

/* Mekan başlığı */
.program-content .program-location {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 4px;
    color: #333;
}

/* Aktivite açıklaması */
.program-content .program-activity {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 6px;
    color: #555;
}

/* Durak ve süre bilgisi */
.program-content .program-duration {
    font-size: 14px;
    line-height: 1.3;
    color: #888;
}

/* Responsive ayar */
@media (max-width: 576px) {
    .program-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 8px;
        /* padding’i küçülttük */
        margin-bottom: 8px;
        /* her item arası boşluk */
        border-radius: 4px;
        /* hafif yuvarlaklık */
        box-shadow: none;
        /* gölgeyi kaldırdık */
        border-bottom: 1px solid #e0e0e0;
        /* alt çizgi geri geldi */
    }

    .program-icon {
        flex: 0 0 32px;
        /* ikon boyutu küçüldü */
        width: 32px;
        height: 32px;
        font-size: 14px;
        /* sayı yazısı küçüldü */
        line-height: 32px;
        margin-bottom: 6px;
        /* alt boşluk azaltıldı */
    }

    .program-content {
        margin-left: 0;
        width: 100%;
    }

    .program-content .program-location {
        font-size: 14px;
        /* yazı boyutları küçüldü */
        margin-bottom: 4px;
    }

    .program-content .program-activity {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .program-content .program-duration {
        font-size: 12px;
        margin-bottom: 0;
    }
}


.share-modal {
    display: none;
    /* Başlangıçta gizli */
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.share-modal-content {
    background-color: #77c1ff;
    margin: 15% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 300px;
    text-align: center;
    position: relative;
    color: white;
    border: 1px solid;
}

.share-modal-content .share-link {
    display: block;
    margin: 10px 0;
    text-decoration: none;
    color: #072f15;
    font-size: 16px;
}

.share-modal-content .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
}

.share-modal-content .close:hover {
    color: #000;
}


.col-md-6 .liste {
    margin-right: 1.5rem;
    /* istediğin değeri ayarla: 1rem / 2rem vs. */
}



.blog-sidebar .widget {
    background: #f0f2f5;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 15px;
    /* İsteğe bağlı: Hafif bir kenarlık ekleyerek widget'ı belirginleştirir */
    border: 1px solid #e0e0e0;
}

/* Not: Mevcut padding, border-radius gibi değerleri koruyoruz */
.blog-single .blockqoute {
    /* YENİ ARKA PLAN: Çok açık, sıcak krem/bej tonu */
    background: #fffaf0;

    /* Vurgu çizgisi aynı kalsın (Kurumsal Mavi) */
    border-left: 6px solid var(--corporate-blue);

    padding: 30px 40px 30px 50px;
    font-size: 18px;
    font-style: italic;
    margin: 30px 0;
    border-radius: 8px;
    position: relative;
    color: var(--corporate-text-dark);
    overflow: hidden;
    line-height: 1.6;
    z-index: 1;
}

/* Büyük tırnak işareti (::before) aynı kalsın ki kurumsal mavi bağını korusun */
.blog-single .blockqoute::before {
    content: '“';
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 10rem;
    font-family: var(--font-serif);
    font-weight: 900;
    line-height: 1;
    /* Renk: Çok silik kurumsal mavi */
    color: rgba(0, 51, 102, 0.07);
    z-index: 0;
}

.blog-single {
    position: relative;
}

.py-80 {
    padding: 80px 0;
}

.blog-header .share-button {
    margin: 0;
    white-space: nowrap;
    background: #73bffd;
    padding: 17px;
    border-radius: 10px;
    color: white;
    font-weight: bolder;
    border: none;
    font-size: medium;
}

.blog-single .blog-author {
    display: flex;
    justify-content: start;
    align-items: center;
    background: rgb(118, 193, 255);
    margin: 50px 0;
    padding: 20px;
    border-radius: 15px;
}

.container {
    max-width: 1371px;
}

.blog-sidebar .widget .widget-title {
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    font-size: 22px;
    color: #0A2155;
    font-weight: 700;
}

.blog-header .blog-details-title {
    margin: 0;
    font-size: 2rem;
    color: #0A2155;
}

.dahilharicbaslik {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #0A2155;
}



/* Genel stil */
.availability-calendar {
    width: 100%;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.availability-calendar h2 {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
}

.legend {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.legend span {
    margin: 0 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.legend-box {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
}

/* Müsait günler */
.legend-box.available {
    background-color: #81ff76;
    border: 1px solid #00b300;
}

/* Tam dolu günler */
.legend-box.full {
    background-color: #ff4d4d;
    border: 1px solid #cc0000;
}

/* Giriş için yarım sağ kırmızı */
.legend-box.half-right {
    background: linear-gradient(to left, #ff4d4d 50%, transparent 50%);
    border: 1px solid #cc0000;
}

/* Çıkış için yarım sol kırmızı */
.legend-box.half-left {
    background: linear-gradient(to right, #ff4d4d 50%, transparent 50%);
    border: 1px solid #cc0000;
}

/* Takvim üst bilgi */
.calendar-header {
    display: block;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.calendar-header button {
    background-color: #1e60aa;
    border: none;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    color: white;
}

.calendar-header button:hover {
    background-color: #ddd;
}

/* Takvim tablosu */
.calendar-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
    position: relative;
    /* Tooltip'in doğru konumlanmasını sağlar */
    overflow: visible;
    /* Tooltip'in kesilmesini engeller */
}

.calendar-table th {
    font-size: 17px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
}

.calendar-table td {
    height: 70px;
    vertical-align: top;
    position: relative;
    border: 1px solid #fff;
    cursor: pointer;
    background-color: #4caf50;
    transition: background-color 0.3s ease;
}

/* Kapalı tarih için tam dolu hücre */
.calendar-table td.full {
    background-color: #ff4d4d !important;
    color: #fff !important;
}

/* Kapalı tarih başlangıcı için yarım hücre (sağ) */
.calendar-table td.half-left {
    background: linear-gradient(to left, rgb(255, 255, 255) 50%, transparent 50%);
    color: #fff !important;
}

/* Kapalı tarih bitişi için yarım hücre (sol) */
.calendar-table td.half-right {
    background: linear-gradient(to right, rgb(255, 255, 255) 50%, transparent 50%);
    color: #fff !important;
}

/* Geçmiş tarih */
.calendar-table td.past-date {
    background-color: #f0f0f0 !important;
    color: #aaa;
    cursor: not-allowed;
}

.calendar-table td.past-date .price {
    display: none;
}

/* Fiyat ve tarih */
.calendar-table td .date {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    /* Tarih ile fiyat/durum arasındaki boşluk */
    color: #333;
}

.calendar-table td .price {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #555;
    margin-top: 5px;
    background: white;
    text-align: center;
}

.availability-calendar--tour2027 {
    margin: 34px auto 24px;
    padding: 24px;
    border: 1px solid rgba(203, 213, 225, 0.92);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 28%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 24%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.08);
    font-family: "Poppins", Arial, sans-serif;
}

.availability-calendar--tour2027 .availability-calendar__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.availability-calendar--tour2027 .availability-calendar__intro {
    max-width: 520px;
}

.availability-calendar--tour2027 .availability-calendar__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #0f766e;
}

.availability-calendar--tour2027 h2 {
    margin: 0 0 8px;
    text-align: left;
    font-size: clamp(1.4rem, 1.15rem + 0.7vw, 2rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #0f172a;
}

.availability-calendar--tour2027 .availability-calendar__desc {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #64748b;
}

.availability-calendar--tour2027 .legend {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin: 2px 0 0;
}

.availability-calendar--tour2027 .legend span {
    margin: 0;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(226, 232, 240, 0.95);
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.availability-calendar--tour2027 .legend-box {
    width: 12px;
    height: 12px;
    margin-right: 0;
    border-radius: 999px;
    border: 0;
}

.availability-calendar--tour2027 .legend-box.available {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}

.availability-calendar--tour2027 .legend-box.full {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.availability-calendar--tour2027 .calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 18px;
    border-radius: 22px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(226, 232, 240, 0.95);
}

.availability-calendar--tour2027 .calendar-header button {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f766e, #0b5f83);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 12px 24px rgba(11, 95, 131, 0.18);
}

.availability-calendar--tour2027 .calendar-header button:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
}

.availability-calendar--tour2027 .calendar-header .month-year {
    flex: 1 1 auto;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f172a;
}

.availability-calendar--tour2027 .calendar-table {
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 8px;
}

.availability-calendar--tour2027 .availability-calendar__table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.availability-calendar--tour2027 .calendar-table th {
    padding: 10px 4px;
    border: 0;
    background: transparent;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #94a3b8;
}

.availability-calendar--tour2027 .calendar-table td {
    height: 94px;
    width: auto;
    padding: 12px 10px 10px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.availability-calendar--tour2027 .calendar-table td:not(.past-date):hover {
    transform: translateY(-2px);
    border-color: rgba(125, 211, 252, 0.85);
    box-shadow: 0 14px 24px rgba(15, 23, 42, 0.08);
}

.availability-calendar--tour2027 .calendar-table td .date {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.availability-calendar--tour2027 .calendar-table td .status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.availability-calendar--tour2027 .calendar-table td .status.price {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.availability-calendar--tour2027 .calendar-table td.past-date {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-color: rgba(226, 232, 240, 0.9);
    color: #cbd5e1;
    opacity: 0.86;
}

/* Tooltip görünümü varsayılan olarak gizli */
.calendar-table td .tooltipx {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 10;
    white-space: nowrap;
}

/* Tooltip aktif olduğunda */
.calendar-table td.active .tooltipx {
    display: block;
}

/* Mobil için hücreye tıklama */
@media (max-width: 768px) {
    .calendar-table td .price {
        display: none;
    }

    /* Fiyat mobilde tooltip olacak */
    .calendar-table td .status {
        display: none !important;
        /* Mobilde görünmez */
    }

    .blog-header .blog-details-title {
        margin: 0;
        font-size: 24px;
        color: #0A2155;
    }

    .availability-calendar--tour2027 {
        padding: 16px;
        border-radius: 22px;
    }

    .availability-calendar--tour2027 .availability-calendar__top {
        flex-direction: column;
        margin-bottom: 16px;
    }

    .availability-calendar--tour2027 .legend {
        justify-content: flex-start;
    }

    .availability-calendar--tour2027 .calendar-header {
        padding: 12px 14px;
        border-radius: 18px;
    }

    .availability-calendar--tour2027 .calendar-header button {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 16px;
    }

    .availability-calendar--tour2027 .calendar-table {
        border-spacing: 6px;
        min-width: 640px;
    }

    .availability-calendar--tour2027 .calendar-table th {
        font-size: 0.68rem;
        padding: 8px 0 2px;
    }

    .availability-calendar--tour2027 .calendar-table td {
        height: 74px;
        padding: 9px 6px 8px;
        border-radius: 16px;
    }

    .availability-calendar--tour2027 .calendar-table td .date {
        margin-bottom: 8px;
        font-size: 0.88rem;
    }

    .availability-calendar--tour2027 .calendar-table td .status {
        display: inline-flex !important;
        min-height: 24px;
        padding: 4px 8px;
        font-size: 10px;
        white-space: nowrap;
    }
}

.rating .icon-star {
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
    /* boş yıldız rengi */
}

.rating .icon-star::before {
    content: '☆';
    /* boş yıldız */
}

.rating .icon-star.active {
    color: #ffc107;
    /* dolu yıldız rengi */
}

.rating .icon-star.active::before {
    content: '★';
    /* dolu yıldız */
}

#calendarModal {
    z-index: 1000;
}

.calendar-table td {
    cursor: pointer;
    text-align: center;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    position: relative;
}

.calendar-table td.selected {
    background-color: #ffeb3b;
}

.calendar-table td.in-range {
    background-color: #fff176;
}

.closed-date {
    background-color: #ff4d4d !important;
    color: white;
    pointer-events: none;
    /* Tıklanamaz hale getir */
    cursor: not-allowed;
    text-align: center;
}

/* ================================
   CABIN TABS — Glam Glass + Neon
   ================================ */

/* Marka renklerini kolay değiştirmek için */
:root {
    --tab-fg: #0b1b3a;
    --tab-fg-inv: #ffffff;
    --tab-surface: rgba(255, 255, 255, .65);
    --tab-surface-dim: rgba(255, 255, 255, .35);
    --tab-stroke: rgba(30, 96, 170, .35);

    --accent-1: #1e60aa;
    --accent-2: #1e60aa;
    --accent-3: #1e60aa;

    --grad: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 50%, var(--accent-3) 100%);
    --shadow-1: 0 8px 24px rgba(30, 96, 170, .18);
    --shadow-2: 0 14px 34px rgba(3, 229, 252, .22);
}

/* Kapsayıcı: yatay kaydırma + yumuşak kenar maskesi */
.cabin-tabs-wrap {
    position: relative;
    padding: 10px 8px;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .3));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid var(--tab-stroke);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .06) inset;
}

/* UL: pill’ler arası boşluk, scroll ve snap */
#cabinTabs {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 4px;
    margin: 0;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge legacy */
    scroll-snap-type: x proximity;
}

#cabinTabs::-webkit-scrollbar {
    display: none;
}

/* WebKit */

/* LI default boşluklarını sıfırla */
#cabinTabs .nav-item {
    margin: 0;
    scroll-snap-align: start;
}

/* Bootstrap override: nav-pills linkleri biz kontrol edeceğiz */
#cabinTabs .nav-link {
    border: none;
    border-radius: 999px !important;
    color: var(--tab-fg);
    background: transparent;
    transition:
        transform .18s ease,
        box-shadow .25s ease,
        color .18s ease,
        background .25s ease,
        border-color .25s ease;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    /* pseudo katmanlar için */
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1;
    padding: 12px 18px;
    min-height: 42px;
    white-space: nowrap;
    user-select: none;
}

/* Neon-çerçeveli cam düğme: gradientli border + cam yüzey */
#cabinTabs .nav-link.cabin-tab {
    background:
        linear-gradient(var(--tab-surface), var(--tab-surface)) padding-box,
        var(--grad) border-box;
    border: 2px solid transparent;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Hover: hafif yukarı kalkış + parıltı */
#cabinTabs .nav-link.cabin-tab:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-1);
}

/* Aktif tab: full neon dolgu + kuvvetli glow */
#cabinTabs .nav-link.cabin-tab.active {
    color: var(--tab-fg-inv) !important;
    background: var(--grad);
    border-color: transparent;
    box-shadow: var(--shadow-1), var(--shadow-2);
    padding: 10px !important;
}

/* Aktif tab iç parıltı çizgisi (soldan sağa akan highlight) */
#cabinTabs .nav-link.cabin-tab.active::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120px 24px at -20% 50%, rgba(255, 255, 255, .65), transparent 60%),
        radial-gradient(120px 24px at 120% 50%, rgba(255, 255, 255, .45), transparent 60%);
    mix-blend-mode: screen;
    animation: cabinSheen 2.2s linear infinite;
    pointer-events: none;
    z-index: -1;
}

@keyframes cabinSheen {
    0% {
        transform: translateX(-6%);
    }

    100% {
        transform: translateX(6%);
    }
}

/* İnteraktif odak halkası (klavye erişilebilirlik) */
#cabinTabs .nav-link.cabin-tab:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(3, 229, 252, .35),
        0 0 0 6px rgba(30, 96, 170, .20);
}

/* Basılı tutma feedback (mobil için “klik” hissi) */
#cabinTabs .nav-link.cabin-tab:active:not(.active) {
    transform: translateY(0);
    filter: brightness(.97);
}

/* Min/fiyat rozetini eklemek istersen .badge sınıfını güzelleştir */
#cabinTabs .nav-link .badge {
    margin-left: 8px;
    font-weight: 800;
    border-radius: 999px;
    padding: 5px 8px;
    background: rgba(255, 255, 255, .25);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .35);
}

/* Koyu mod desteği (istemci tercihi) */
@media (prefers-color-scheme: dark) {
    :root {
        --tab-fg: #e8f0ff;
        --tab-surface: rgba(255, 255, 255, .08);
        --tab-surface-dim: rgba(255, 255, 255, .05);
        --tab-stroke: rgba(255, 255, 255, .15);
    }

    .cabin-tabs-wrap {
        position: relative;
        padding: 10px 8px;
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .3));
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border: 1px solid var(--tab-stroke);
        box-shadow: 0 6px 24px rgba(0, 0, 0, .06) inset;
        color: #0a2155;
    }

    #cabinTabs .nav-link.cabin-tab {
        color: #dbe8ff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    }
}

/* Küçük ekran optimizasyonu */
@media (max-width: 520px) {
    #cabinTabs .nav-link.cabin-tab {
        padding: 10px 14px;
        font-weight: 700;
        font-size: .95rem;
    }
}

/* Hareketi azalt tercihine saygı */
@media (prefers-reduced-motion: reduce) {

    #cabinTabs .nav-link,
    #cabinTabs .nav-link.cabin-tab.active::after {
        transition: none !important;
        animation: none !important;
    }
}

/* ===================== ULTRA-PREMIUM COMMENT FORM ===================== */
/* Palet & ölçüler */
:root {
    --brand: #1e60aa;
    --brand-2: #03e5fc;
    --ink: #13223a;
    --muted: #6a7686;
    --bg: #f5f8fc;
    --card: #ffffff;

    --radius-xxl: 22px;
    --radius-xl: 18px;
    --radius-lg: 14px;
    --radius-md: 12px;

    --shadow-1: 0 10px 24px rgba(18, 44, 92, .08);
    --shadow-2: 0 18px 40px rgba(18, 44, 92, .14);
    --ring: 0 0 0 4px rgba(3, 229, 252, .18);
}

/* Dark mode otomatik */
@media (prefers-color-scheme: dark) {
    :root {
        --ink: #e8eef7;
        --muted: #b7c0cc;
        --bg: #0e1422;
        --card: #121c2f;
        --shadow-1: 0 10px 24px rgba(0, 0, 0, .45);
        --shadow-2: 0 18px 40px rgba(0, 0, 0, .6);
        --ring: 0 0 0 5px rgba(3, 229, 252, .20);
    }
}

/* ***************** Dış Kapsayıcı ***************** */
#commentForm {
    position: relative;
    border-radius: var(--radius-xxl);
    padding: 28px;
    background:
        radial-gradient(1100px 160px at 15% -10%, rgba(3, 229, 252, .09), transparent 60%),
        radial-gradient(900px 140px at 110% -15%, rgba(30, 96, 170, .10), transparent 55%),
        var(--bg);
    box-shadow: var(--shadow-1);
    border: 1px solid rgba(30, 96, 170, .12);
    overflow: hidden;
}

/* Dekoratif yumuşak parıltı */
#commentForm::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: radial-gradient(900px 450px at -10% -15%, rgba(3, 229, 252, .08), transparent 40%),
        radial-gradient(700px 360px at 110% -10%, rgba(30, 96, 170, .08), transparent 40%);
    pointer-events: none;
}

/* Başlık (h3 üst konteynerdeyse etkilenir) */
.blog-comment-form h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 900;
    letter-spacing: .2px;
    color: var(--ink);
    margin-bottom: 18px;
}

.blog-comment-form h3::after {
    content: "";
    width: 48px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand), var(--brand-2));
    box-shadow: 0 8px 22px rgba(30, 96, 170, .28);
}

/* Satır aralıkları */
#commentForm .row {
    row-gap: 14px;
}

/* Mikro etiket (kategori başlıkları: location/staff...) */
#commentForm .liste {
    color: var(--muted);
    font-weight: 800;
    letter-spacing: .25px;
    background: linear-gradient(180deg, rgba(30, 96, 170, .10), rgba(3, 229, 252, .08));
    border: 1px solid rgba(30, 96, 170, .14);
    padding: 7px 12px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(18, 44, 92, .08) inset;
}

/* Form inputları genişlik ayarı */
#commentForm .form-control {
    width: 100% !important;
    /* Her zaman tam genişlik */
    max-width: 100%;
    /* Daraltılmasını engeller */
    display: block;
    box-sizing: border-box;
}

/* İki kolon yan yana dursun diye */
#commentForm .col-md-6 {
    flex: 0 0 50%;
    /* %50 genişlik */
    max-width: 50%;
}

/* Mobilde tek kolon olsun */
@media (max-width: 767.98px) {
    #commentForm .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ***************** YILDIZ OYLAMA ***************** */
/* HTML: <div class="rating" data-rating-name="rating_location"><span class="icon-star" data-value="1">… */
.rating {
    --star: 24px;
    --gap: 8px;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: var(--gap);
    margin-left: 10px;
    user-select: none;
}

.rating .icon-star {
    position: relative;
    width: var(--star);
    height: var(--star);
    cursor: pointer;
    transform: translateZ(0);
}

/* Kontur (boş yıldız) */
.rating .icon-star::before {
    content: "★";
    position: absolute;
    inset: 0;
    font-size: var(--star);
    color: rgba(30, 96, 170, .30);
    filter: drop-shadow(0 2px 8px rgba(18, 44, 92, .10));
    transition: transform .16s ease, color .18s ease, opacity .18s ease;
}

/* Dolu yıldız – gradyan ışıltı */
.rating .icon-star::after {
    content: "★";
    position: absolute;
    inset: 0;
    font-size: var(--star);
    color: transparent;
    background: linear-gradient(135deg, var(--brand), var(--brand-2));
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow:
        0 8px 22px rgba(30, 96, 170, .25),
        0 0 0 rgba(0, 0, 0, 0);
    opacity: 0;
    transform: translateY(0);
    transition: opacity .2s ease, transform .2s ease;
}

/* Hover: bulunduğu ve solundakiler dolu görünsün */
.rating .icon-star:hover::after,
.rating .icon-star:hover~.icon-star::after {
    opacity: 1;
    transform: translateY(-1px);
}

.rating .icon-star:hover::before,
.rating .icon-star:hover~.icon-star::before {
    color: rgba(30, 96, 170, .12);
    transform: translateY(-1px) scale(1.02);
}

/* Seçili (JS ile .is-active ekle) */
.rating .icon-star.is-active::after,
.rating .icon-star.is-active~.icon-star::after {
    opacity: 1;
}

.rating .icon-star.is-active::before,
.rating .icon-star.is-active~.icon-star::before {
    color: rgba(30, 96, 170, .12);
}

/* Klavye odak */
.rating .icon-star:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(3, 229, 252, .55);
    border-radius: 6px;
}

/* ***************** FORM KONTROLLERİ ***************** */
#commentForm .form-group {
    margin-bottom: 12px;
}

#commentForm .form-control {
    border: 1.5px solid rgba(30, 96, 170, .18);
    background: linear-gradient(180deg, var(--card), color-mix(in oklab, var(--card) 92%, #fff));
    color: var(--ink);
    border-radius: var(--radius-lg);
    padding: 12px 14px;
    line-height: 1.35;
    transition: border-color .18s ease, box-shadow .18s ease, transform .06s ease, background .18s ease;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 0 0 rgba(0, 0, 0, 0);
}

#commentForm .form-control::placeholder {
    color: color-mix(in oklab, var(--muted) 78%, white);
}

/* Focus: cam halka + hafif kaldırma */
#commentForm .form-control:focus {
    border-color: color-mix(in oklab, var(--brand) 72%, white);
    box-shadow: var(--ring), 0 10px 26px rgba(30, 96, 170, .12);
    transform: translateY(-1px);
    outline: none;
}

/* Textarea */
#commentForm textarea.form-control {
    min-height: 140px;
    resize: vertical;
}

/* Durum renkleri (JS/Backend ile .has-… sınıfını form-group’a ekle) */
#commentForm .has-error .form-control {
    border-color: #dc2626;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .14);
}

#commentForm .has-success .form-control {
    border-color: #16a34a;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, .14);
}

/* ***************** GÖNDER BUTONU ***************** */
.yorumgonder {
    --pad-x: 26px;
    --pad-y: 13px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: var(--pad-y) var(--pad-x);
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    letter-spacing: .25px;
    background: linear-gradient(135deg, var(--brand), var(--brand-2));
    box-shadow: 0 12px 26px rgba(30, 96, 170, .28), inset 0 -2px 0 rgba(255, 255, 255, .15);
    transform: translateZ(0);
    transition: transform .08s ease, box-shadow .18s ease, filter .18s ease;
}

/* Parıltı şeridi */
.yorumgonder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .45) 50%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-120%);
    transition: transform .9s cubic-bezier(.22, .61, .36, 1);
}

.yorumgonder:hover::before {
    transform: translateX(120%);
}

.yorumgonder .icon-arrow-top-right {
    transition: transform .18s ease;
}

.yorumgonder:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-2);
    filter: saturate(106%);
}

.yorumgonder:hover .icon-arrow-top-right {
    transform: translate(2px, -2px);
}

.yorumgonder:active {
    transform: translateY(0);
}

/* ***************** Hiza & Responsive ***************** */
#commentForm .d-flex.align-items-center {
    gap: 12px;
}

@media (max-width: 991.98px) {
    #commentForm {
        padding: 22px;
    }

    .rating {
        --star: 23px;
        --gap: 7px;
    }
}

@media (max-width: 575.98px) {
    #commentForm {
        padding: 18px;
    }

    .rating {
        --star: 22px;
        --gap: 6px;
    }

    #commentForm .liste {
        max-width: 50vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .yorumgonder {
        width: 100%;
        justify-content: center;
    }
}

/* ***************** Yumuşak giriş animasyonu ***************** */
#commentForm {
    opacity: 0;
    transform: translateY(8px) scale(.995);
    animation: cmtIn .28s ease-out forwards;
}

@keyframes cmtIn {
    to {
        opacity: 1;
        transform: none;
    }
}

/* Accordion item wrapper */
.accordion__item {
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .25rem;
    overflow: hidden;
}

/* Header button */
.accordion__button {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem;
    background-color: #f9fafb;
}

/* Icon container */
.accordion__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: transform .2s;
}

/* Hide minus by default */
.accordion__icon .icon-minus {
    display: none;
}

/* When active, rotate icon and swap plus/minus */
.accordion__item.active .accordion__icon {
    transform: rotate(180deg);
}

.accordion__item.active .icon-plus {
    display: none;
}

.accordion__item.active .icon-minus {
    display: block;
}

/* Content area */
.accordion__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    background-color: #fff;
}

/* Inner padding for content */
.accordion__content .pt-20 {
    padding-top: 1.25rem;
}

.accordion__content .pl-60 {
    padding-left: 1rem;
}

.col-md-6 .liste {
    margin-right: 1.5rem;
    /* istediğin değeri ayarla: 1rem / 2rem vs. */
}

.gun-badge {
    display: inline-block;
    background-color: #22c55e;
    /* yeşil */
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.gun-badge:last-child {
    margin-right: 0;
}