@font-face { font-family: "Castle Sans"; src: url(/dist/font/castle-v2-rf-latin.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Castle Sans"; src: url(/dist/font/castle-v2-rf-latin-ext.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Castle Sans"; src: url(/dist/font/castle-v2-rf-cyrillic.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Castle Arabic"; src: url(/dist/font/castle-v2-ar-arabic.woff2) format("woff2"); font-weight: 400 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "montserrat-light"; src: url(/dist/font/castle-v2-rf-latin-300.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "montserrat-light"; src: url(/dist/font/castle-v2-rf-latin-ext-300.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "montserrat-light"; src: url(/dist/font/castle-v2-rf-cyrillic-300.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "montserrat-light"; src: url(/dist/font/castle-v2-ar-arabic-300.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "montserrat-regular"; src: url(/dist/font/castle-v2-rf-latin-400.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "montserrat-regular"; src: url(/dist/font/castle-v2-rf-latin-ext-400.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "montserrat-regular"; src: url(/dist/font/castle-v2-rf-cyrillic-400.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "montserrat-regular"; src: url(/dist/font/castle-v2-ar-arabic-400.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "montserrat-medium"; src: url(/dist/font/castle-v2-rf-latin-500.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "montserrat-medium"; src: url(/dist/font/castle-v2-rf-latin-ext-500.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "montserrat-medium"; src: url(/dist/font/castle-v2-rf-cyrillic-500.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "montserrat-medium"; src: url(/dist/font/castle-v2-ar-arabic-500.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "montserrat-semibold"; src: url(/dist/font/castle-v2-rf-latin-600.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "montserrat-semibold"; src: url(/dist/font/castle-v2-rf-latin-ext-600.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "montserrat-semibold"; src: url(/dist/font/castle-v2-rf-cyrillic-600.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "montserrat-semibold"; src: url(/dist/font/castle-v2-ar-arabic-600.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "montserrat-bold"; src: url(/dist/font/castle-v2-rf-latin-700.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "montserrat-bold"; src: url(/dist/font/castle-v2-rf-latin-ext-700.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "montserrat-bold"; src: url(/dist/font/castle-v2-rf-cyrillic-700.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "montserrat-bold"; src: url(/dist/font/castle-v2-ar-arabic-700.woff2) format("woff2"); font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Montserrat"; src: url(/dist/font/castle-v2-rf-latin.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; src: url(/dist/font/castle-v2-rf-latin-ext.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Montserrat"; src: url(/dist/font/castle-v2-rf-cyrillic.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Montserrat"; src: url(/dist/font/castle-v2-ar-arabic.woff2) format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
:root {
--v2-ink: #141414; --v2-ink-2: #2a2a2a; --v2-text: #2e2e2e; --v2-muted: #666664; --v2-line: #d9d9d6; --v2-line-2: #e9e9e6;
--v2-band: #f3f3f1; --v2-red: #e02d26; --v2-red-ink: #c21f19; --v2-r: 4px;
--v2-font: "Castle Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--v2-lift: 0 2px 4px rgba(20, 20, 20, .06), 0 18px 44px -16px rgba(20, 20, 20, .38);
--v2-ease: cubic-bezier(.16, 1, .3, 1);
}
html:lang(ar) { --v2-font: "Castle Arabic", "Castle Sans", ui-sans-serif, system-ui, sans-serif; }
@scope (html:not(:has(form[action*="CallBackPos" i]))) {
:scope body, :scope body input, :scope body select, :scope body textarea, :scope body button { font-family: var(--v2-font) !important; }
:scope body { color: var(--v2-text); background: #fff; -webkit-font-smoothing: antialiased; }
:scope body ::selection { background: var(--v2-ink); color: #fff; }
:scope body .mainWidth { max-width: 1280px !important; }
:scope body .header_inner_right_menu_list > li > a,
:scope body .header_inner_right_right_login, :scope body .header_inner_right_right_changes,
:scope body .content_title h1, :scope body .content_title h2,
:scope body .content_campaign_inner_list_top_title, :scope body .content_campaign_inner_list_bottom > div,
:scope body .content_campaign_inner_list_top_price_value,
:scope body .content_advantage_inner_list_top_label > div,
:scope body .content_customer_inner_list_name,
:scope body .rifter-slide-copy h2, :scope body .rifter-eyebrow, :scope body .rifter-button, :scope body .rifter-slide-price,
:scope body .showcase_reservation_form_inner_field_top_title, :scope body .showcase_reservation_form_inner_field.button button,
:scope body .showcase_reservation_cupon_right_title,
:scope body footer.footer .footer_inner_right_top_menu_list > li > a, :scope body footer.footer .footer_inner_right_bottom_title {
font-family: var(--v2-font) !important; font-stretch: 75% !important; text-transform: uppercase !important; letter-spacing: .01em;
}
:scope:lang(ar) body * { letter-spacing: 0 !important; }
:scope body .header { background: #fff !important; border-bottom: 1px solid var(--v2-line) !important; box-shadow: none !important; }
:scope body .header { padding: 0 !important; height: 72px !important; }
:scope body .header .header_inner { min-height: 72px !important; height: 72px; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; }
:scope body .header .header_inner_logo { display: flex !important; align-items: center; height: 72px; margin: 0 !important; padding: 0 !important; }
:scope body .header .header_inner_right, :scope body .header .header_inner_right_right, :scope body .header .header_inner_right_menu { display: flex !important; align-items: center !important; height: 72px; margin-top: 0 !important; padding-top: 0 !important; }
:scope body .header .header_inner_logo img { height: 24px !important; width: auto !important; }
:scope body .header .header_inner_right_menu_list { gap: 28px; }
:scope body .header .header_inner_right_menu_list > li { margin: 0 !important; }
:scope body .header .header_inner_right_menu_list > li > a {
position: relative; display: flex; align-items: center; height: 72px; padding: 0 !important;
font-weight: 750 !important; font-size: 15px !important; color: var(--v2-ink) !important; background: none !important;
}
:scope body .header .header_inner_right_menu_list > li > a::after {
content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--v2-red);
transform: scaleX(0); transform-origin: left; transition: transform .25s var(--v2-ease);
}
:scope body .header .header_inner_right_menu_list > li > a:hover { color: var(--v2-red-ink) !important; }
:scope body .header .header_inner_right_menu_list > li > a:hover::after,
:scope body .header .header_inner_right_menu_list > li.active > a::after { transform: scaleX(1); }
:scope body .header .header_inner_right_right_login, :scope body .header .header_inner_right_right_changes,
:scope body .header .header_inner_right_right_login *, :scope body .header .header_inner_right_right_changes * {
font-weight: 750 !important; font-size: 14px !important; color: var(--v2-ink) !important;
}
:scope body .header .header_inner_right_right_login_icon svg path { fill: var(--v2-ink) !important; }
:scope body .showcase { position: relative; background: var(--v2-ink); height: 640px !important; min-height: 0 !important; margin-bottom: 72px !important; }
:scope body .showcase > .swiper-container, :scope body .showcase .showcase_slider { height: 640px !important; min-height: 0 !important; }
:scope body .showcase .swiper-container, :scope body .showcase .swiper-slide,
:scope body .showcase .showcase_slider_wrapper_slide_img, :scope body .showcase .showcase_slider_wrapper_slide_img > a { height: 640px !important; }
:scope body .showcase .showcase_slider_wrapper_slide_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 62% 58%; }
:scope body .showcase .showcase_slider_wrapper_slide_img > a { position: relative; display: block; }
:scope body .showcase .showcase_slider_wrapper_slide_img > a::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(90deg, rgba(12,12,12,.78) 0%, rgba(12,12,12,.46) 38%, rgba(12,12,12,0) 66%), linear-gradient(0deg, rgba(12,12,12,.35) 0%, rgba(12,12,12,0) 34%);
}
:scope:lang(ar) body .showcase .showcase_slider_wrapper_slide_img > a::after {
background: linear-gradient(270deg, rgba(12,12,12,.78) 0%, rgba(12,12,12,.46) 38%, rgba(12,12,12,0) 66%), linear-gradient(0deg, rgba(12,12,12,.35) 0%, rgba(12,12,12,0) 34%);
}
:scope body .rifter-slide-copy {
position: absolute !important; z-index: 2; inset: 0 auto 0 0 !important; top: 0 !important; transform: none !important;
width: 100%; max-width: calc(1280px + 80px); left: 50% !important; margin-left: -680px; padding: 0 40px 170px !important;
display: flex !important; flex-direction: column; justify-content: center; align-items: flex-start; background: none !important; color: #fff;
}
:scope body .rifter-eyebrow { font-weight: 700 !important; font-size: 14px !important; letter-spacing: .08em !important; color: rgba(255,255,255,.86) !important; }
:scope body .rifter-slide-copy h2 {
margin: 12px 0 0 !important; font-weight: 800 !important; font-size: clamp(56px, 5.4vw, 80px) !important; line-height: .94 !important;
color: #fff !important; max-width: 14ch;
}
:scope body .rifter-slide-price { margin: 18px 0 0 !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1 !important; color: #fff !important; }
:scope body .rifter-slide-price small { font-size: 17px !important; font-weight: 600 !important; text-transform: none; opacity: .9; }
:scope body .rifter-slide-copy > p:not(.rifter-slide-price) { margin: 10px 0 0 !important; font-size: 18px !important; color: rgba(255,255,255,.9) !important; }
:scope body .rifter-button {
display: inline-flex !important; align-items: center; gap: 10px; margin-top: 24px !important; min-height: 48px; padding: 0 22px !important;
border-radius: var(--v2-r) !important; background: var(--v2-red) !important; color: #fff !important; font-weight: 750 !important; font-size: 16px !important; box-shadow: none !important;
}
:scope body .rifter-slide:hover .rifter-button { background: var(--v2-red-ink) !important; }
:scope body .showcase_reservation { top: auto !important; bottom: -64px !important; z-index: 5; }
:scope body .showcase_reservation_inner { gap: 0 !important; background: #fff; border-radius: var(--v2-r); box-shadow: var(--v2-lift); overflow: visible; }
:scope body .showcase_reservation_cupon {
background: var(--v2-band) !important; border: 0 !important; border-radius: var(--v2-r) 0 0 var(--v2-r) !important; box-shadow: none !important;
}
:scope body .showcase_reservation_cupon:hover { background: var(--v2-line-2) !important; }
:scope body .showcase_reservation_cupon_icon svg * { fill: var(--v2-ink) !important; }
:scope body .showcase_reservation_cupon_right_title { font-weight: 750 !important; font-size: 15px !important; color: var(--v2-ink) !important; }
:scope body .showcase_reservation_cupon_right_text { font-size: 14px !important; color: var(--v2-muted) !important; text-decoration: underline; text-underline-offset: 3px; }
:scope body .showcase_reservation_form { background: #fff !important; border-radius: 0 var(--v2-r) var(--v2-r) 0 !important; box-shadow: none !important; }
:scope body .showcase_reservation_form_inner_field_top_title { font-weight: 700 !important; font-size: 12px !important; letter-spacing: .06em !important; color: var(--v2-muted) !important; }
:scope body .showcase_reservation_form_inner_field_bottom {
background: transparent !important; border: 0 !important; border-bottom: 1.5px solid var(--v2-line) !important; border-radius: 0 !important; box-shadow: none !important;
}
:scope body .showcase_reservation_form_inner_field_bottom > * { background: transparent !important; border: 0 !important; box-shadow: none !important; }
:scope body .showcase_reservation_form_inner_field_bottom:focus-within { border-bottom-color: var(--v2-ink) !important; }
:scope body .showcase_reservation_form_inner_field_bottom input,
:scope body .showcase_reservation_form_inner_field_bottom .select2-selection__rendered {
font-size: 18px !important; font-weight: 600 !important; color: var(--v2-ink) !important; background: transparent !important;
}
:scope body .showcase_reservation_form_inner_field_bottom_date input { font-size: 16px !important; letter-spacing: 0 !important; padding-left: 0 !important; padding-right: 0 !important; text-overflow: clip; }
:scope body .showcase_reservation_form_inner_field_top_different, :scope body .showcase_reservation_form_inner_field_top_cancel {
color: var(--v2-ink) !important; font-size: 14px !important; text-decoration: underline; text-underline-offset: 3px;
}
:scope body .showcase_reservation_form_inner_field.button button {
background: var(--v2-red) !important; border: 0 !important; border-radius: var(--v2-r) !important; color: #fff !important;
font-weight: 800 !important; font-size: 19px !important; box-shadow: none !important; transition: background .18s;
}
:scope body .showcase_reservation_form_inner_field.button button:hover { background: var(--v2-red-ink) !important; }
:scope body .showcase_reservation_form_inner_field.button button div { display: inline !important; font: inherit !important; margin-right: .3em; }
:scope body .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--v2-ink) !important; color: #fff !important; }
:scope body .select2-dropdown { border-color: var(--v2-line) !important; border-radius: var(--v2-r) !important; box-shadow: var(--v2-lift); }
:scope body main.content > section { padding-top: 88px !important; padding-bottom: 88px !important; }
:scope body .content_title { width: 100%; max-width: 1280px; margin: 0 auto 32px !important; padding: 0 20px !important; text-align: left !important; box-sizing: border-box; }
:scope body .mainWidth .content_title { padding: 0 !important; }
:scope body .content_title::before, :scope body .content_title::after, :scope body .content_title h2::before, :scope body .content_title h2::after { display: none !important; }
:scope body .content_title h2, :scope body .content_title h1 {
margin: 0 !important; font-weight: 800 !important; font-size: clamp(34px, 3.2vw, 44px) !important; line-height: 1 !important; color: var(--v2-ink) !important; text-align: left !important;
}
:scope:lang(ar) body .content_title, :scope:lang(ar) body .content_title h2 { text-align: right !important; }
:scope body .content_campaign { background: #fff !important; }
:scope body .content_campaign_container { background: transparent !important; padding: 0 !important; }
:scope body .content_campaign_inner_list > li > a {
display: flex !important; flex-direction: column; height: 100%; background: #fff !important; border: 1px solid var(--v2-line) !important;
border-radius: var(--v2-r) !important; box-shadow: none !important; overflow: hidden; transition: border-color .2s;
}
:scope body .content_campaign_inner_list > li > a:hover { border-color: var(--v2-ink) !important; }
:scope body .content_campaign_inner_list_top { padding: 18px 18px 0 !important; border: 0 !important; background: none !important; text-align: left !important; display: flex; flex-direction: column; }
:scope body .content_campaign_inner_list_top_label {
align-self: flex-start; padding: 3px 8px !important; border: 0 !important; border-radius: 2px !important; background: var(--v2-band) !important;
font-stretch: 75%; font-weight: 750 !important; font-size: 12px !important; letter-spacing: .04em; text-transform: uppercase; color: var(--v2-ink) !important;
}
:scope body .content_campaign_inner_list_top_img { order: 1; margin: 10px 0 6px !important; }
:scope body .content_campaign_inner_list_top_img img { width: 100% !important; height: 150px !important; object-fit: contain !important; transition: transform .5s var(--v2-ease); }
:scope body .content_campaign_inner_list > li > a:hover .content_campaign_inner_list_top_img img { transform: scale(1.04); }
:scope body .content_campaign_inner_list_top_title {
order: 2; margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; text-align: left !important;
font-weight: 800 !important; font-size: 24px !important; line-height: 1.02 !important; color: var(--v2-ink) !important;
}
:scope body .content_campaign_inner_list_top_title > div { margin-top: 6px; font-stretch: 100% !important; text-transform: none !important; font-weight: 400 !important; font-size: 14px !important; color: var(--v2-muted) !important; }
:scope body .content_campaign_inner_list_top_price { order: 3; margin: 14px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid var(--v2-line-2) !important; text-align: left !important; }
:scope body .content_campaign_inner_list_top_price_value { font-weight: 800 !important; font-size: 30px !important; line-height: 1 !important; color: var(--v2-ink) !important; }
:scope body .content_campaign_inner_list_top_price_value .currency { font-size: 18px !important; }
:scope body .content_campaign_inner_list_top_price_value > div { margin-top: 4px; font-stretch: 100% !important; text-transform: none !important; font-weight: 400 !important; font-size: 13px !important; color: var(--v2-muted) !important; }
:scope body .content_campaign_inner_list_top * { text-align: left !important; }
:scope:lang(ar) body .content_campaign_inner_list_top * { text-align: right !important; }
:scope body .content_campaign_inner_list_bottom { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto !important; padding: 16px 18px 18px !important; background: none !important; }
:scope body .content_campaign_inner_list_bottom > div {
display: flex !important; align-items: center; justify-content: center; min-height: 44px; padding: 0 14px !important; margin: 0 !important;
width: auto !important; height: auto !important; border-radius: var(--v2-r) !important; font-weight: 750 !important; font-size: 14px !important;
line-height: 1.1 !important; text-align: center !important; white-space: normal; box-shadow: none !important; overflow: visible !important;
}
:scope body .content_campaign_inner_list_bottom_title { background: var(--v2-red) !important; color: #fff !important; border: 1.5px solid var(--v2-red) !important; }
:scope body .content_campaign_inner_list > li > a:hover .content_campaign_inner_list_bottom_title { background: var(--v2-red-ink) !important; border-color: var(--v2-red-ink) !important; }
:scope body .content_campaign_inner_list_bottom_discount { background: #fff !important; color: var(--v2-ink) !important; border: 1.5px solid var(--v2-ink) !important; }
:scope body .content_campaign_inner_list_bottom_discount span { display: inline !important; width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 14px !important; color: inherit !important; }
:scope body .content_campaign .swiper-pagination-bullet { width: 24px !important; height: 3px !important; border-radius: 0 !important; background: var(--v2-line) !important; opacity: 1 !important; }
:scope body .content_campaign .swiper-pagination-bullet-active { background: var(--v2-red) !important; }
:scope body .content_advantage { background: var(--v2-band) !important; }
:scope body .content_advantage_inner_list > li > a {
display: flex !important; flex-direction: column; height: 100%; background: #fff !important; border: 1px solid var(--v2-line) !important;
border-radius: var(--v2-r) !important; overflow: hidden; box-shadow: none !important; transition: border-color .2s;
}
:scope body .content_advantage_inner_list > li > a:hover { border-color: var(--v2-ink) !important; }
:scope body .content_advantage_inner_list_top_img { border-radius: 0 !important; overflow: hidden; }
:scope body .content_advantage_inner_list_top_img img { aspect-ratio: 16 / 9; width: 100% !important; height: auto !important; object-fit: cover; border-radius: 0 !important; transition: transform .6s var(--v2-ease); }
:scope body .content_advantage_inner_list > li > a:hover .content_advantage_inner_list_top_img img { transform: scale(1.03); }
:scope body .content_advantage_inner_list_top_label {
position: static !important; display: flex !important; flex-direction: column-reverse; align-items: flex-start; gap: 10px;
margin: 0 !important; padding: 20px 22px 0 !important; background: none !important; box-shadow: none !important; transform: none !important; width: auto !important;
}
:scope body .content_advantage_inner_list_top_label > div { background: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; border-radius: 0 !important; white-space: normal !important; }
:scope body .content_advantage_inner_list_top_label_right { font-weight: 800 !important; font-size: 24px !important; line-height: 1.04 !important; color: var(--v2-ink) !important; text-align: left !important; }
:scope body .content_advantage_inner_list > li > a { position: relative; padding-bottom: 54px !important; }
:scope body .content_advantage_inner_list_top { position: static !important; }
:scope body .content_advantage_inner_list_top_label_left { position: absolute !important; left: 22px; bottom: 20px; font-weight: 750 !important; font-size: 15px !important; color: var(--v2-ink) !important; text-align: left !important; }
:scope:lang(ar) body .content_advantage_inner_list_top_label_left { left: auto; right: 22px; }
:scope body .content_advantage_inner_list_top_label_left::after { content: " →"; color: var(--v2-red); }
:scope body .content_advantage_inner_list_bottom {
padding: 10px 22px 22px !important; margin: 0 !important; text-align: left !important; white-space: normal !important;
font-weight: 400 !important; font-size: 15px !important; line-height: 1.5 !important; color: var(--v2-muted) !important;
}
:scope body .content_advantage_inner_bottom { margin-top: 24px !important; background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important; box-shadow: none !important; }
:scope body .content_advantage_inner_bottom_left_title { font-size: 15px !important; color: var(--v2-text) !important; }
:scope body .content_advantage_inner_bottom_left_title strong { color: var(--v2-ink); }
:scope body .content_customer { background: #fff !important; padding-top: 72px !important; }
:scope body .content_customer::before, :scope body .content_customer::after { display: none !important; }
:scope body .content_customer_inner .content_title { padding: 0; }
:scope body .content_customer_inner_list { gap: 16px !important; }
:scope body .content_customer_inner_list > li {
background: #fff !important; border: 0 !important; border-top: 2px solid var(--v2-ink) !important; border-radius: 0 !important;
box-shadow: none !important; padding: 18px 2px 0 !important; text-align: left !important;
}
:scope body .content_customer_inner_list_name, :scope body .content_customer_inner_list_text { text-align: left !important; }
:scope:lang(ar) body .content_customer_inner_list_name, :scope:lang(ar) body .content_customer_inner_list_text { text-align: right !important; }
:scope body .content_customer_inner_list_name { font-weight: 750 !important; font-size: 15px !important; color: var(--v2-ink) !important; }
:scope body .content_customer_inner_list_text { margin-top: 8px; font-size: 16px !important; line-height: 1.5 !important; color: var(--v2-text) !important; }
:scope body footer.footer { background: var(--v2-ink) !important; color: rgba(255,255,255,.78) !important; }
:scope body footer.footer a, :scope body footer.footer .footer_inner_left_contact_val, :scope body footer.footer .footer_inner_left_copyright { color: rgba(255,255,255,.78) !important; font-size: 15px !important; }
:scope body footer.footer a:hover { color: #fff !important; }
:scope body footer.footer .footer_inner_right_top_menu_list > li > a,
:scope body footer.footer .footer_inner_right_top_workTime_title, :scope body footer.footer .footer_inner_right_bottom_title {
font-weight: 800 !important; font-size: 15px !important; letter-spacing: .04em !important; color: #fff !important;
}
:scope body footer.footer .footer_inner_left_logo img { height: 26px !important; width: auto !important; }
:scope body footer.footer .footer_inner_right_bottom { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: var(--v2-r) !important; }
:scope body footer.footer input { border-radius: var(--v2-r) !important; }
:scope body footer.footer button, :scope body footer.footer .footer_inner_right_bottom_form_button, :scope body footer.footer [type=submit] {
background: var(--v2-red) !important; border-color: var(--v2-red) !important; border-radius: var(--v2-r) !important; color: #fff !important;
}
:scope body .banner, :scope body .banner_top { background: #fff !important; background-image: none !important; }
:scope body .banner_top { padding: 56px 0 24px !important; min-height: 0 !important; height: auto !important; border: 0 !important; }
:scope body .banner_top::before, :scope body .banner_top::after { display: none !important; }
:scope body .banner_top_inner { padding: 0 20px !important; }
:scope body .banner_top h1, :scope body .content_faq.sss-hero h1 {
margin: 0 !important; font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .005em;
font-size: clamp(40px, 4.6vw, 62px) !important; line-height: .96 !important; color: var(--v2-ink) !important; text-align: left !important; text-shadow: none !important; max-width: 22ch;
}
:scope:lang(ar) body .banner_top h1, :scope:lang(ar) body .content_faq.sss-hero h1 { text-align: right !important; }
:scope body .banner { position: relative !important; top: auto !important; }
:scope body .banner_bottom { background: #fff !important; border-bottom: 1px solid var(--v2-line) !important; box-shadow: none !important; }
:scope body .banner_bottom_inner_list { gap: 28px !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 20px !important; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap !important; }
:scope body .banner_bottom_inner_list > li, :scope body .banner_bottom_inner_list > li > a, :scope body .banner_bottom_inner_list > li * { outline: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; }
:scope body .banner_bottom_inner_list > li { flex: none !important; margin: 0 !important; }
:scope body .banner_bottom_inner_list > li > a {
position: relative; display: flex !important; align-items: center; height: 56px; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
:scope body .banner_bottom_inner_list_icon { display: none !important; }
:scope body .banner_bottom_inner_list_title { font-stretch: 75% !important; font-weight: 750 !important; text-transform: uppercase; font-size: 16px !important; color: var(--v2-muted) !important; }
:scope body .banner_bottom_inner_list > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--v2-red); transform: scaleX(0); transition: transform .25s var(--v2-ease); }
:scope body .banner_bottom_inner_list > li:is(.active, .m-secili, .selected, .is-active) > a::after { transform: scaleX(1); }
:scope body .banner_bottom_inner_list > li:is(.active, .m-secili, .selected, .is-active) .banner_bottom_inner_list_title,
:scope body .banner_bottom_inner_list > li > a:hover .banner_bottom_inner_list_title { color: var(--v2-ink) !important; }
:scope body .cars_list > li { padding: 20px !important; background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important; box-shadow: none !important; transition: border-color .2s; text-align: left !important; }
:scope body .cars_list > li:hover { border-color: var(--v2-ink) !important; }
:scope body .cars_list > li > div, :scope body .cars_list_top_img { border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; }
:scope body .cars_list > li > .cars_list_top_middle, :scope body .cars_list > li > .cars_list_top_bottom { padding-left: 0 !important; padding-right: 0 !important; }
:scope body .cars_list_top { background: none !important; padding: 0 !important; }
:scope body .cars_list_top_img img { width: 100% !important; height: 160px !important; object-fit: contain !important; }
:scope body .cars_list_top_title { margin: 10px 0 0 !important; padding: 0 !important; text-align: left !important; font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; font-size: 24px !important; line-height: 1.02 !important; color: var(--v2-ink) !important; }
:scope body .cars_list_top_title > div { margin-top: 4px; font-stretch: 100% !important; text-transform: none !important; font-weight: 400 !important; font-size: 14px !important; color: var(--v2-muted) !important; }
:scope body .cars_list_top_middle, :scope body .cars_list_top_bottom { margin-top: 14px !important; padding: 12px 0 0 !important; border-top: 1px solid var(--v2-line-2) !important; background: none !important; }
:scope body .cars_list_top_middle_title, :scope body .cars_list_top_bottom_title { margin-bottom: 8px !important; font-stretch: 75% !important; font-weight: 750 !important; text-transform: uppercase; letter-spacing: .06em; font-size: 12px !important; color: var(--v2-muted) !important; text-align: left !important; }
:scope body .cars_list_top_middle_list, :scope body .cars_list_top_bottom_list { display: flex !important; flex-wrap: wrap; gap: 6px 14px !important; }
:scope body .cars_list_top_middle_list > li, :scope body .cars_list_top_bottom_list > li { display: flex !important; align-items: center; gap: 6px; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
:scope body .cars_list_top_middle_list_icon img, :scope body .cars_list_top_bottom_list_icon img { width: 16px !important; height: 16px !important; opacity: .75; filter: grayscale(1); }
:scope body .cars_list_top_middle_list_title, :scope body .cars_list_top_bottom_list_title { font-size: 14px !important; color: var(--v2-text) !important; }
:scope body .cars_list_buttons { margin-top: 16px !important; padding: 0 !important; }
:scope body .cars_list_buttons_button {
display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 48px; border-radius: var(--v2-r) !important;
background: var(--v2-red) !important; border: 1.5px solid var(--v2-red) !important; color: #fff !important; box-shadow: none !important;
font-stretch: 75% !important; font-weight: 750 !important; text-transform: uppercase; font-size: 16px !important;
}
:scope body .cars_list_buttons_button:hover { background: var(--v2-red-ink) !important; border-color: var(--v2-red-ink) !important; }
:scope body .office_bottom_list > li { background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important; overflow: hidden; box-shadow: none !important; }
:scope body .office_bottom_list_top, :scope body .office_bottom_list_top img { border-radius: 0 !important; }
:scope body .office_bottom_list_bottom { padding: 20px 22px 22px !important; background: none !important; }
:scope body .office_bottom_list_bottom_title, :scope body .office_bottom_list_bottom_title a { font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; font-size: 24px !important; line-height: 1.04 !important; color: var(--v2-ink) !important; }
:scope body .office_bottom_list_bottom_list a, :scope body .office_bottom_list_bottom_list li { font-size: 15px !important; color: var(--v2-text) !important; }
:scope body .office_bottom_list_bottom_list svg * { fill: var(--v2-ink) !important; }
:scope body a.castle-office-detail {
display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px !important; border-radius: var(--v2-r) !important;
background: var(--v2-ink) !important; border: 1.5px solid var(--v2-ink) !important; color: #fff !important; box-shadow: none !important;
font-stretch: 75% !important; font-weight: 750 !important; text-transform: uppercase; font-size: 15px !important;
}
:scope body a.castle-office-detail:hover { background: var(--v2-ink-2, #2a2a2a) !important; }
:scope body .contact_top_list > li { background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important; box-shadow: none !important; }
:scope body .contact_top_list_title { font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; font-size: 20px !important; color: var(--v2-ink) !important; }
:scope body .content_faq.sss-hero { background: #fff !important; background-image: none !important; min-height: 0 !important; padding: 56px 0 24px !important; }
:scope body .content_faq.sss-hero::before, :scope body .content_faq.sss-hero::after { display: none !important; }
:scope body .content_faq.sss-hero .content_title { margin: 0 !important; }
:scope:not(:has(form[action*="Odeme" i])) body .subContent input:not([type=checkbox]):not([type=radio]), :scope:not(:has(form[action*="Odeme" i])) body .subContent textarea, :scope:not(:has(form[action*="Odeme" i])) body .subContent select { border-radius: var(--v2-r) !important; border-color: var(--v2-line) !important; }
:scope:not(:has(form[action*="Odeme" i])) body .subContent input:focus, :scope:not(:has(form[action*="Odeme" i])) body .subContent textarea:focus { border-color: var(--v2-ink) !important; outline: none; }
:scope:lang(tr) body .rifter-slide-copy h2, :scope:lang(tr) body .content_advantage_inner_list_top_label_right { text-transform: none !important; }
:scope body .reservation > h2 label { font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; color: var(--v2-ink) !important; }
:scope body .reservation_carSelect_sidebar_accordion > li { background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important; box-shadow: none !important; }
:scope body .reservation_carSelect_sidebar_accordion > li * { box-shadow: none !important; }
:scope body .reservation_carSelect_right_box {
position: relative; background: #fff !important; border: 1px solid var(--v2-line) !important; border-radius: var(--v2-r) !important;
box-shadow: none !important; overflow: hidden; transition: border-color .2s; margin-bottom: 16px !important;
}
:scope body .reservation_carSelect_right_box:hover { border-color: var(--v2-ink) !important; }
:scope body .reservation_carSelect_right_box_left, :scope body .reservation_carSelect_right_box_right { background: transparent !important; box-shadow: none !important; }
:scope body .reservation_carSelect_right_box_right { border-left: 1px solid var(--v2-line-2) !important; }
:scope body .reservation_carSelect_right_box_left_top_left { background: none !important; border: 0 !important; }
:scope body .reservation_carSelect_right_box_left_top_left img { object-fit: contain !important; }
:scope body .reservation_carSelect_right_box_left_top_right_title { font-stretch: 75% !important; font-weight: 800 !important; text-transform: uppercase; font-size: 26px !important; line-height: 1.02 !important; color: var(--v2-ink) !important; }
:scope body .reservation_carSelect_right_box_left_top_right_text { font-size: 14px !important; color: var(--v2-muted) !important; }
:scope body .reservation_carSelect_right_box_left_top_right_days { font-size: 13px !important; color: var(--v2-muted) !important; }
:scope body .reservation_carSelect_right_box_left_top_right_price_top_left { font-size: 14px !important; color: var(--v2-muted) !important; text-decoration: line-through; }
:scope body .reservation_carSelect_right_box_left_top_right_price_top_right { background: var(--v2-band) !important; color: var(--v2-ink) !important; border-radius: 2px !important; font-stretch: 75%; font-weight: 750 !important; font-size: 12px !important; }
:scope body .reservation_carSelect_right_box_left_top_right_price_bottom { font-stretch: 75% !important; font-weight: 800 !important; font-size: 32px !important; line-height: 1 !important; color: var(--v2-ink) !important; }
:scope body .reservation_carSelect_right_box_left_top_right_price_bottom > span:not(.currency) { font-stretch: 100%; font-weight: 400 !important; font-size: 14px !important; color: var(--v2-muted) !important; }
:scope body .reservation_carSelect_right_box_left_bottom { gap: 8px !important; }
:scope body .reservation_carSelect_right_box_left_bottom > a {
border-radius: var(--v2-r) !important; box-shadow: none !important; min-height: 56px; transition: background .18s, border-color .18s;
}
:scope body .reservation_carSelect_right_box_left_bottom > a > div { font-stretch: 75% !important; text-transform: uppercase; }
:scope body a.reservation_payment_right_wrapper_pay_bottom_left { background: var(--v2-red) !important; border: 1.5px solid var(--v2-red) !important; color: #fff !important; }
:scope body a.reservation_payment_right_wrapper_pay_bottom_left * { color: #fff !important; -webkit-text-fill-color: currentColor !important; }
:scope body a.reservation_payment_right_wrapper_pay_bottom_left:hover { background: var(--v2-red-ink) !important; border-color: var(--v2-red-ink) !important; }
:scope body .reservation_carSelect .reservation_carSelect_right_box a.reservation_payment_right_wrapper_pay_bottom_right { background: #fff !important; border: 1.5px solid var(--v2-ink) !important; color: var(--v2-ink) !important; }
:scope body .reservation_carSelect .reservation_carSelect_right_box a.reservation_payment_right_wrapper_pay_bottom_right * { color: var(--v2-ink) !important; -webkit-text-fill-color: currentColor !important; }
:scope body .reservation_carSelect .reservation_carSelect_right_box a.reservation_payment_right_wrapper_pay_bottom_right:hover { background: var(--v2-ink) !important; }
:scope body .reservation_carSelect .reservation_carSelect_right_box a.reservation_payment_right_wrapper_pay_bottom_right:hover * { color: #fff !important; -webkit-text-fill-color: #fff !important; }
:scope body .reservation_carSelect_right_box_left_bottom > a [class$="_title"] { font-weight: 750 !important; font-size: 15px !important; }
:scope body .reservation_carSelect_right_box_left_bottom > a [class$="_total"] { font-weight: 800 !important; font-size: 22px !important; }
:scope body .reservation_carSelect_right_box_right_top_title, :scope body .reservation_carSelect_right_box_right_bottom_title { font-stretch: 75% !important; font-weight: 750 !important; text-transform: uppercase; letter-spacing: .06em; font-size: 12px !important; color: var(--v2-muted) !important; }
:scope body .reservation_carSelect_right_box_right li [class$="_title"] { font-size: 14px !important; color: var(--v2-text) !important; }
:scope body .reservation_carSelect_right_box_right li img { filter: grayscale(1); opacity: .75; }
:scope body .reservation_carSelect_right_box_right_bottom_list li:last-child { background: var(--v2-band) !important; border: 0 !important; border-radius: var(--v2-r) !important; }
:scope body .reservation_carSelect_right_box_right_bottom_list li:last-child * { color: var(--v2-ink) !important; }
:scope body .v2-drop { grid-column: 1 / -1; flex: 0 0 100%; width: 100%; max-height: 0; overflow: hidden; background: var(--v2-ink); transition: max-height .5s var(--v2-ease); }
:scope body .reservation_carSelect_right_box.v2-acik .v2-drop { max-height: 420px; }
:scope body .v2-drop figure { position: relative; margin: 0; }
:scope body .v2-drop img { display: block; width: 100%; height: 380px; object-fit: cover; object-position: 50% 55%; transform: scale(1.04); filter: saturate(.85); transition: transform .9s var(--v2-ease), filter .9s; }
:scope body .reservation_carSelect_right_box.v2-acik .v2-drop img { transform: none; filter: none; }
:scope body .v2-drop figcaption { position: absolute; left: 22px; right: 22px; bottom: 12px; color: #fff; }
:scope body .v2-drop figcaption b { display: block; font-stretch: 75%; font-weight: 800; text-transform: uppercase; font-size: 40px; line-height: 1; text-shadow: 0 2px 18px rgba(0,0,0,.45); }
:scope body .v2-drop figcaption small { display: block; margin-top: 6px; font-size: 12px; opacity: .85; }
:scope body .reservation_carSelect_right_box { flex-wrap: wrap; height: auto !important; }
:scope body .reservation_carSelect_right_box_left_bottom > a { height: auto !important; padding-top: 8px !important; padding-bottom: 8px !important; display: flex !important; flex-direction: column; justify-content: center; align-items: center; overflow: visible !important; }
}
html:root:root body footer.footer.v2-footer { background:#f3f3f1 !important; color:#141414 !important; border-top:1px solid #ddd !important; padding:56px 0 28px !important; font-family:"Castle Sans",sans-serif !important; }
footer.v2-footer * { box-sizing:border-box; }
footer.v2-footer .wrap { max-width:1280px; padding:0 20px; margin:auto; }
html:root:root body footer.footer.v2-footer a { color:#141414 !important; font-size:14px !important; text-decoration:none; }
footer.v2-footer .foot-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:36px; border-bottom:1px solid #ddd; }
footer.v2-footer .logo img { width:223px; height:28px; object-fit:contain; }
footer.v2-footer .socials { display:flex; gap:8px; }
footer.v2-footer .socials a { width:42px; height:42px; border:1.5px solid #141414; border-radius:4px; display:grid; place-items:center; }
footer.v2-footer svg { width:18px; height:18px; }
footer.v2-footer .foot-cols { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) 1.3fr; gap:28px; padding:36px 0; }
footer.v2-footer h2,footer.v2-footer .footer_inner_right_bottom_title { font-size:15px !important; font-weight:800 !important; text-transform:uppercase; margin:0 0 14px; color:#141414 !important; }
footer.v2-footer summary { list-style:none; cursor:pointer; }
footer.v2-footer summary::-webkit-details-marker { display:none; }
footer.v2-footer ul { list-style:none; padding:0; margin:0; display:grid; gap:9px; font-size:14px; line-height:1.5; }
footer.v2-footer .news { min-width:0; font-size:14px; }
footer.v2-footer .news p { color:#666; margin-bottom:12px; }
footer.v2-footer .news .btn { display:inline-flex; align-items:center; gap:8px; padding:12px 16px; background:#141414; color:white !important; border-radius:4px; }
footer.v2-footer .news input { max-width:100%; height:44px; color:#141414; background:white; border:1px solid #ccc; border-radius:4px; }
footer.v2-footer .footer_inner_right_bottom_form { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
footer.v2-footer .footer_inner_right_bottom_form_field { width:100%; }
footer.v2-footer .footer_inner_right_bottom_text { color:#666 !important; }
footer.v2-footer .foot-bottom { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding-top:22px; border-top:1px solid #ddd; font-size:13px; color:#666; }
footer.v2-footer .langs,footer.v2-footer .pay { display:flex; gap:12px; align-items:center; }
footer.v2-footer .pay img { height:22px; width:auto; mix-blend-mode:multiply; }
@media(max-width:1239px) { footer.v2-footer .foot-cols { grid-template-columns:repeat(2,minmax(0,1fr)); } footer.v2-footer .news { grid-column:1/-1; } }
@media(max-width:720px) { html:root:root body footer.footer.v2-footer { padding:32px 0 96px !important; } footer.v2-footer .foot-cols { display:block; padding:16px 0; } footer.v2-footer details { border-bottom:1px solid #ddd; padding:16px 0; } footer.v2-footer summary h2 { margin:0; } footer.v2-footer summary { display:flex; justify-content:space-between; } footer.v2-footer summary::after { content:'+'; } footer.v2-footer details[open] summary::after { content:'−'; } footer.v2-footer details ul { margin-top:14px; } footer.v2-footer .news { margin-top:24px; } footer.v2-footer .foot-top { flex-wrap:wrap; padding-bottom:20px; } }
html:root:root body:has(.reservation) .banner { padding:0 !important; }
html:root:root body:has(.reservation) .banner_bottom { background:#f3f3f1 !important; border-bottom:1px solid #ddd !important; padding:20px 0 !important; }
html:root:root body:has(.reservation) .banner_bottom_inner { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:16px !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 20px !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list { display:flex !important; width:100% !important; gap:28px !important; counter-reset:steps; padding:0 0 14px !important; border-bottom:1px solid #ddd !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list>li { width:auto !important; flex:0 1 auto !important; margin:0 !important; padding:0 !important; counter-increment:steps; background:none !important; border:0 !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list>li::after { display:none !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list>li>a { display:flex !important; gap:6px !important; padding:0 !important; align-items:start !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list>li>a::before { content:counter(steps)'.'; font-size:16px; font-weight:800; color:#666; }
html:root:root body:has(.reservation) .banner_bottom_inner_list_icon { display:none !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list_title { color:#666 !important; font-size:16px !important; font-weight:800 !important; text-transform:uppercase; }
html:root:root body:has(.reservation) .banner_bottom_inner_list>li.active .banner_bottom_inner_list_title,html:root:root body:has(.reservation) .banner_bottom_inner_list>li.active>a::before { color:#e32620 !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list_title>div { font-size:13px !important; font-weight:400 !important; margin-top:5px; text-transform:none; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes { width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; justify-content:space-between !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_middle { flex:1; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_icon { display:none !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_button { border:1.5px solid #141414 !important; border-radius:4px !important; color:#141414 !important; background:transparent !important; padding:12px 20px !important; height:auto !important; }
html:root:root body .reservation_services h2,html:root:root body .reservation>div>h2 { font-size:28px !important; font-weight:800 !important; font-stretch:75%; color:#141414 !important; text-transform:uppercase; }
html:root:root body .reservation_services_bottom_list { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px !important; }
html:root:root body .reservation_services_bottom_list>li { width:100% !important; margin:0 !important; padding:22px !important; border:1px solid #ddd !important; border-radius:4px !important; background:white !important; box-shadow:none !important; display:flex !important; flex-direction:column; align-items:stretch !important; gap:18px; }
html:root:root body .reservation_services_bottom_list_left { width:100% !important; }
html:root:root body .reservation_services_bottom_list_left_title { color:#141414 !important; font-size:19px !important; font-weight:750 !important; }
html:root:root body .reservation_services_bottom_list_left_value { margin-top:12px !important; color:#666 !important; }
html:root:root body .reservation_services_bottom_list_left_value strong { color:#141414 !important; font-size:24px !important; }
html:root:root body .reservation_services_bottom_list_right { width:auto !important; align-self:flex-end; }
html:root:root body .cart-plus-minus { border:1px solid #141414 !important; border-radius:4px !important; background:white !important; }
html:root:root body .cart-plus-minus input { background:white !important; color:#141414 !important; }
html:root:root body .reservation_services_bottom_button a { background:#e32620 !important; color:white !important; border:1px solid #e32620 !important; border-radius:4px !important; padding:16px 24px !important; font-size:17px !important; font-weight:750 !important; text-transform:uppercase; }
html:root:root body .reservation_services_table { border-collapse:separate !important; border-spacing:8px 0 !important; }
html:root:root body .reservation_services_table td,html:root:root body .reservation_services_table th { background:#fff !important; color:#141414 !important; border-color:#ddd !important; }
html:root:root body .reservation_services_table tr:first-child td { border-top:2px solid #141414 !important; }
html:root:root body .reservation_services_table a,html:root:root body .reservation_services_table button { border-radius:4px !important; }
@media(min-width:1240px) {
html:root:root body .reservation_carSelect { gap:28px !important; }
html:root:root body .reservation_carSelect_sidebar { width:220px !important; flex:0 0 220px !important; }
html:root:root body .reservation_carSelect_right { flex:1 !important; min-width:0 !important; }
html:root:root body .reservation_carSelect_right_box { display:grid !important; grid-template-columns:190px minmax(0,1fr) 220px !important; gap:12px 20px !important; padding:22px !important; }
html:root:root body .reservation_carSelect_right_box_left,html:root:root body .reservation_carSelect_right_box_left_top { display:contents !important; }
html:root:root body .reservation_carSelect_right_box_left_top_left { grid-column:1; grid-row:1/3; width:100% !important; padding:0 !important; align-self:center; }
html:root:root body .reservation_carSelect_right_box_left_top_right { grid-column:2; grid-row:1; width:100% !important; padding:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_price { position:absolute !important; inset-inline-end:22px; top:22px; width:220px !important; margin:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_bottom { grid-column:3; grid-row:1/3; width:100% !important; display:flex !important; flex-direction:column !important; margin:84px 0 0 !important; padding:0 !important; align-self:start; }
html:root:root body .reservation_carSelect_right_box_left_bottom>a { width:100% !important; min-height:62px !important; margin:0 !important; }
html:root:root body .reservation_carSelect_right_box_right { grid-column:2; grid-row:2; width:100% !important; padding:0 !important; border:0 !important; }
html:root:root body .reservation_carSelect_right_box_right_top_title,html:root:root body .reservation_carSelect_right_box_right_bottom_title { display:none !important; }
html:root:root body .reservation_carSelect_right_box_right_top,html:root:root body .reservation_carSelect_right_box_right_bottom { padding:0 !important; margin:6px 0 0 !important; border:0 !important; }
html:root:root body .reservation_carSelect_right_box_right li { padding:2px 0 !important; }
html:root:root body .reservation_carSelect_right_box_right li [class$="_title"] { font-size:12px !important; }
html:root:root body .reservation_carSelect_right_box .v2-drop { grid-column:1/-1; margin:0 -22px -22px; width:calc(100% + 44px); }
}
@media(max-width:720px) {
html:root:root body:has(.reservation) .banner_bottom { padding:14px 0 !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list { gap:14px !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_list_title,html:root:root body:has(.reservation) .banner_bottom_inner_list>li>a::before { font-size:12px !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_middle_title { font-size:13px !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_middle_date { font-size:11px !important; }
html:root:root body:has(.reservation) .banner_bottom_inner_changes_button { padding:10px !important; font-size:11px !important; }
html:root:root body .reservation_services_bottom_list { grid-template-columns:1fr !important; }
html:root:root body .reservation_carSelect_right_box { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) !important; gap:8px 12px !important; padding:12px !important; }
html:root:root body .reservation_carSelect_right_box_left,html:root:root body .reservation_carSelect_right_box_left_top { display:contents !important; }
html:root:root body .reservation_carSelect_right_box_left_top_left { grid-column:1; grid-row:1; width:100% !important; padding:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right { grid-column:1; grid-row:2; width:100% !important; padding:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_title { font-size:17px !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_text { font-size:12px !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_days { font-size:11px !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_price { position:absolute !important; inset-inline-end:12px; top:16px; width:calc(50% - 18px) !important; margin:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_top_right_price_bottom { font-size:23px !important; }
html:root:root body .reservation_carSelect_right_box_left_bottom { grid-column:2; grid-row:1/4; width:100% !important; display:flex !important; flex-direction:column !important; justify-content:start !important; margin:76px 0 0 !important; padding:0 !important; }
html:root:root body .reservation_carSelect_right_box_left_bottom>a { width:100% !important; min-height:58px !important; margin:0 !important; padding:8px 4px !important; }
html:root:root body .reservation_carSelect_right_box_left_bottom>a [class$="_title"] { font-size:12px !important; }
html:root:root body .reservation_carSelect_right_box_left_bottom>a [class$="_total"] { font-size:20px !important; }
html:root:root body .reservation_carSelect_right_box_right { grid-column:1; grid-row:3; width:100% !important; padding:0 !important; border:0 !important; }
html:root:root body .reservation_carSelect_right_box_right_top_title,html:root:root body .reservation_carSelect_right_box_right_bottom_title { display:none !important; }
html:root:root body .reservation_carSelect_right_box_right_top,html:root:root body .reservation_carSelect_right_box_right_bottom { padding:0 !important; margin:0 !important; border:0 !important; }
html:root:root body .reservation_carSelect_right_box_right ul { display:flex !important; flex-direction:column !important; gap:2px !important; }
html:root:root body .reservation_carSelect_right_box_right li { width:100% !important; padding:0 !important; }
html:root:root body .reservation_carSelect_right_box_right li [class$="_title"] { font-size:11px !important; }
html:root:root body .reservation_carSelect_right_box .v2-drop { grid-column:1/-1; grid-row:4; margin:0 -12px -12px; width:calc(100% + 24px); }
}
html:root:root body .v2-extras-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
html:root:root body .v2-extras-layout>div:first-child { grid-column:1; }
html:root:root body .v2-extras-layout>.reservation_services { grid-column:1; min-width:0; width:100%; }
html:root:root body .v2-extras-layout>div:first-child .reservation_services_bottom_button { display:none; }
html:root:root body .v2-summary { grid-column:2; grid-row:1/3; position:sticky; top:100px; border:1px solid #ddd; border-radius:4px; background:#fff; padding:24px; }
html:root:root body .v2-summary img { width:100%; height:160px; object-fit:contain; }
html:root:root body .v2-summary h2 { color:#141414; font-size:22px; font-weight:800; text-transform:uppercase; margin-bottom:16px; }
html:root:root body .v2-summary-car { font-size:16px; line-height:1.5; margin-bottom:20px; }
html:root:root body .v2-summary-line,html:root:root body .v2-summary-total { display:flex; justify-content:space-between; gap:12px; padding:16px 0; border-top:1px solid #ddd; font-size:14px; }
html:root:root body .v2-summary-total strong { font-size:26px; font-weight:800; white-space:nowrap; }
html:root:root body .v2-summary-next { width:100%; background:#e32620; color:#fff; border:0; border-radius:4px; padding:16px 10px; font-size:16px; font-weight:750; cursor:pointer; }
@media(max-width:1000px){html:root:root body .v2-extras-layout{display:block;}html:root:root body .v2-summary{position:static;margin-top:24px;}html:root:root body .v2-extras-layout>div:first-child{margin-bottom:20px;}}
html:root:root body { background:#fff !important; }
html:root:root body footer.footer.v2-footer .footer_inner_right_bottom_title { color:#141414 !important; }
html:root:root body .reservation_services_bottom_list_left { display:block !important; }
html:root:root body .reservation_services_bottom_list_left_title { display:block !important; width:100% !important; }
html:root:root body .reservation_services_bottom_list_left_value { display:block !important; width:100% !important; text-align:start !important; }
html:root:root body .reservation_services_bottom_list_right { border:0 !important; padding:0 !important; }
html:root:root body .reservation_services_bottom_button a { box-shadow:none !important; }
html:root:root body .reservation_payment { display:grid !important; grid-template-columns:minmax(0,1fr) 340px !important; gap:28px !important; align-items:start; }
html:root:root body .reservation_payment_left { grid-column:2; grid-row:1; width:100% !important; position:sticky; top:100px; border:1px solid #ddd !important; border-radius:4px !important; background:#fff !important; box-shadow:none !important; }
html:root:root body .reservation_payment_right { grid-column:1; grid-row:1; width:100% !important; min-width:0; border:0 !important; border-radius:4px !important; box-shadow:none !important; }
html:root:root body .reservation_payment_left_top,html:root:root body .reservation_payment_left_middle,html:root:root body .reservation_payment_left_bottom { background:#fff !important; border-color:#ddd !important; }
html:root:root body .reservation_payment_left_top_right_title { font-size:24px !important; font-weight:800 !important; color:#141414 !important; }
html:root:root body .reservation_payment_right input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html:root:root body .reservation_payment_right select,html:root:root body .reservation_payment_right textarea { border-radius:4px !important; border-color:#ccc !important; background:#fff !important; color:#141414 !important; min-height:44px; }
html:root:root body .reservation_payment_right_wrapper { border:1px solid #ddd !important; border-radius:4px !important; box-shadow:none !important; }
html:root:root body .reservation_payment_right_wrapper_title { font-size:24px !important; font-weight:800 !important; color:#141414 !important; }
@media(max-width:1000px){html:root:root body .reservation_payment{display:flex !important;flex-direction:column;}html:root:root body .reservation_payment_right{order:1;}html:root:root body .reservation_payment_left{order:2;position:static;}}
#select2-Cikis_Saati-results [aria-disabled="true"],#select2-Donus_Saati-results [aria-disabled="true"]{display:none !important;}