:root {
--color-primary: #ff6f2c;
--color-secondary: #15778a;
--color-secondary-deep: #0d5160;
--color-text: #152a31;
--color-text-muted: #5f727b;
--color-line: rgba(21, 119, 138, 0.12);
--shadow-soft: 0 18px 45px rgba(15, 50, 58, 0.08);
--shadow-card: 0 22px 55px rgba(6, 55, 67, 0.12);
--shadow-hover: 0 26px 60px rgba(7, 49, 58, 0.18);
--transition: 220ms ease;
}
body.anchor-sheet-popup-open {
overflow: hidden;
}
.anchor-sheet-popup[hidden] {
display: none !important;
}
.anchor-sheet-popup {
position: fixed;
inset: 0;
z-index: 10040;
display: none;
pointer-events: none;
}
.anchor-sheet-popup.is-open {
display: block;
pointer-events: auto;
}
.anchor-sheet-popup__overlay {
position: absolute;
inset: 0;
z-index: 1;
border: 0;
background: rgba(15, 23, 42, 0.42);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.anchor-sheet-popup__panel {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: min(720px, calc(100% - 32px));
max-height: min(82vh, 720px);
overflow-y: auto;
padding: 22px 18px 18px;
border: 1px solid rgba(234, 111, 28, 0.16);
border-radius: 28px;
background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
box-shadow: 0 26px 70px rgba(15, 23, 42, 0.28);
transform: translate(-50%, calc(-50% + 28px));
opacity: 0;
transition: transform 280ms cubic-bezier(.2, .8, .2, 1), opacity 220ms ease;
-webkit-overflow-scrolling: touch;
}
.anchor-sheet-popup.is-open .anchor-sheet-popup__panel {
transform: translate(-50%, -50%);
opacity: 1;
}
.anchor-sheet-popup__close {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 999px;
background: #fff0e4;
color: #9a3d04;
font-size: 20px;
cursor: pointer;
}
.anchor-sheet-popup__head {
display: flex;
gap: 14px;
align-items: flex-start;
padding-right: 48px;
}
.anchor-sheet-popup__head-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
flex: 0 0 auto;
border-radius: 16px;
background:
radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 36%),
linear-gradient(135deg, rgba(234, 111, 28, 0.22), rgba(21, 119, 138, 0.14));
color: #cf5810;
font-size: 20px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
}
.anchor-sheet-popup__head h2 {
margin: 0;
color: #17212f;
font-size: 24px;
line-height: 1.15;
}
.anchor-sheet-popup__head p {
margin: 6px 0 0;
color: #64748b;
font-size: 14px;
line-height: 1.6;
}
.anchor-sheet-popup__links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.anchor-sheet-popup__link {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) 18px;
gap: 10px;
align-items: center;
min-height: 62px;
padding: 12px;
border: 1px solid rgba(234, 111, 28, 0.12);
border-radius: 18px;
background: #ffffff;
color: #17212f;
text-decoration: none;
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.anchor-sheet-popup__link:hover {
transform: translateY(-2px);
border-color: rgba(234, 111, 28, 0.2);
box-shadow: 0 16px 28px rgba(15, 23, 42, 0.1);
}
.anchor-sheet-popup__link span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 13px;
background: #fff0e4;
color: #cf5810;
font-size: 16px;
}
.anchor-sheet-popup__link strong {
overflow: hidden;
font-size: 14px;
line-height: 1.35;
text-overflow: ellipsis;
}
.anchor-sheet-popup__link > i {
color: #94a3b8;
font-size: 15px;
}
@media (max-width: 767px) {
.anchor-sheet-popup__panel {
top: auto;
right: 10px;
bottom: calc(88px + env(safe-area-inset-bottom, 0px));
left: 10px;
width: auto;
max-height: min(68vh, 560px);
padding: 18px 14px 16px;
border-radius: 24px;
transform: translateY(110%);
}
.anchor-sheet-popup.is-open .anchor-sheet-popup__panel {
transform: translateY(0);
}
.anchor-sheet-popup__head h2 {
font-size: 18px;
line-height: 1.2;
}
.anchor-sheet-popup__head p {
font-size: 12px;
line-height: 1.45;
}
.anchor-sheet-popup__links {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 16px;
}
.anchor-sheet-popup__link {
min-height: 58px;
padding: 10px;
}
.anchor-sheet-popup__link strong {
font-size: 12px;
line-height: 1.25;
}
}
body.home-premium {
margin: 0;
font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
color: #152a31;
background:
radial-gradient(circle at top left, rgba(255, 111, 44, 0.08), transparent 28%),
radial-gradient(circle at top right, rgba(21, 119, 138, 0.12), transparent 26%),
linear-gradient(180deg, #fffdfb 0%, #f8fbfc 48%, #eef5f7 100%);
}
body.home-premium * ,
body.home-premium *::before,
body.home-premium *::after {
box-sizing: border-box;
}
body.home-premium .mega-tour__image img {
height: 200px;
}
body.home-premium a {
color: inherit;
text-decoration: none;
}
body.home-premium button,
body.home-premium input {
font: inherit;
}
body.home-premium button {
cursor: pointer;
}
body.home-premium button:focus-visible,
body.home-premium a:focus-visible,
body.home-premium input:focus-visible {
outline: 3px solid rgba(255, 91, 0, 0.24);
outline-offset: 3px;
}
.home-premium__container {
width: min(1280px, calc(100% - 40px));
margin: 0 auto;
}
.home-premium-main .section {
position: relative;
padding: 48px 0;
}
.home-premium-main .section--soft {
background:
radial-gradient(circle at top center, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.72));
}
.home-premium-main .section-tag {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.1);
color: var(--color-secondary);
font-size: 0.85rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.home-premium-main .section-tag--light {
background: rgba(255, 255, 255, 0.14);
color: #ffffff;
}
.home-premium-main .section-heading {
display: grid;
gap: 18px;
max-width: 760px;
margin-bottom: 12px;
}
.home-premium-main .section-heading--split {
max-width: none;
grid-template-columns: 1fr auto;
align-items: end;
}
.home-premium-main .section-heading h2,
.home-premium-main .hero h1,
.home-premium-main .cta-banner h2 {
margin: 20px 0px;
font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1.08;
}
.home-premium-main .section-heading h2 {
font-size: 26px;
}
.home-premium-main .section-heading p,
.home-premium-main .hero__summary,
.home-premium-main .service-card p,
.home-premium-main .news-card p,
.home-premium-main .why-copy > p,
.home-premium-main .intro-card p,
.home-premium-main .feature-card p,
.home-premium-main .trust-card p,
.home-premium-main .testimonial-card p,
.home-premium-main .cta-banner p,
.home-premium-main .hero-panel__list p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.75;
}
.site-header--premium {
position: relative;
z-index: 100;
padding: 0;
}
.site-header--premium .site-header__bar {
width: 100%;
background: rgba(255, 255, 255, 0.96);
border-bottom: 1px solid rgba(11, 114, 133, 0.1);
box-shadow: 0 8px 18px rgba(15, 50, 58, 0.04);
}
.site-header--premium .site-header__inner {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 6px;
min-height: 74px;
padding: 0;
}
.site-header--premium .brand {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.site-header--premium .brand .custom-logo-link,
.site-footer--premium .brand .custom-logo-link {
display: inline-flex;
align-items: center;
}
.site-header--premium .brand .custom-logo,
.site-footer--premium .brand .custom-logo {
height: 80px;
max-height: 80px;
width: auto;
object-fit: contain;
}
.site-header--premium .brand__mark {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: 14px;
background: linear-gradient(135deg, var(--color-primary), #ff8d46);
color: #ffffff;
font-weight: 800;
font-size: 1.08rem;
box-shadow: 0 10px 18px rgba(255, 91, 0, 0.18);
}
.site-header--premium .brand__text {
display: grid;
gap: 2px;
}
.site-header--premium .brand__text strong {
font-size: 0.92rem;
font-weight: 800;
line-height: 1.15;
}
.site-header--premium .brand__text small {
color: var(--color-text-muted);
letter-spacing: 0.06em;
text-transform: uppercase;
font-size: 0.56rem;
line-height: 1.1;
}
.site-header--premium .site-nav {
display: flex;
justify-content: center;
min-width: 0;
position: relative;
overflow: visible;
}
.site-header--premium .site-nav__menu {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 1px;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
min-width: 0;
}
.site-header--premium .site-header__tools {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
min-width: 0;
white-space: nowrap;
}
.site-header--premium .site-nav__menu li {
margin: 0;
list-style: none;
}
.site-header--premium .site-nav__menu > li {
position: relative;
flex: 0 0 auto;
}
.site-header--premium .site-nav__menu > .menu-item-has-mega {
position: static;
}
.site-header--premium .site-nav__menu > .menu-item-has-children::before {
content: "";
position: absolute;
top: 100%;
left: -8px;
right: -8px;
height: 28px;
}
.site-header--premium .site-nav__menu--static {
overflow: visible;
}
.site-header--premium .site-nav__menu a,
.site-header--premium .site-nav__fallback a {
position: relative;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 6px 12px;
border-radius: 0;
color: var(--color-text-muted);
font-size: 16px;
font-weight: 700;
line-height: 1.1;
transition: color var(--transition), opacity var(--transition);
}
.site-header--premium .site-nav__icon,
.site-header--premium .site-nav__caret {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
color: currentColor;
}
.site-header--premium .site-nav__icon svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.site-header--premium .site-nav__icon i {
font-size: 16px;
line-height: 1;
}
.site-header--premium .site-nav__caret {
margin-left: 1px;
}
.site-header--premium .site-nav__caret svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform var(--transition);
}
.site-header--premium .site-nav__menu a:hover,
.site-header--premium .site-nav__menu a.is-active,
.site-header--premium .site-nav__fallback a:hover,
.site-header--premium .site-nav__fallback a.is-active {
color: var(--color-secondary-deep);
}
.site-header--premium .site-nav__menu a::after,
.site-header--premium .site-nav__fallback a::after {
content: "";
position: absolute;
left: 6px;
right: 6px;
bottom: 0;
height: 3px;
border-radius: 999px;
background: linear-gradient(90deg, #ff7a1a, #ff5b00);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--transition);
}
.site-header--premium .site-nav__menu a:hover::after,
.site-header--premium .site-nav__menu a.is-active::after,
.site-header--premium .site-nav__fallback a:hover::after,
.site-header--premium .site-nav__fallback a.is-active::after {
transform: scaleX(1);
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > a,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > a {
color: var(--color-secondary-deep);
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > a::after,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > a::after {
transform: scaleX(1);
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover .site-nav__caret svg,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within .site-nav__caret svg {
transform: rotate(180deg);
}
.site-header--premium .site-nav__mega {
position: absolute;
top: calc(100% + 8px);
left: 50%;
right: auto;
z-index: 30;
width: min(1240px, calc(100vw - 40px));
max-width: calc(100vw - 32px);
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(12px);
transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
pointer-events: none;
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__mega {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.site-header--premium .site-nav__dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 31;
min-width: 320px;
max-width: min(420px, calc(100vw - 32px));
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
pointer-events: none;
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__dropdown,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.site-header--premium .site-nav__menu > .menu-item-has-dropdown:hover,
.site-header--premium .site-nav__menu > .menu-item-has-dropdown:focus-within {
z-index: 40;
}
.site-header--premium[data-active-nav-panel] .site-nav__menu > .menu-item-has-children[data-nav-panel]:not(.is-nav-active) > .site-nav__mega,
.site-header--premium[data-active-nav-panel] .site-nav__menu > .menu-item-has-children[data-nav-panel]:not(.is-nav-active) > .site-nav__dropdown {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__dropdown,
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__mega {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__dropdown {
transform: translateY(0) !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__mega {
transform: translateX(-50%) translateY(0) !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active {
z-index: 44;
}
.site-header--premium .site-nav__dropdown-list {
display: grid;
gap: 0;
overflow: hidden;
padding: 8px 0;
border-radius: 20px;
background: linear-gradient(180deg, #ef8a43 0%, #cf5f20 100%);
box-shadow: 0 18px 36px rgba(166, 82, 25, 0.24);
}
.site-header--premium .site-nav__dropdown-list a {
display: flex;
align-items: center;
width: 100%;
min-height: 54px;
padding: 0 20px;
color: #ffffff;
font-size: 0.96rem;
font-weight: 800;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.site-header--premium .site-nav__dropdown-list a:hover {
background: rgba(255, 255, 255, 0.12);
}
.site-header--premium .site-nav__dropdown-list a::after {
display: none;
}
.site-header--premium .site-nav__mega--product {
left: 50%;
}
.site-header--premium .site-nav__mega--tabs {
left: 50%;
}
.mega-links-tabs {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
overflow: hidden;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 24px;
background: rgba(255, 255, 255, 0.99);
box-shadow: 0 22px 50px rgba(15, 50, 58, 0.16);
}
.mega-links-tabs__nav {
display: grid;
align-content: start;
background: linear-gradient(180deg, rgba(255, 111, 44, 0.08), rgba(21, 119, 138, 0.04));
border-right: 1px solid rgba(21, 119, 138, 0.08);
}
.mega-links-tabs__button {
width: 100%;
padding: 18px 20px;
border: 0;
border-bottom: 1px solid rgba(21, 119, 138, 0.08);
background: transparent;
color: var(--color-text);
text-align: left;
font-weight: 800;
}
.mega-links-tabs__button.is-active {
background: rgba(255, 255, 255, 0.78);
color: var(--color-primary);
}
.mega-links-tabs__panels {
padding: 22px;
}
.mega-links-tabs__panel {
display: none;
}
.mega-links-tabs__panel.is-active {
display: block;
}
.mega-links-tabs__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.mega-links-tabs__grid a {
display: flex;
align-items: center;
min-height: 52px;
padding: 14px 16px !important;
border-radius: 16px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
border: 1px solid rgba(21, 119, 138, 0.1);
color: var(--color-text) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
}
.mega-links-tabs__grid a::after {
display: none !important;
}
.mega-product {
display: grid;
gap: 22px;
padding: 24px;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 24px;
background: rgba(255, 255, 255, 0.99);
box-shadow: 0 22px 50px rgba(15, 50, 58, 0.16);
}
.mega-product__head {
display: grid;
gap: 6px;
}
.mega-product__head strong {
color: var(--color-text);
font-size: 1.15rem;
line-height: 1.2;
}
.mega-product__head span {
color: var(--color-text-muted);
font-size: 0.92rem;
line-height: 1.6;
}
.mega-product__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.mega-product-slider {
display: grid;
grid-template-columns: 52px minmax(0, 1fr) 52px;
align-items: center;
gap: 16px;
}
.mega-product-slider__viewport {
overflow: hidden;
min-width: 0;
}
.mega-product-slider .mega-product__grid {
display: flex;
gap: 18px;
transition: transform var(--transition);
will-change: transform;
}
.mega-product-slider__arrow {
display: inline-grid;
place-items: center;
width: 52px;
height: 52px;
border: 1px solid rgba(21, 119, 138, 0.14);
border-radius: 18px;
background: #ffffff;
color: var(--color-secondary-deep);
box-shadow: 0 14px 28px rgba(15, 50, 58, 0.08);
}
.mega-product-slider__arrow:disabled {
opacity: 0.35;
cursor: not-allowed;
box-shadow: none;
}
.mega-product__card {
display: grid;
gap: 14px;
min-width: 0;
padding: 14px;
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
border: 1px solid rgba(21, 119, 138, 0.1);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.mega-product-slider .mega-product__card {
flex: 0 0 calc((100% - 36px) / 3);
}
@media (min-width: 1181px) {
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__dropdown,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__mega {
transform: translateX(-50%) translateY(12px);
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__dropdown,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__dropdown {
transform: translateY(12px);
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__dropdown {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
}
.mega-product__card:hover {
transform: translateY(-4px);
border-color: rgba(255, 111, 44, 0.22);
box-shadow: 0 18px 32px rgba(15, 50, 58, 0.12);
}
.mega-product__image {
display: block;
overflow: hidden;
border-radius: 18px;
background: linear-gradient(135deg, rgba(255, 111, 44, 0.12), rgba(21, 119, 138, 0.14));
}
.mega-product__image img,
.mega-product__placeholder {
width: 100%;
height: 160px !important;
}
.mega-product__image img {
object-fit: cover;
}
.mega-product__placeholder {
display: grid;
place-items: center;
color: var(--color-secondary-deep);
font-size: 2rem;
font-weight: 800;
}
.mega-product__body {
display: grid;
gap: 10px;
min-width: 0;
}
.mega-product__body h3 {
margin: 0;
overflow: hidden;
min-width: 0;
width: 100%;
max-width: 100%;
color: var(--color-text);
font-size: 1.08rem;
line-height: 1.35;
}
.mega-product__body h3 a {
display: -webkit-box;
overflow: hidden;
min-width: 0;
width: 100%;
max-width: 100%;
color: inherit;
text-decoration: none;
text-overflow: ellipsis;
word-break: break-word;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.mega-product__body h3 a:hover {
color: var(--color-primary);
}
.mega-product__meta {
display: grid;
gap: 6px;
color: var(--color-text-muted);
font-size: 0.84rem;
line-height: 1.55;
}
.mega-product__price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
}
.mega-product__price del {
color: rgba(95, 114, 123, 0.7);
font-size: 0.85rem;
}
.mega-product__price strong {
color: var(--color-primary);
font-size: 1.05rem;
line-height: 1.1;
}
.mega-product__price small {
color: var(--color-text-muted);
font-size: 0.78rem;
}
.mega-product__tag {
display: inline-flex;
width: fit-content;
align-items: center;
min-height: 30px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(255, 111, 44, 0.1);
color: var(--color-primary);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.mega-product__body h3 {
margin: 0;
color: var(--color-text);
font-size: 1rem;
line-height: 1.45;
}
.mega-product__body h3 a {
display: inline;
padding: 0;
color: inherit;
}
.mega-product__body h3 a::after {
display: none;
}
.mega-product__link {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
padding: 0 !important;
color: var(--color-secondary-deep) !important;
font-size: 0.92rem !important;
font-weight: 800 !important;
}
.mega-product__link::after {
display: none !important;
}
.mega-tour {
display: grid;
grid-template-columns: 272px minmax(0, 1fr);
overflow: hidden;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 24px;
background: rgba(255, 255, 255, 0.99);
box-shadow: 0 22px 50px rgba(15, 50, 58, 0.16);
}
.mega-tour__sidebar {
display: grid;
background: #ffffff;
border-right: 1px solid rgba(11, 114, 133, 0.08);
}
.mega-tour__group {
display: block;
width: 100%;
padding: 24px 18px;
border: 0;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
text-align: left;
background: #ffffff;
cursor: pointer;
}
.mega-tour__group:last-child {
border-bottom: 0;
}
.mega-tour__group--featured {
background: linear-gradient(180deg, #ff6417 0%, #ff5b00 100%);
}
.mega-tour__group.is-active:not(.mega-tour__group--featured),
.mega-tour__group:hover:not(.mega-tour__group--featured),
.mega-tour__group:focus-visible:not(.mega-tour__group--featured) {
background: rgba(11, 114, 133, 0.06);
}
.mega-tour__group h3 {
margin: 0 0 10px;
color: #223841;
font-size: 0.98rem;
font-weight: 800;
line-height: 1.35;
white-space: normal;
}
.mega-tour__group--featured h3 {
margin: 0;
color: #ffffff;
font-size: 1.06rem;
}
.mega-tour__links {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
}
.mega-tour__links a {
padding: 0;
color: rgba(34, 56, 65, 0.68);
font-size: 0.88rem;
font-weight: 600;
line-height: 1.5;
white-space: nowrap;
}
.mega-tour__links a:hover {
color: var(--color-primary);
}
.mega-tour__group.is-active .mega-tour__links a,
.mega-tour__group:hover .mega-tour__links a,
.mega-tour__group:focus-visible .mega-tour__links a {
color: rgba(34, 56, 65, 0.88);
}
.mega-tour__content {
display: grid;
grid-template-columns: 52px minmax(0, 1fr) 52px;
align-items: center;
gap: 12px;
padding: 16px 14px;
background: #ffffff;
}
.mega-tour__viewport {
overflow: hidden;
}
.mega-tour__cards {
display: flex;
gap: 16px;
transition: transform 280ms ease;
}
.mega-tour__card {
flex: 0 0 calc((100% - 32px) / 3);
display: flex;
flex-direction: column;
overflow: hidden;
min-width: 0;
border-radius: 18px;
background: #ffffff;
border: 1px solid rgba(11, 114, 133, 0.08);
box-shadow: 0 8px 18px rgba(15, 50, 58, 0.08);
}
.mega-tour__image {
display: block;
aspect-ratio: 16 / 10;
}
.mega-tour__image img {
width: 100%;
height: 200px;
object-fit: cover;
}
.mega-tour__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 12px 14px 14px;
}
.mega-tour__body h3 {
margin: 0;
min-height: 56px;
color: #2c3439;
font-size: 0.88rem;
font-weight: 800;
line-height: 1.36;
white-space: normal;
}
.mega-tour__body h3 a {
padding: 0;
background: transparent;
color: inherit;
white-space: normal;
}
.mega-tour__rating {
display: flex;
align-items: center;
gap: 6px;
margin-top: 10px;
color: #8a8f94;
font-size: 0.82rem;
font-weight: 600;
}
.mega-tour__star {
color: #ff6a21;
font-size: 1.15rem;
line-height: 1;
}
.mega-tour__meta {
display: grid;
gap: 6px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid rgba(34, 56, 65, 0.1);
color: #7d858a;
font-size: 0.82rem;
font-weight: 600;
}
.mega-tour__price {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 10px;
margin-top: 6px;
}
.mega-tour__price del {
color: #9aa0a5;
font-size: 0.8rem;
font-weight: 700;
}
.mega-tour__price strong {
color: #ff6a21;
font-size: 0.98rem;
font-weight: 800;
}
.mega-tour__arrow {
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(34, 56, 65, 0.12);
border-radius: 50%;
background: #ffffff;
color: #343b40;
box-shadow: 0 6px 14px rgba(15, 50, 58, 0.1);
}
.mega-tour__arrow span {
font-size: 1.6rem;
line-height: 1;
}
.mega-tour__arrow:disabled {
opacity: 0.42;
cursor: default;
box-shadow: none;
}
.site-header--premium .site-header__contact-link,
.site-header--premium .site-header__search-link {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 40px;
padding: 6px 10px;
border-radius: 999px;
color: #29414a;
font-size: 16px;
font-weight: 700;
line-height: 1.1;
white-space: nowrap;
border: 1px solid rgba(11, 114, 133, 0.08);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 249, 0.98));
box-shadow: 0 8px 18px rgba(15, 50, 58, 0.06);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition), background var(--transition);
}
.site-header--premium .site-header__contact-link:hover,
.site-header--premium .site-header__search-link:hover {
color: var(--color-secondary-deep);
transform: translateY(-1px);
border-color: rgba(255, 91, 0, 0.18);
box-shadow: 0 12px 24px rgba(15, 50, 58, 0.1);
background: linear-gradient(180deg, #ffffff, #fef3ec);
}
.site-header--premium .site-header__action-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(11, 114, 133, 0.12), rgba(11, 114, 133, 0.05));
color: var(--color-secondary-deep);
flex: 0 0 auto;
transition: transform var(--transition), background var(--transition), color var(--transition);
}
.site-header--premium .site-header__action-icon svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.site-header--premium .site-header__contact-link:hover .site-header__action-icon,
.site-header--premium .site-header__search-link:hover .site-header__action-icon {
transform: scale(1.04);
background: linear-gradient(135deg, rgba(255, 91, 0, 0.16), rgba(255, 91, 0, 0.07));
color: #ff5b00;
}
.site-header--premium .site-header__search-link {
justify-content: center;
width: 40px;
padding: 0;
border: 1px solid rgba(11, 114, 133, 0.08);
cursor: pointer;
}
.site-header--premium .site-header__search-link .site-header__action-icon svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.search-modal[hidden] {
display: none !important;
}
.search-modal {
position: fixed;
inset: 0;
z-index: 10010;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.search-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(11, 19, 27, 0.52);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.search-modal__panel {
position: relative;
width: min(980px, calc(100vw - 32px));
max-height: calc(100vh - 40px);
margin: 20px auto;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 26px;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 32px;
background:
radial-gradient(circle at top right, rgba(255, 208, 175, 0.26), transparent 26%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 248, 244, 0.98));
box-shadow: 0 32px 60px rgba(15, 23, 42, 0.22);
}
.search-modal__loading {
position: absolute;
inset: 0;
z-index: 5;
display: grid;
align-content: center;
justify-items: center;
gap: 10px;
padding: 24px;
border-radius: inherit;
background: rgba(255, 249, 244, 0.88);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .22s ease, visibility .22s ease;
}
.search-modal.is-loading .search-modal__loading {
opacity: 1;
visibility: visible;
}
.search-modal__loading-spinner {
width: 42px;
height: 42px;
border: 3px solid rgba(255, 111, 44, 0.16);
border-top-color: #ff6f2c;
border-radius: 50%;
animation: searchModalSpin .8s linear infinite;
}
.search-modal__loading strong {
color: #163544;
font-size: 1rem;
font-weight: 800;
}
.search-modal__loading small {
color: rgba(22, 53, 68, 0.72);
font-size: 13px;
font-weight: 600;
text-align: center;
}
.search-modal__handle {
display: none;
}
.search-modal__header {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.search-modal__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255, 111, 44, 0.12);
color: var(--color-primary);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.search-modal__header h2 {
margin: 10px 0 0;
color: #163544;
font-size: clamp(1.35rem, 2.5vw, 2rem);
line-height: 1.15;
}
.search-modal__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 0;
border-radius: 50%;
background: rgba(22, 53, 68, 0.08);
color: #163544;
font-size: 18px;
}
.search-modal__tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.search-modal__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border: 1px solid rgba(21, 119, 138, 0.14);
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
color: #26414d;
font-size: 13px;
font-weight: 800;
}
.search-modal__tab.is-active {
border-color: transparent;
background: linear-gradient(135deg, #ff8b45, #ff5b00);
color: #fff;
box-shadow: 0 14px 28px rgba(255, 91, 0, 0.16);
}
.search-modal__body {
position: relative;
}
.search-modal__pane {
display: none;
}
.search-modal__pane.is-active {
display: block;
}
.search-modal__form {
display: grid;
gap: 14px;
padding: 18px;
border: 1px solid rgba(21, 119, 138, 0.1);
border-radius: 24px;
background: rgba(255, 255, 255, 0.92);
}
.search-modal__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.search-modal__grid-wide {
grid-column: 1 / -1;
}
.search-modal__form label {
display: grid;
gap: 8px;
}
.search-modal__form span {
color: #1f3947;
font-size: 13px;
font-weight: 800;
}
.search-modal__form input,
.search-modal__form select {
width: 100%;
min-height: 52px;
padding: 0 14px;
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 16px;
background: #fff;
color: #163544;
font-size: 14px;
font-weight: 700;
box-shadow: none;
}
.search-modal__footer {
display: flex;
justify-content: flex-end;
}
.search-modal__footer button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
min-width: 180px;
padding: 0 20px;
border: 0;
border-radius: 16px;
background: linear-gradient(135deg, #ff8b45, #ff5b00);
color: #fff;
font-size: 14px;
font-weight: 800;
box-shadow: 0 18px 34px rgba(255, 91, 0, 0.18);
}
.search-modal__footer button.is-loading {
opacity: 0.88;
}
.site-header--premium .site-header__language-switcher {
position: relative;
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.site-header--premium .site-header__language-switcher--gtranslate {
min-height: 44px;
}
.site-header--premium .site-header__language-source {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.site-header--premium .site-header__gtranslate-engine {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.site-header--premium .site-header__language-source .gtranslate_wrapper,
.site-header--premium .site-header__language-source .gt_switcher_wrapper,
.site-header--premium .site-header__language-source .glink,
.site-header--premium .site-header__language-source select {
max-width: none;
}
.site-header--premium .site-header__language-toggle {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 0;
border: 0;
background: transparent;
color: #26353c;
}
.site-header--premium .site-header__language-flag {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid rgba(15, 50, 58, 0.08);
background: #ffffff;
box-shadow: 0 3px 8px rgba(15, 50, 58, 0.08);
overflow: hidden;
flex: 0 0 auto;
}
.site-header--premium .site-header__language-flag--vi {
background: #ffffff;
}
.site-header--premium .site-header__language-flag--en {
background: #ffffff;
}
.site-header--premium .site-header__language-flag--ko {
background: #ffffff;
}
.site-header--premium .site-header__language-flag--zh {
background: #ffffff;
}
.site-header--premium .site-header__language-emoji {
font-size: 16px;
line-height: 1;
transform: translateY(-1px);
}
.site-header--premium .site-header__language-toggle .site-header__caret svg {
width: 14px;
height: 14px;
stroke: #27343a;
}
.site-header--premium .site-header__language-menu {
position: absolute;
top: calc(100% + 12px);
right: 0;
min-width: 210px;
padding: 10px;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 20px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 40px rgba(15, 50, 58, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
pointer-events: none;
}
.site-header--premium .site-header__language-switcher.is-open .site-header__language-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.site-header--premium .site-header__language-switcher.is-open .site-header__language-toggle .site-header__caret svg {
transform: rotate(180deg);
}
.site-header--premium .site-header__language-option {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 14px;
color: #2d3c43;
font-size: 0.92rem;
font-weight: 700;
}
.site-header--premium .site-header__language-option:hover,
.site-header--premium .site-header__language-option.is-active {
background: rgba(11, 114, 133, 0.08);
}
.site-header--premium .site-header__language-option .site-header__language-flag {
width: 36px;
height: 36px;
box-shadow: none;
}
.mega-destination {
display: grid;
grid-template-columns: 326px minmax(0, 1fr);
min-height: 580px;
overflow: hidden;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 28px;
background: rgba(255, 255, 255, 0.99);
box-shadow: 0 22px 50px rgba(15, 50, 58, 0.16);
}
.mega-destination__sidebar {
display: grid;
background: #ffffff;
border-right: 1px solid rgba(11, 114, 133, 0.08);
}
.mega-destination__group {
display: block;
width: 100%;
padding: 26px 22px;
border: 0;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
text-align: left;
cursor: pointer;
}
.mega-destination__group:last-child {
border-bottom: 0;
}
.mega-destination__group--active {
background: linear-gradient(180deg, #ff6417 0%, #ff5b00 100%);
}
.mega-destination__group.is-active:not(.mega-destination__group--active),
.mega-destination__group:hover:not(.mega-destination__group--active),
.mega-destination__group:focus-visible:not(.mega-destination__group--active) {
background: rgba(11, 114, 133, 0.06);
}
.mega-destination__group h3 {
margin: 0 0 14px;
color: #2b3439;
font-size: 1rem;
font-weight: 800;
line-height: 1.35;
}
.mega-destination__group--active h3 {
color: #ffffff;
}
.mega-destination__links {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
}
.mega-destination__links a {
padding: 0;
color: rgba(43, 52, 57, 0.56);
font-size: 0.96rem;
font-weight: 600;
line-height: 1.5;
background: transparent;
}
.mega-destination__group--active .mega-destination__links a {
color: rgba(255, 255, 255, 0.92);
}
.mega-destination__content {
display: grid;
align-content: start;
gap: 42px;
padding: 38px 40px;
background: #ffffff;
}
.mega-destination__content h3 {
margin: 0;
color: #8a8f94;
font-size: 1rem;
font-weight: 800;
}
.mega-destination__row {
display: grid;
grid-template-columns: 180px minmax(0, 1fr);
gap: 24px 46px;
align-items: start;
}
.mega-destination__row strong {
color: #2d353a;
font-size: 1rem;
font-weight: 800;
line-height: 1.4;
}
.mega-destination__cities {
display: flex;
flex-wrap: wrap;
gap: 22px 38px;
}
.mega-destination__cities a {
padding: 0;
background: transparent;
color: #30383d;
font-size: 0.96rem;
font-weight: 600;
line-height: 1.45;
}
.mega-destination__cities a:hover,
.mega-destination__links a:hover {
color: var(--color-primary);
}
.site-header--premium .site-header__toggle {
display: none;
width: 54px;
height: 54px;
padding: 0;
border: 0;
border-radius: 18px;
background: none;
}
.site-header--premium .site-header__toggle span {
display: block;
width: 22px;
height: 2px;
margin: 5px auto;
border-radius: 999px;
background: var(--color-secondary-deep);
transition: transform var(--transition), opacity var(--transition);
}
.site-header--premium.is-open .site-header__toggle span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.site-header--premium.is-open .site-header__toggle span:nth-child(2) {
opacity: 0;
}
.site-header--premium.is-open .site-header__toggle span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.home-premium-main .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 14px 24px;
border-radius: 999px;
border: 1px solid transparent;
font-weight: 700;
transition:
transform var(--transition),
box-shadow var(--transition),
background var(--transition),
color var(--transition),
border-color var(--transition);
}
.site-header--premium .site-header__cta,
.home-premium-main .button--primary {
background: linear-gradient(135deg, var(--color-primary), #ff7f32);
color: #ffffff;
box-shadow: 0 18px 36px rgba(255, 91, 0, 0.28);
}
.home-premium-main .button:hover,
.site-header--premium .site-header__cta:hover {
transform: translateY(-2px);
}
.home-premium-main .button--ghost {
border-color: rgba(11, 114, 133, 0.18);
background: rgba(255, 255, 255, 0.9);
color: var(--color-secondary-deep);
box-shadow: var(--shadow-soft);
}
.home-premium-main .button--block {
width: 100%;
}
.home-premium-main .inline-link {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
min-height: 42px;
padding: 0 6px 0 0;
font-weight: 800;
color: var(--color-secondary-deep);
letter-spacing: -0.01em;
}
.home-premium-main .inline-link::after {
content: "\2192";
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(255, 111, 44, 0.16), rgba(21, 119, 138, 0.12));
color: var(--color-primary);
font-size: 0.96rem;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
transition: transform var(--transition), background var(--transition), color var(--transition);
}
p.hotel-featured-card__title
{
font-weight: 600;
color: black !important;
}
.home-premium-main .inline-link:hover {
color: var(--color-primary);
}
.home-premium-main .inline-link:hover::after {
transform: translateX(4px);
background: linear-gradient(135deg, rgba(255, 111, 44, 0.24), rgba(255, 111, 44, 0.12));
}
.home-premium-main .hero {
padding-top: 52px;
}
.home-premium-main .hero__grid,
.home-premium-main .why-grid,
.home-premium-main .cta-banner,
.site-footer--premium .site-footer__grid {
display: grid;
}
.home-premium-main .hero__grid {
grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
gap: 40px;
align-items: center;
}
.home-premium-main .hero h1 {
margin-top: 18px;
font-size: 30px;
}
.home-premium-main .hero__summary {
margin-top: 22px;
max-width: 620px;
font-size: 1.08rem;
}
.home-premium-main .hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.home-premium-main .hero__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 34px;
}
.home-premium-main .stat-card,
.home-premium-main .intro-card,
.home-premium-main .feature-card,
.home-premium-main .service-card,
.home-premium-main .trust-card,
.home-premium-main .news-card,
.home-premium-main .testimonial-card,
.home-premium-main .hero-panel,
.home-premium-main .hero-card,
.home-premium-main .hero-float,
.home-premium-main .trust-metrics {
border: 1px solid rgba(255, 255, 255, 0.72);
background: #ffffff;
box-shadow: 0 14px 30px rgba(6, 55, 67, 0.08);
}
.home-premium-main .stat-card {
display: grid;
gap: 8px;
padding: 22px;
border-radius: 24px;
}
.home-premium-main .stat-card strong {
color: var(--color-secondary-deep);
font-size: 1.6rem;
font-family: "Manrope", sans-serif;
}
.home-premium-main .stat-card span {
color: var(--color-text-muted);
line-height: 1.55;
}
.home-premium-main .hero__visual {
position: relative;
min-height: 640px;
padding: 0;
overflow: visible;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.home-premium-main .hero-orbits {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 6;
}
.home-premium-main .hero-orbit {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 22px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 252, 0.96));
color: var(--color-secondary-deep);
box-shadow: 0 18px 38px rgba(15, 50, 58, 0.16);
}
.home-premium-main .hero-orbit i {
display: inline-flex;
font-size: 1.7rem;
line-height: 1;
filter: drop-shadow(0 8px 18px rgba(11, 114, 133, 0.12));
}
.home-premium-main .hero-orbit--plane {
top: -18px;
left: -18px;
color: #ff5b00;
animation: heroOrbitOne 8s ease-in-out infinite;
}
.home-premium-main .hero-orbit--map {
top: 88px;
right: -18px;
color: #0b7285;
animation: heroOrbitTwo 7.2s ease-in-out infinite;
}
.home-premium-main .hero-orbit--hotel {
left: -24px;
bottom: 132px;
color: #ff7a1a;
animation: heroOrbitThree 8.8s ease-in-out infinite;
}
.home-premium-main .hero-orbit--ship {
right: 80px;
bottom: -20px;
color: #0b7285;
animation: heroOrbitFour 7.6s ease-in-out infinite;
}
.home-premium-main .hero-showcase {
position: relative;
z-index: 2;
min-height: 580px;
padding: 0 0 34px;
}
.home-premium-main .hero-showcase__stage {
position: relative;
height: 620px;
perspective: 400px;
transform-style: preserve-3d;
}
.home-premium-main .hero-destination-card {
position: absolute;
top: 50%;
left: 50%;
width: clamp(250px, 30vw, 340px);
height: 470px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 28px;
background: #ffffff;
transform-origin: center center;
transition:
transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.55s ease,
filter 0.55s ease,
box-shadow 0.55s ease;
will-change: transform, opacity;
}
.home-premium-main .hero-destination-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-premium-main .hero-destination-card__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(8, 31, 38, 0.08) 12%, rgba(8, 31, 38, 0.68) 100%),
linear-gradient(0deg, rgba(11, 114, 133, 0.12), rgba(11, 114, 133, 0.12));
}
.home-premium-main .hero-destination-card__body {
position: absolute;
right: 22px;
bottom: 22px;
left: 22px;
z-index: 2;
color: #ffffff;
}
.home-premium-main .hero-destination-card__tag {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.84);
color: #ffffff;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.home-premium-main .hero-destination-card__tag--orange {
background: rgba(255, 91, 0, 0.88);
}
.home-premium-main .hero-destination-card__tag--green {
background: rgba(46, 139, 87, 0.88);
}
.home-premium-main .hero-destination-card__tag--blue {
background: rgba(0, 114, 255, 0.88);
}
.home-premium-main .hero-destination-card__body h3,
.home-premium-main .hero-destination-card__title {
margin: 16px 0 14px;
font-size: 1.65rem;
line-height: 1.16;
color: #ffffff;
}
.home-premium-main .hero-destination-card__body p {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
color: rgba(255, 255, 255, 0.9);
font-size: 0.98rem;
font-weight: 600;
}
.home-premium-main .hero-destination-card__body p i {
font-size: 0.95rem;
}
.home-premium-main .hero-destination-card.is-center {
z-index: 5;
transform: translate3d(-50%, -50%, 0) scale(1);
opacity: 1;
filter: blur(0);
}
.home-premium-main .hero-destination-card.is-left-1 {
z-index: 4;
transform: translate3d(calc(-50% - 175px), -50%, -120px) scale(0.9);
opacity: 0.94;
}
.home-premium-main .hero-destination-card.is-left-2 {
z-index: 3;
transform: translate3d(calc(-50% - 320px), -50%, -220px) scale(0.8);
opacity: 0.56;
filter: saturate(0.86);
}
.home-premium-main .hero-destination-card.is-right-1 {
z-index: 4;
transform: translate3d(calc(-50% + 175px), -50%, -120px) scale(0.9);
opacity: 0.94;
}
.home-premium-main .hero-destination-card.is-right-2 {
z-index: 3;
transform: translate3d(calc(-50% + 320px), -50%, -220px) scale(0.8);
opacity: 0.56;
filter: saturate(0.86);
}
.home-premium-main .hero-destination-card.is-hidden {
z-index: 1;
transform: translate3d(-50%, -50%, -320px) scale(0.72);
opacity: 0;
pointer-events: none;
}
.home-premium-main .hero-showcase__dots {
position: absolute;
left: 50%;
bottom: 0;
z-index: 6;
display: flex;
align-items: center;
gap: 8px;
transform: translateX(-50%);
}
.home-premium-main .hero-showcase__dots button {
appearance: none;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
margin: 0;
border: 0;
border-radius: 999px;
background: transparent;
box-shadow: none;
font-size: 0;
line-height: 0;
transition: transform var(--transition);
}
.home-premium-main .hero-showcase__dots button::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.34);
transition: width var(--transition), background var(--transition), transform var(--transition);
}
.home-premium-main .hero-showcase__dots button.is-active::before {
width: 22px;
background: linear-gradient(90deg, #ff5b00, #ff8b45);
}
.home-premium-main .hero-service-strip {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.home-premium-main .section--services-quick {
padding-top: 34px;
padding-bottom: 54px;
}
.home-premium-main .hero-service-card {
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-height: 100%;
padding: 20px 18px;
border: 1px solid rgba(255, 255, 255, 0.84);
border-radius: 24px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 16px 28px rgba(15, 50, 58, 0.08);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.home-premium-main .hero-service-card:hover {
transform: translateY(-4px);
border-color: rgba(11, 114, 133, 0.16);
box-shadow: 0 24px 42px rgba(15, 50, 58, 0.14);
}
.home-premium-main .hero-service-card__icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 18px;
color: #ffffff;
overflow: hidden;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.24),
0 12px 22px rgba(15, 50, 58, 0.14);
}
.home-premium-main .hero-service-card__icon i {
position: relative;
z-index: 1;
font-size: 1.2rem;
line-height: 1;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.home-premium-main .hero-service-card__icon::before,
.home-premium-main .tour-category-card__icon::before,
.home-premium-main .fleet-card__icon::before,
.home-premium-main .product-category-card__icon::before,
.home-premium-main .hotel-highlight::before {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
pointer-events: none;
}
.home-premium-main .hero-service-card__icon::after,
.home-premium-main .tour-category-card__icon::after,
.home-premium-main .fleet-card__icon::after,
.home-premium-main .product-category-card__icon::after {
content: "";
position: absolute;
top: -22%;
right: -18%;
width: 34px;
height: 34px;
border-radius: 50%;
filter: blur(2px);
pointer-events: none;
}
.home-premium-main .hero-service-card__icon--orange {
background: linear-gradient(135deg, #ff7b2f, #ff5b00);
}
.home-premium-main .hero-service-card__icon--teal {
background: linear-gradient(135deg, #0f8da1, #0b7285);
}
.home-premium-main .hero-service-card__icon--blue {
background: linear-gradient(135deg, #4a8fff, #2563eb);
}
.home-premium-main .hero-service-card__icon--gold {
background: linear-gradient(135deg, #ffb347, #ff8a00);
}
span.floating-actions__icon{color:white;}
.home-premium-main .hero-service-card__content h3,
.home-premium-main .hero-service-card__title {
margin: 2px 0 10px;
color: var(--color-text);
font-size: 20px;
font-weight: 800;
line-height: 1.2;
}
.home-premium-main .hero-service-card__content p {
margin: 0;
color: var(--color-text-muted);
font-size: 0.9rem;
line-height: 1.55;
}
.home-premium-main .tour-category-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.home-premium-main .tour-category-card {
display: grid;
align-content: start;
gap: 16px;
min-height: 100%;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.88);
border-radius: 26px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 16px 28px rgba(15, 50, 58, 0.08);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.home-premium-main .tour-category-card:hover {
transform: translateY(-5px);
border-color: rgba(11, 114, 133, 0.16);
box-shadow: 0 24px 42px rgba(15, 50, 58, 0.12);
}
.home-premium-main .tour-category-card__icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border-radius: 18px;
color: #ffffff;
overflow: hidden;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.24),
0 14px 24px rgba(15, 50, 58, 0.12);
}
.home-premium-main .tour-category-card__icon i {
position: relative;
z-index: 1;
font-size: 1.22rem;
line-height: 1;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.home-premium-main .tour-category-card__icon--orange {
background: linear-gradient(135deg, #ff7b2f, #ff5b00);
}
.home-premium-main .tour-category-card__icon--teal {
background: linear-gradient(135deg, #0f8da1, #0b7285);
}
.home-premium-main .tour-category-card__icon--blue {
background: linear-gradient(135deg, #4a8fff, #2563eb);
}
.home-premium-main .tour-category-card__icon--gold {
background: linear-gradient(135deg, #ffb347, #ff8a00);
}
.home-premium-main .tour-category-card__icon--rose {
background: linear-gradient(135deg, #ff7aa2, #ff4d7a);
}
.home-premium-main .tour-category-card__icon--green {
background: linear-gradient(135deg, #27b36a, #10985a);
}
.home-premium-main .tour-category-card__content h3 {
margin: 0 0 8px;
color: var(--color-text);
font-size: 1.04rem;
line-height: 1.25;
}
.home-premium-main .tour-category-card__content p {
margin: 0;
color: var(--color-text-muted);
font-size: 0.9rem;
line-height: 1.55;
}
.home-premium-main .tour-category-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 14px;
border-top: 1px solid rgba(11, 114, 133, 0.08);
}
.home-premium-main .tour-category-card__footer span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.08);
color: var(--color-secondary-deep);
font-size: 0.82rem;
font-weight: 700;
}
.home-premium-main .tour-category-card__footer strong {
color: var(--color-secondary);
font-size: 0.9rem;
font-weight: 800;
white-space: nowrap;
}
.home-premium-main .tour-tabs {
display: grid;
gap: 24px;
}
.home-premium-main .tour-tabs__heading {
font-size: 30px;
}
.home-premium-main .tour-tabs__header-action {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.home-premium-main .tour-tabs__nav {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
}
.home-premium-main .tour-tabs__tab {
position: relative;
min-height: 46px;
padding: 11px 16px;
border: 1px solid rgba(11, 114, 133, 0.14);
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 10px 18px rgba(6, 55, 67, 0.06);
color: var(--color-secondary-deep);
font-size: 0.94rem;
font-weight: 700;
transition:
color var(--transition),
transform var(--transition),
border-color var(--transition),
background var(--transition),
box-shadow var(--transition);
}
.home-premium-main .tour-tabs__tab::after {
display: none;
}
.home-premium-main .tour-tabs__tab:hover,
.home-premium-main .tour-tabs__tab:focus-visible {
border-color: rgba(255, 91, 0, 0.24);
background: rgba(255, 247, 242, 0.98);
box-shadow: 0 14px 24px rgba(255, 91, 0, 0.12);
color: var(--color-text);
transform: translateY(-1px);
}
.home-premium-main .tour-tabs__tab.is-active {
border-color: rgba(255, 91, 0, 0.22);
background: linear-gradient(180deg, rgba(255, 247, 242, 0.98), rgba(255, 255, 255, 0.98));
box-shadow: 0 16px 28px rgba(255, 91, 0, 0.14);
color: var(--color-text);
}
.home-premium-main .tour-tabs__tab.is-active::after {
display: none;
}
.home-premium-main .tour-tabs__panel {
display: none;
}
.home-premium-main .tour-tabs__panel.is-active {
display: block;
}
.home-premium-main .tour-panel {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 22px;
align-items: stretch;
}
.home-premium-main .tour-panel__feature {
display: grid;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.82);
border-radius: 30px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 20px 36px rgba(15, 50, 58, 0.08);
height:450px;
}
.home-premium-main .tour-panel__feature-media img {
width: 100%;
height: 220px;
object-fit: cover;
}
.home-premium-main .tour-panel__feature-body {
display: grid;
gap: 0px;
padding: 0px 15px;
}
.home-premium-main .tour-panel__badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 34px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.08);
color: var(--color-secondary);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.home-premium-main .tour-panel__feature-body h3,
.home-premium-main .tour-panel__feature-title {
margin: 0;
font-size: 1.5rem;
line-height: 1.15;
}
.home-premium-main .tour-panel__feature-body p {
margin: 0;
color: black;
line-height: 1.65;
}
.home-premium-main .tour-panel__feature-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--color-secondary);
font-weight: 800;
transition: color var(--transition), transform var(--transition);
}
.home-premium-main .tour-panel__feature-link::after {
content: "\2192";
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(255, 111, 44, 0.16), rgba(21, 119, 138, 0.12));
color: var(--color-secondary-deep);
font-size: 0.98rem;
box-shadow: 0 10px 18px rgba(21, 119, 138, 0.12);
transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
}
.home-premium-main .tour-panel__feature-link:hover {
color: var(--color-secondary-deep);
}
.home-premium-main .tour-panel__feature-link:hover::after {
transform: translateX(3px);
background: linear-gradient(135deg, rgba(255, 111, 44, 0.22), rgba(21, 119, 138, 0.16));
box-shadow: 0 12px 22px rgba(21, 119, 138, 0.16);
}
.home-premium-main .tour-panel__slider {
display: grid;
grid-template-columns: 20px minmax(0, 1fr) 20px;
grid-template-rows: auto auto;
gap: 14px;
align-items: center;
}
.home-premium-main .tour-panel__arrow {
display: grid;
place-items: center;
width: 50px;
height: 50px;
padding: 0;
border: 1px solid rgba(11, 114, 133, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.96);
color: var(--color-secondary-deep);
box-shadow: 0 12px 24px rgba(15, 50, 58, 0.08);
}
.home-premium-main .tour-panel__arrow:disabled {
opacity: 0.36;
box-shadow: none;
}
.home-premium-main .tour-panel__arrow span {
font-size: 1.5rem;
line-height: 1;
}
.home-premium-main .tour-panel__viewport {
overflow: hidden;
}
.home-premium-main .tour-panel__track {
display: flex;
gap: 18px;
transition: transform 280ms ease;
}
.home-premium-main .tour-app-card {
flex: 0 0 calc((100% - 36px) / 3);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.84);
border-radius: 26px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 32px rgba(15, 50, 58, 0.08);
}
.home-premium-main .tour-app-card__image img {
width: 100%;
height: 220px;
object-fit: cover;
}
.home-premium-main .tour-app-card__body {
display: grid;
gap: 14px;
padding: 18px;
}
.home-premium-main .tour-app-card__body h4,
.home-premium-main .tour-app-card__title {
margin: 0;
font-size: 1.02rem;
line-height: 1.35;
font-weight: 600;;
}
.home-premium-main .tour-app-card__meta {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.home-premium-main .tour-app-card__meta li {
display: grid;
grid-template-columns: 16px 1fr;
gap: 10px;
align-items: start;
color: var(--color-text);
font-size: 0.92rem;
line-height: 1.45;
}
.home-premium-main .tour-app-card__meta li i {
color: #111111;
font-size: 0.95rem;
transform: translateY(2px);
}
.home-premium-main .tour-app-card__price {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
margin-top: auto;
}
.home-premium-main .tour-app-card__price del {
display: block;
color: #6b7176;
font-size: 0.88rem;
font-weight: 600;
}
.home-premium-main .tour-app-card__price strong {
display: block;
margin-top: 6px;
color: #a91414;
font-size: 1rem;
font-weight: 800;
}
.home-premium-main .tour-app-card__price a {
color: #0a4f8f;
font-weight: 700;
white-space: nowrap;
}
.home-premium-main .tour-panel__dots {
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 2px;
}
.home-premium-main .tour-panel__dots button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
box-shadow: none;
font-size: 0;
line-height: 0;
transition: transform var(--transition);
}
.home-premium-main .tour-panel__dots button::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(11, 114, 133, 0.34);
transition: width var(--transition), background var(--transition);
}
.home-premium-main .tour-panel__dots button.is-active::before {
width: 22px;
background: linear-gradient(90deg, #ff7b2f, #ff5b00);
}
.home-premium-main .section--cars {
background:
radial-gradient(circle at left center, rgba(255, 111, 44, 0.08), transparent 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(248, 251, 252, 0.94));
}
.home-premium-main .rental-showcase {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: stretch;
}
.home-premium-main .rental-showcase__intro,
.home-premium-main .rental-destination {
border: 1px solid rgba(255, 255, 255, 0.82);
border-radius: 30px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 18px 36px rgba(15, 50, 58, 0.08);
}
.home-premium-main .rental-showcase__intro {
display: grid;
align-content: start;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
padding: 28px;
align-items: center;
justify-items: start;
}
.home-premium-main .rental-showcase__intro .section-tag,
.home-premium-main .rental-showcase__intro h2 {
grid-column: 1;
}
.home-premium-main .rental-showcase__intro .section-tag {
grid-column: 1 / -1;
}
.home-premium-main .rental-showcase__intro h2 {
margin: 0;
font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
font-size: 26px;
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1.08;
}
.home-premium-main .rental-showcase__intro p {
grid-column: 1 / -1;
margin: 0;
color: var(--color-text-muted);
line-height: 1.7;
}
.home-premium-main .rental-showcase__intro .button {
grid-column: 2;
grid-row: 2;
align-self: center;
justify-self: end;
}
.home-premium-main .rental-destination {
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
gap: 18px;
padding: 18px;
}
.home-premium-main .rental-destination__nav {
display: grid;
gap: 12px;
}
.home-premium-main .rental-destination__tab {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 62px;
padding: 16px 18px;
border: 1px solid rgba(21, 119, 138, 0.08);
border-radius: 20px;
background: #ffffff;
color: var(--color-text);
font-size: 14px;
font-weight: 800;
text-align: left;
transition: border-color var(--transition), background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);
}
.home-premium-main .rental-destination__tab-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-right: 12px;
border-radius: 12px;
background:
radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 42%),
linear-gradient(135deg, rgba(255, 111, 44, 0.2), rgba(21, 119, 138, 0.16));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.28),
0 10px 18px rgba(21, 119, 138, 0.12);
flex: 0 0 auto;
transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
}
.home-premium-main .rental-destination__tab-icon i {
font-size: 0.95rem;
line-height: 1;
color: var(--color-secondary-deep);
}
.home-premium-main .rental-destination__tab-label {
flex: 1 1 auto;
}
.home-premium-main .rental-destination__tab::after {
content: "\203A";
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(21, 119, 138, 0.12), rgba(21, 119, 138, 0.04));
color: var(--color-secondary-deep);
font-size: 1rem;
font-weight: 800;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
transition: transform var(--transition), background var(--transition), color var(--transition);
}
.home-premium-main .rental-destination__tab.is-active {
background: linear-gradient(135deg, rgba(255, 111, 44, 0.12), rgba(255, 255, 255, 0.98));
border-color: rgba(255, 111, 44, 0.18);
box-shadow: 0 14px 24px rgba(255, 111, 44, 0.12);
color: #102930;
}
.home-premium-main .rental-destination__tab:hover .rental-destination__tab-icon,
.home-premium-main .rental-destination__tab.is-active .rental-destination__tab-icon {
transform: translateY(-1px) scale(1.04);
background:
radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 42%),
linear-gradient(135deg, rgba(255, 111, 44, 0.28), rgba(21, 119, 138, 0.22));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.32),
0 14px 22px rgba(255, 111, 44, 0.12);
}
.home-premium-main .rental-destination__tab:hover .rental-destination__tab-icon i,
.home-premium-main .rental-destination__tab.is-active .rental-destination__tab-icon i {
color: var(--color-primary);
}
.home-premium-main .rental-destination__tab:hover::after,
.home-premium-main .rental-destination__tab.is-active::after {
transform: translateX(2px);
background: linear-gradient(135deg, rgba(255, 111, 44, 0.16), rgba(255, 111, 44, 0.06));
color: var(--color-primary);
}
.home-premium-main .rental-destination__content {
min-width: 0;
}
.home-premium-main .rental-destination__panel {
display: none;
}
.home-premium-main .rental-destination__panel.is-active {
display: block;
}
.home-premium-main .rental-destination__actions {
display: flex;
justify-content: center;
margin-top: 18px;
}
.home-premium-main .rental-destination__more {
min-width: 168px;
}
.home-premium-main .fleet-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.home-premium-main .fleet-card {
display: grid;
align-content: start;
gap: 10px;
min-height: 100%;
padding: 14px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(21, 119, 138, 0.08);
}
.home-premium-main .fleet-card--featured {
background: linear-gradient(180deg, rgba(255, 111, 44, 0.1), rgba(255, 255, 255, 1));
grid-column: auto;
}
.home-premium-main .fleet-card--article {
overflow: hidden;
box-shadow: 0 18px 30px rgba(15, 50, 58, 0.08);
}
.home-premium-main .fleet-card__thumb {
display: block;
margin: -14px -14px 0;
overflow: hidden;
}
.home-premium-main .fleet-card__thumb img {
width: 100%;
height: 220px;
object-fit: cover;
}
.home-premium-main .fleet-card--featured .fleet-card__thumb img {
height: 220px;
}
.home-premium-main .fleet-card__body {
display: grid;
gap: 10px;
}
.home-premium-main .fleet-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.home-premium-main .fleet-card__badge {
width: fit-content;
min-height: 28px;
padding: 5px 10px;
border-radius: 999px;
background: rgba(255, 111, 44, 0.2);
color: #9a3d04;
font-size: 0.68rem;
font-weight: 800;
}
.home-premium-main .fleet-card__icon {
position: relative;
display: none;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 16px;
overflow: hidden;
background: linear-gradient(135deg, rgba(21, 119, 138, 0.18), rgba(21, 119, 138, 0.08));
color: var(--color-secondary-deep);
box-shadow: 0 12px 20px rgba(21, 119, 138, 0.1);
}
.home-premium-main .fleet-card__icon i {
position: relative;
z-index: 1;
font-size: 1.15rem;
text-shadow: 0 2px 6px rgba(255, 255, 255, 0.18);
}
.home-premium-main .fleet-card__title-link {
color: black;
font-size: 15px;
}
.home-premium-main .fleet-card h3,
.home-premium-main .fleet-card__title {
margin: 0;
color: var(--color-text);
font-size: 0.98rem;
font-weight: 800;
line-height: 1.3;
}
.home-premium-main .fleet-card p {
margin: 0;
color: var(--color-text-muted);
font-size: 0.84rem;
line-height: 1.5;
}
.home-premium-main .fleet-card__excerpt {
display: block;
}
.home-premium-main .fleet-card__meta {
display: grid;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
color: var(--color-text);
font-size: 0.8rem;
font-weight: 600;
}
.home-premium-main .fleet-card__meta li {
display: grid;
grid-template-columns: 16px 1fr;
gap: 8px;
align-items: start;
}
.home-premium-main .fleet-card__meta li:nth-child(2) {
display: none;
}
.home-premium-main .fleet-card__meta li i {
font-size: 0.9rem;
color: var(--color-secondary-deep);
transform: translateY(2px);
}
.home-premium-main .fleet-card__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
margin-top: auto;
}
.home-premium-main .fleet-card__price {
display: grid;
gap: 4px;
}
.home-premium-main .fleet-card__price span {
color: var(--color-text-muted);
font-size: 0.76rem;
font-weight: 700;
}
.home-premium-main .fleet-card__price strong {
color: #a91414;
font-size: 0.92rem;
font-weight: 800;
}
.home-premium-main .fleet-card__link {
color: #0a4f8f;
font-size: 0.82rem;
font-weight: 700;
white-space: nowrap;
}
.home-premium-main .section--product-categories {
background:
radial-gradient(circle at top right, rgba(21, 119, 138, 0.1), transparent 26%),
linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.86));
}
.home-premium-main .product-category-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.home-premium-main .product-category-card {
display: grid;
grid-template-columns: 54px 1fr;
gap: 14px;
align-items: start;
padding: 18px;
border-radius: 26px;
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(255, 255, 255, 0.82);
box-shadow: 0 16px 28px rgba(15, 50, 58, 0.08);
}
.home-premium-main .product-category-card > a {
display: grid;
grid-column: 1 / -1;
grid-template-columns: inherit;
gap: inherit;
align-items: start;
width: 100%;
min-width: 0;
color: inherit;
text-decoration: none;
}
.home-premium-main .product-category-card--wide {
grid-column: span 2;
}
.home-premium-main .product-category-card--accent {
background: linear-gradient(135deg, rgba(255, 111, 44, 0.12), rgba(255, 255, 255, 0.98));
}
.home-premium-main .product-category-card__icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 18px;
overflow: hidden;
background: linear-gradient(135deg, rgba(21, 119, 138, 0.18), rgba(21, 119, 138, 0.08));
color: var(--color-secondary-deep);
box-shadow: 0 12px 20px rgba(21, 119, 138, 0.1);
}
.home-premium-main .product-category-card__icon i {
position: relative;
z-index: 1;
font-size: 1.2rem;
}
.home-premium-main .product-category-card__body {
min-width: 0;
}
.home-premium-main .product-category-card__body h3,
.home-premium-main .product-category-card__title {
margin: 2px 0 8px;
font-size: 1rem;
}
.home-premium-main .product-category-card__body p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.55;
font-size: 0.9rem;
font-weight: 600;
}
.home-premium-main .section--hotel {
background:
radial-gradient(circle at top left, rgba(255, 111, 44, 0.08), transparent 20%),
linear-gradient(180deg, rgba(250, 252, 253, 0.74), rgba(255, 255, 255, 0.98));
}
.home-premium-main .section--hotel .section-tag {
background: rgba(21, 119, 138, 0.12);
color: #4d8ca0;
}
.home-premium-main .hotel-layout {
display: grid;
grid-template-columns: 360px minmax(0, 1fr);
gap: 24px;
align-items: stretch;
}
.home-premium-main .hotel-layout__copy {
display: grid;
align-content: start;
gap: 18px;
}
.home-premium-main .hotel-layout__copy h2 {
margin: 0;
font-size: 28px;
color: #0b0b0b;
font-weight: 600;
line-height: 1.08;
}
.home-premium-main .hotel-layout__copy p {
margin: 0;
color: #1b1b1b;
line-height: 1.7;
}
.home-premium-main .hotel-highlights {
display: grid;
gap: 12px;
}
.home-premium-main .hotel-highlight {
display: grid;
grid-template-columns: 46px 1fr;
gap: 14px;
padding: 16px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(220, 232, 236, 0.92);
box-shadow: 0 14px 28px rgba(15, 50, 58, 0.08);
}
.home-premium-main .hotel-highlight i {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 16px;
overflow: hidden;
background: linear-gradient(135deg, rgba(255, 111, 44, 0.18), rgba(255, 111, 44, 0.08));
color: var(--color-primary);
font-size: 1.05rem;
box-shadow: 0 12px 20px rgba(255, 111, 44, 0.1);
}
.home-premium-main .hotel-highlight strong,
.home-premium-main .hotel-highlight span {
display: block;
}
.home-premium-main .hotel-highlight strong {
color:#292929;
font-weight: 800;
}
.home-premium-main .hotel-highlight span {
margin-top: 4px;
color: #292929;
line-height: 1.5;
}
.home-premium-main .hotel-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.home-premium-main .hotel-card {
position: relative;
overflow: hidden;
min-height: 240px;
border-radius: 28px;
box-shadow: 0 18px 34px rgba(15, 50, 58, 0.1);
}
.home-premium-main .hotel-card--large {
grid-column: span 2;
min-height: 320px;
}
.home-premium-main .hotel-card img,
.home-premium-main .hotel-card__overlay {
position: absolute;
inset: 0;
}
.home-premium-main .hotel-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-premium-main .hotel-card__overlay {
background: linear-gradient(180deg, rgba(7, 28, 34, 0.08), rgba(7, 28, 34, 0.74));
}
.home-premium-main .hotel-card__content {
position: absolute;
right: 20px;
bottom: 20px;
left: 20px;
z-index: 1;
color: #ffffff;
}
.home-premium-main .hotel-card__content--solid {
inset: auto 5px 5px 5px;
padding: 10px;
border-radius: 20px;
background: rgba(12, 41, 48, 0.86);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.home-premium-main .hotel-card__content span {
display: inline-flex;
min-height: 32px;
align-items: center;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.24);
color: #ffffff;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.home-premium-main .hotel-card__content h3,
.home-premium-main .hotel-card__title {
margin: 12px 0 0;
font-size: 13px;
color: #ffffff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
line-height: 1.3;
}
.home-premium-main .hotel-featured {
display: grid;
gap: 24px;
margin-top: 34px;
min-width: 0;
}
.home-premium-main .hotel-featured__action {
display: flex;
justify-content: center;
}
.home-premium-main .hotel-featured-slider {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 44px;
grid-template-rows: auto auto;
gap: 14px;
align-items: center;
width: 100%;
max-width: 100%;
min-width: 0;
}
.home-premium-main .hotel-featured-slider__arrow {
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(21, 119, 138, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.96);
color: var(--color-secondary-deep);
box-shadow: 0 12px 24px rgba(15, 50, 58, 0.08);
}
.home-premium-main .hotel-featured-slider__arrow:disabled {
opacity: 0.36;
box-shadow: none;
}
.home-premium-main .hotel-featured-slider__arrow span {
font-size: 1.5rem;
line-height: 1;
}
.home-premium-main .hotel-featured-slider__viewport {
overflow: hidden;
min-width: 0;
width: 100%;
}
.home-premium-main .hotel-featured-slider__track {
display: flex;
gap: 16px;
min-width: 100%;
width: 100%;
transition: transform 280ms ease;
}
.home-premium-main .hotel-featured-card {
display: flex;
flex-direction: column;
flex: 0 0 calc((100% - 32px) / 3);
min-width: 0;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.84);
border-radius: 26px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 32px rgba(15, 50, 58, 0.08);
}
.home-premium-main .hotel-featured-card__image {
display: block;
width: 100%;
flex: 0 0 auto;
}
.home-premium-main .hotel-featured-card__image img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
}
.home-premium-main .hotel-featured-card__body {
display: grid;
gap: 10px;
width: 100%;
min-width: 0;
padding: 18px;
}
.home-premium-main .hotel-featured-card__body span {
display: inline-flex;
width: fit-content;
min-height: 32px;
align-items: center;
padding: 7px 12px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-secondary);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.home-premium-main .hotel-featured-card__body h3,
.home-premium-main .hotel-featured-card__title {
margin: 0;
font-size: 1rem;
line-height: 1.4;
}
.home-premium-main .hotel-featured-card__body p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.6;
font-size: 0.92rem;
}
.home-premium-main .hotel-featured-slider__dots {
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.home-premium-main .hotel-featured-slider__dots button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
box-shadow: none;
font-size: 0;
line-height: 0;
transition: transform var(--transition);
}
.home-premium-main .hotel-featured-slider__dots button::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.34);
transition: width var(--transition), background var(--transition);
}
.home-premium-main .hotel-featured-slider__dots button.is-active::before {
width: 22px;
background: linear-gradient(90deg, #ff7b2f, #ff5b00);
}
.home-premium-main .section--guide {
background:
radial-gradient(circle at top right, rgba(21, 119, 138, 0.08), transparent 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 251, 252, 0.98));
}
.home-premium-main .guide-layout {
display: grid;
grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
gap: 24px;
align-items: start;
}
.home-premium-main .guide-feature-card {
display: grid;
grid-template-rows: auto min-content;
align-self: start;
overflow: hidden;
border-radius: 32px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(255, 255, 255, 0.82);
box-shadow: 0 18px 34px rgba(15, 50, 58, 0.08);
}
.home-premium-main .guide-feature-card__media img {
width: 100%;
height: 280px;
object-fit: cover;
}
.home-premium-main .guide-feature-card__body {
display: grid;
align-content: start;
gap: 14px;
padding: 24px;
}
.home-premium-main .guide-feature-card__pill {
display: inline-flex;
width: fit-content;
min-height: 32px;
align-items: center;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255, 111, 44, 0.12);
color: var(--color-primary);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.home-premium-main .guide-feature-card__body h3,
.home-premium-main .guide-feature-card__title {
margin: 0;
font-size: 22px !important;
font-weight: bold;
line-height: 30px !important;
}
.home-premium-main .guide-feature-card__body p {
margin: 0;
line-height: 1.7;
}
.home-premium-main .guide-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-content: start;
gap: 18px;
min-width: 0;
}
.home-premium-main .reviews-slider__controls {
display: flex;
align-items: center;
gap: 10px;
}
.home-premium-main .reviews-slider__arrow {
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(21, 119, 138, 0.12);
border-radius: 16px;
background: rgba(255, 255, 255, 0.96);
color: var(--color-secondary-deep);
box-shadow: 0 10px 22px rgba(15, 50, 58, 0.08);
}
.home-premium-main .reviews-slider__arrow:disabled {
opacity: 0.36;
box-shadow: none;
}
.home-premium-main .reviews-slider__arrow span {
font-size: 1.4rem;
line-height: 1;
}
.home-premium-main .reviews-slider__viewport {
overflow: hidden;
min-width: 0;
}
.home-premium-main .reviews-slider__track {
display: flex;
gap: 18px;
width: max-content;
min-width: 100%;
transition: transform 280ms ease;
}
.home-premium-main .guide-card {
flex: 0 0 calc((100% - 20px) / 3);
overflow: hidden;
border-radius: 22px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(255, 255, 255, 0.82);
box-shadow: 0 16px 30px rgba(15, 50, 58, 0.08);
}
.home-premium-main .guide-card__media img {
width: 100%;
height: 148px;
object-fit: cover;
}
.home-premium-main .guide-card__body {
display: grid;
gap: 8px;
padding: 14px;
}
.home-premium-main .guide-card__body time {
color: var(--color-text-muted);
font-size: 0.82rem;
font-weight: 700;
}
.home-premium-main .guide-card__body h3,
.home-premium-main .guide-card__title {
margin: 0;
color: #173543;
font-size: 1rem;
font-weight: 800;
line-height: 1.38;
}
.home-premium-main .guide-card__title a {
color: inherit;
font-weight: inherit;
}
.home-premium-main .reviews-slider__dots {
display: flex;
align-items: center;
gap: 8px;
}
.home-premium-main .reviews-slider__dots button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
box-shadow: none;
font-size: 0;
line-height: 0;
transition: transform var(--transition);
}
.home-premium-main .reviews-slider__dots button::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.34);
transition: width var(--transition), background var(--transition);
}
.home-premium-main .reviews-slider__dots button.is-active::before {
width: 22px;
background: linear-gradient(90deg, #ff7b2f, #ff5b00);
}
.home-premium-main .section--reviews {
background:
radial-gradient(circle at bottom left, rgba(255, 111, 44, 0.08), transparent 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(250, 252, 253, 0.98));
}
.home-premium-main .reviews-layout {
display: grid;
grid-template-columns: 340px minmax(0, 1fr);
gap: 24px;
align-items: start;
}
.home-premium-main .reviews-summary {
display: grid;
align-content: start;
gap: 18px;
padding: 24px;
border-radius: 30px;
background: linear-gradient(180deg, rgba(255, 111, 44, 0.1), rgba(255, 255, 255, 0.98));
border: 1px solid rgba(255, 255, 255, 0.84);
box-shadow: 0 16px 30px rgba(15, 50, 58, 0.08);
}
.home-premium-main .reviews-summary__score strong {
display: block;
margin-bottom: 8px;
color: var(--color-secondary-deep);
font-size: clamp(2rem, 4vw, 3rem);
line-height: 1;
}
.home-premium-main .reviews-summary__score span {
color: var(--color-text-muted);
line-height: 1.7;
}
.home-premium-main .reviews-summary__avatars {
display: flex;
align-items: center;
gap: 0;
}
.home-premium-main .reviews-summary__avatars img,
.home-premium-main .review-card__avatar {
object-fit: cover;
border-radius: 50%;
}
.home-premium-main .reviews-summary__avatars img {
width: 44px;
height: 44px;
margin-right: -10px;
border: 3px solid rgba(255, 255, 255, 0.96);
box-shadow: 0 10px 20px rgba(15, 50, 58, 0.08);
}
.home-premium-main .reviews-summary__avatars span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 60px;
height: 44px;
margin-left: 14px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
color: var(--color-secondary-deep);
font-size: 0.84rem;
font-weight: 800;
box-shadow: 0 10px 22px rgba(15, 50, 58, 0.06);
}
.home-premium-main .reviews-summary__list {
display: grid;
gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 22px;
}
.home-premium-main .reviews-summary__list article {
display: grid;
grid-template-columns: 46px 1fr;
gap: 14px;
align-items: start;
padding: 12px 14px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(21, 119, 138, 0.08);
}
.home-premium-main .reviews-summary__list i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(21, 119, 138, 0.18), rgba(21, 119, 138, 0.08));
color: var(--color-secondary-deep);
box-shadow: 0 12px 20px rgba(21, 119, 138, 0.1);
}
.home-premium-main .reviews-summary__list strong,
.home-premium-main .reviews-summary__list span {
display: block;
}
.home-premium-main .reviews-summary__list span {
margin-top: 4px;
color: var(--color-text-muted);
line-height: 1.55;
}
.home-premium-main .reviews-slider {
display: grid;
gap: 16px;
min-width: 0;
align-self: start;
}
.home-premium-main .review-card {
flex: 0 0 calc((100% - 36px) / 3);
display: grid;
align-content: start;
gap: 14px;
min-height: 100%;
padding: 20px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(255, 255, 255, 0.84);
box-shadow: 0 14px 26px rgba(15, 50, 58, 0.07);
}
.home-premium-main .review-card__head {
display: grid;
grid-template-columns: 56px 1fr;
gap: 14px;
align-items: center;
}
.home-premium-main .review-card__avatar {
width: 56px;
height: 56px;
border: 3px solid rgba(255, 255, 255, 0.96);
box-shadow: 0 10px 20px rgba(15, 50, 58, 0.08);
}
.home-premium-main .review-card__person {
display: grid;
gap: 4px;
}
.home-premium-main .review-card__person strong {
line-height: 1.2;
}
.home-premium-main .review-card__person span {
color: var(--color-text-muted);
font-size: 0.9rem;
}
.home-premium-main .review-card__stars {
color: var(--color-primary);
font-size: 0.86rem;
letter-spacing: 0.12em;
}
.home-premium-main .review-card p {
margin: 0;
font-size: 0.98rem;
line-height: 1.72;
color: var(--color-text);
}
.home-premium-main .review-card__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.home-premium-main .review-card__meta span {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-secondary-deep);
font-size: 0.8rem;
font-weight: 700;
}
.home-premium-main .reviews-slider__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.home-premium-main .section--partners {
background:
radial-gradient(circle at top center, rgba(21, 119, 138, 0.06), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(250, 252, 253, 0.98));
}
.home-premium-main .section-heading--center {
text-align: center;
max-width: 860px;
margin-inline: auto;
}
.home-premium-main .section-heading--center .section-tag {
margin-inline: auto;
}
.home-premium-main .partner-marquee {
position: relative;
overflow: hidden;
margin-top: 30px;
padding: 10px 0;
}
.home-premium-main .partner-marquee::before,
.home-premium-main .partner-marquee::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
width: 84px;
pointer-events: none;
}
.home-premium-main .partner-marquee::before {
left: 0;
background: linear-gradient(90deg, rgba(251, 252, 253, 1), rgba(251, 252, 253, 0));
}
.home-premium-main .partner-marquee::after {
right: 0;
background: linear-gradient(270deg, rgba(251, 252, 253, 1), rgba(251, 252, 253, 0));
}
.home-premium-main .partner-marquee__track {
display: flex;
align-items: center;
gap: 18px;
width: max-content;
animation: partnerMarquee 26s linear infinite;
}
.home-premium-main .partner-logo {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 190px;
height: 82px;
padding: 0 24px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(21, 119, 138, 0.08);
box-shadow: 0 14px 28px rgba(15, 50, 58, 0.06);
}
.home-premium-main .partner-logo__image {
width: auto;
max-width: 100%;
max-height: 40px;
height: auto !important;
object-fit: contain;
}
.home-premium-main .partner-logo span {
color: var(--color-secondary-deep);
font-size: 1rem;
font-weight: 800;
letter-spacing: 0.02em;
white-space: nowrap;
}
.floating-actions {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 40;
display: grid;
gap: 12px;
}
.floating-actions__item {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
color: #ffffff;
box-shadow: 0 18px 30px rgba(15, 50, 58, 0.18);
isolation: isolate;
animation: floatingActionLift 4.8s ease-in-out infinite;
}
.floating-actions__item:nth-child(2) {
animation-delay: 0.8s;
}
.floating-actions__item:nth-child(3) {
animation-delay: 1.6s;
}
.floating-actions__item--zalo {
background: linear-gradient(135deg, #1e90ff, #0b69d1);
}
.floating-actions__item--phone {
background: linear-gradient(135deg, #ff8b43, #ff5b00);
}
.floating-actions__item--whatsapp {
background: linear-gradient(135deg, #2dd36f, #12a150);
}
.floating-actions__item:hover {
transform: translateY(-3px) scale(1.03);
}
.floating-actions__halo {
position: absolute;
inset: -7px;
border-radius: 50%;
background: inherit;
opacity: 0.14;
filter: blur(12px);
z-index: -1;
animation: floatingActionPulse 3.2s ease-in-out infinite;
}
.floating-actions__icon {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
font-weight: 800;
letter-spacing: 0.01em;
}
.floating-actions__icon svg {
width: 26px;
height: 26px;
fill: currentColor;
}
@keyframes floatingActionLift {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}
@keyframes floatingActionPulse {
0%,
100% {
opacity: 0.12;
transform: scale(1);
}
50% {
opacity: 0.22;
transform: scale(1.05);
}
}
@keyframes partnerMarquee {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-50% - 9px));
}
}
.home-premium-main .hero-model {
position: absolute;
right: -96px;
bottom: -12px;
z-index: 7;
width: min(180px, 18vw);
pointer-events: none;
animation: heroModelFloat 6.2s ease-in-out infinite;
transform-origin: center bottom;
}
.home-premium-main .hero-model__glow {
position: absolute;
left: 50%;
bottom: 22px;
width: 74%;
height: 78px;
border-radius: 999px;
background:
radial-gradient(circle at center, rgba(255, 91, 0, 0.18) 0%, rgba(255, 91, 0, 0.08) 42%, rgba(255, 91, 0, 0) 78%);
filter: blur(18px);
transform: translateX(-50%);
animation: heroModelGlow 6.2s ease-in-out infinite;
}
.home-premium-main .hero-model img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
object-fit: contain;
filter: drop-shadow(0 16px 28px rgba(15, 50, 58, 0.14));
}
.home-premium-main .icon-chip {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 18px;
background: rgba(11, 114, 133, 0.1);
color: var(--color-secondary);
flex-shrink: 0;
}
.home-premium-main .icon-chip svg {
width: 24px;
height: 24px;
fill: currentColor;
}
.home-premium-main .icon-chip--warm {
background: rgba(255, 91, 0, 0.12);
color: var(--color-primary);
}
.home-premium-main .icon-chip--cool {
background: rgba(11, 114, 133, 0.14);
color: var(--color-secondary-deep);
}
.home-premium-main .intro-grid,
.home-premium-main .feature-grid,
.home-premium-main .service-grid,
.home-premium-main .news-grid {
display: grid;
gap: 24px;
}
.home-premium-main .intro-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .intro-card,
.home-premium-main .feature-card,
.home-premium-main .news-card {
padding: 28px;
border-radius: 28px;
transition: transform var(--transition), box-shadow var(--transition);
}
.home-premium-main .intro-card:hover,
.home-premium-main .feature-card:hover,
.home-premium-main .news-card:hover,
.home-premium-main .service-card:hover,
.home-premium-main .trust-card:hover,
.home-premium-main .testimonial-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
}
.home-premium-main .intro-card h3,
.home-premium-main .feature-card h3,
.home-premium-main .service-card h3,
.home-premium-main .news-card h3,
.home-premium-main .trust-card h3,
.home-premium-main .why-item h3 {
margin: 18px 0 12px;
font-size: 1.25rem;
line-height: 1.3;
}
.home-premium-main .feature-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .service-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .service-card {
overflow: hidden;
border-radius: 32px;
transition: transform var(--transition), box-shadow var(--transition);
}
.home-premium-main .service-card__media {
position: relative;
}
.home-premium-main .service-card__media img {
width: 100%;
height: 260px;
object-fit: cover;
}
.home-premium-main .service-card__pill {
position: absolute;
top: 18px;
left: 18px;
display: inline-flex;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 91, 0, 0.92);
color: #ffffff;
font-size: 0.76rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.home-premium-main .service-card__pill--teal {
background: rgba(11, 114, 133, 0.92);
}
.home-premium-main .service-card__pill--light {
background: rgba(21, 42, 49, 0.72);
}
.home-premium-main .service-card__body {
padding: 26px;
}
.home-premium-main .service-card__meta {
display: flex;
justify-content: space-between;
gap: 18px;
color: var(--color-text-muted);
font-size: 0.92rem;
}
.home-premium-main .service-card__meta strong {
color: var(--color-primary);
}
.home-premium-main .why-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 28px;
align-items: start;
}
.home-premium-main .why-list {
display: grid;
gap: 20px;
margin-top: 30px;
}
.home-premium-main .why-item {
display: grid;
grid-template-columns: 72px 1fr;
gap: 18px;
align-items: start;
padding: 20px 22px;
border: 1px solid var(--color-line);
border-radius: 26px;
background: rgba(255, 255, 255, 0.5);
}
.home-premium-main .why-item span {
display: grid;
place-items: center;
width: 72px;
height: 72px;
border-radius: 24px;
background: linear-gradient(135deg, rgba(11, 114, 133, 0.16), rgba(11, 114, 133, 0.08));
color: var(--color-secondary-deep);
font-family: "Manrope", sans-serif;
font-size: 1.1rem;
font-weight: 800;
}
.home-premium-main .why-item p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.7;
}
.home-premium-main .trust-panel {
display: grid;
gap: 22px;
}
.home-premium-main .trust-card,
.home-premium-main .trust-metrics {
padding: 28px;
border-radius: 30px;
}
.home-premium-main .trust-card--accent {
background:
linear-gradient(135deg, rgba(255, 91, 0, 0.92), rgba(255, 132, 65, 0.92)),
#ff5b00;
color: #ffffff;
}
.home-premium-main .trust-card--accent p {
color: rgba(255, 255, 255, 0.82);
}
.home-premium-main .trust-metrics {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.home-premium-main .trust-metrics strong {
display: block;
margin-bottom: 6px;
color: var(--color-secondary-deep);
font-size: 1.5rem;
font-family: "Manrope", sans-serif;
}
.home-premium-main .trust-metrics span {
color: var(--color-text-muted);
line-height: 1.65;
}
.home-premium-main .slider-controls {
display: flex;
gap: 12px;
}
.home-premium-main .slider-button {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border: 1px solid rgba(11, 114, 133, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.9);
color: var(--color-secondary-deep);
box-shadow: var(--shadow-soft);
}
.home-premium-main .testimonial-slider {
display: grid;
gap: 24px;
}
.home-premium-main .testimonial-track {
position: relative;
min-height: 280px;
}
.home-premium-main .testimonial-card {
position: absolute;
inset: 0;
display: grid;
align-content: space-between;
gap: 24px;
padding: 34px;
border-radius: 34px;
opacity: 0;
pointer-events: none;
transform: translateX(22px);
transition: opacity 320ms ease, transform 320ms ease;
}
.home-premium-main .testimonial-card.is-active {
opacity: 1;
pointer-events: auto;
transform: translateX(0);
}
.home-premium-main .testimonial-card p {
font-size: 1.2rem;
color: var(--color-text);
line-height: 1.75;
}
.home-premium-main .testimonial-card__author {
display: grid;
gap: 6px;
}
.home-premium-main .testimonial-card__author span {
color: var(--color-text-muted);
}
.home-premium-main .slider-dots {
display: flex;
justify-content: center;
gap: 10px;
}
.home-premium-main .slider-dots button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
transition: transform var(--transition);
}
.home-premium-main .slider-dots button::before {
content: "";
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(11, 114, 133, 0.24);
transition: transform var(--transition), background var(--transition);
}
.home-premium-main .slider-dots button.is-active::before {
background: var(--color-primary);
transform: scale(1.15);
}
.home-premium-main .news-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .news-card {
overflow: hidden;
padding: 0;
}
.home-premium-main .news-card__media img {
width: 100%;
height: 240px;
object-fit: cover;
}
.home-premium-main .news-card__body {
display: grid;
gap: 14px;
padding: 26px;
}
.home-premium-main .news-card time {
color: var(--color-text-muted);
font-size: 0.88rem;
font-weight: 700;
}
.home-premium-main .cta-banner {
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
gap: 28px;
padding: 42px;
border-radius: 40px;
background:
radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 34%),
linear-gradient(135deg, #0b7285 0%, #0a6273 56%, #084f5f 100%);
color: #ffffff;
box-shadow: 0 28px 60px rgba(6, 55, 67, 0.2);
}
.home-premium-main .cta-banner h2 {
margin-top: 18px;
font-size: clamp(2rem, 4vw, 3.4rem);
}
.home-premium-main .cta-form {
display: grid;
gap: 14px;
align-self: center;
padding: 24px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.home-premium-main .cta-form input {
width: 100%;
min-height: 56px;
padding: 0 18px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 18px;
background: rgba(255, 255, 255, 0.94);
color: var(--color-text);
}
.site-footer--premium {
position: relative;
overflow: hidden;
padding: 96px 0 32px;
background:
linear-gradient(180deg, rgba(7, 29, 35, 0.24), rgba(8, 37, 44, 0.9)),
url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
color: rgba(255, 255, 255, 0.88);
}
.site-footer--premium .site-footer__backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 24%),
linear-gradient(180deg, rgba(7, 28, 34, 0.2), rgba(7, 28, 34, 0.44));
pointer-events: none;
}
.site-footer--premium .home-premium__container {
position: relative;
z-index: 1;
}
.site-footer--premium .site-footer__hero {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
gap: 28px;
align-items: end;
margin-bottom: 26px;
}
.site-footer--premium .site-footer__eyebrow {
display: inline-flex;
width: fit-content;
min-height: 34px;
align-items: center;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.14);
color: rgba(255, 255, 255, 0.9);
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.site-footer--premium .site-footer__hero h2 {
margin: 18px 0 14px;
max-width: 780px;
color: #ffffff;
font-size: 30px;
line-height: 1.05;
}
.site-footer--premium .site-footer__hero p {
margin: 0;
max-width: 760px;
color: rgba(255, 255, 255, 0.74);
line-height: 1.8;
}
.site-footer--premium .site-footer__hero-actions {
display: grid;
gap: 12px;
}
.site-footer--premium .site-footer__contact-pill {
display: grid;
gap: 4px;
padding: 18px 20px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.16);
color: #ffffff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.site-footer--premium .site-footer__contact-pill strong {
font-size: 0.84rem;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.site-footer--premium .site-footer__contact-pill span {
color: rgba(255, 255, 255, 0.88);
font-size: 1rem;
font-weight: 700;
}
.site-footer--premium .site-footer__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 24px;
}
.site-footer--premium .site-footer__stats article {
padding: 20px 22px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.12);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.site-footer--premium .site-footer__stats strong {
display: block;
margin-bottom: 8px;
color: #ffffff;
font-size: 1.8rem;
line-height: 1;
}
.site-footer--premium .site-footer__stats span {
color: rgba(255, 255, 255, 0.72);
line-height: 1.65;
}
.site-footer--premium .site-footer__grid {
grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.7fr));
gap: 28px;
padding: 34px 0 28px;
color: rgba(255, 255, 255, 0.88);
border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.site-footer--premium .brand__text small,
.site-footer--premium .site-footer__column a,
.site-footer--premium .site-footer__brand p {
color: rgba(255, 255, 255, 0.64);
}
.site-footer--premium .site-footer__brand p {
margin: 18px 0 0;
line-height: 1.75;
}
.site-footer--premium .site-footer__brand .brand {
display: inline-flex;
align-items: center;
gap: 10px;
}
.site-footer--premium .site-footer__brand .brand--footer-logo .custom-logo {
height: 150px;
max-height: 150px;
width: auto;
object-fit: contain;
}
.site-footer--premium .site-footer__brand-contact {
display: grid;
gap: 12px;
margin-top: 18px;
}
.site-footer--premium .site-footer__brand-contact-card {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 12px;
align-items: center;
padding: 14px 16px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
transition: background var(--transition), border-color var(--transition), transform var(--transition);
}
.site-footer--premium .site-footer__brand-contact-card:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.22);
transform: translateY(-2px);
}
.site-footer--premium .site-footer__brand-contact-card:last-child {
display: none;
}
.site-footer--premium .site-footer__brand-contact-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 14px;
background: rgba(255, 111, 44, 0.18);
color: #ffffff;
font-size: 1rem;
}
.site-footer--premium .site-footer__brand-contact-copy {
display: grid;
gap: 4px;
}
.site-footer--premium .site-footer__brand-contact-copy strong {
color: #ffffff;
font-size: 0.92rem;
}
.site-footer--premium .site-footer__brand-contact-copy small {
color: rgba(255, 255, 255, 0.7);
font-size: 0.84rem;
}
.site-footer--premium .site-footer__brand .social-list {
margin-top: 20px;
}
.site-footer--premium .site-footer__column {
display: grid;
align-content: start;
gap: 12px;
}
.site-footer--premium .site-footer__column h3 {
margin: 0 0 6px;
color: #ffffff;
}
.site-footer--premium .site-footer__column a {
display: inline-flex;
align-items: flex-start;
gap: 10px;
}
.site-footer--premium .site-footer__column a i {
flex: 0 0 auto;
margin-top: 2px;
color: rgba(255, 255, 255, 0.92);
font-size: 0.95rem;
}
.site-footer--premium .site-footer__column a span {
display: block;
}
.site-footer--premium .site-footer__column a:hover {
color: #ffffff;
}
.site-footer--premium .social-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.site-footer--premium .social-list a {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-weight: 800;
}
.site-footer--premium .social-list a i {
font-size: 1rem;
line-height: 1;
}
.site-footer--premium .social-list a svg {
width: 18px;
height: 18px;
display: block;
fill: currentColor;
}
.site-footer--premium .site-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding-top: 22px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.site-footer--premium .site-footer__bottom p {
margin: 0;
color: rgba(255, 255, 255, 0.62);
line-height: 1.6;
}
.site-footer--premium .site-footer__bottom-links {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.site-footer--premium .site-footer__bottom-links a {
color: rgba(255, 255, 255, 0.72);
}
.site-footer--premium .site-footer__bottom-links a:hover {
color: #ffffff;
}
.mobile-app-nav {
display: none;
}
.mobile-app-nav__item {
text-decoration: none;
}
.mobile-nav-sheet {
display: none;
}
.mobile-nav-sheet[hidden] {
display: none !important;
}
.home-premium-main .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;
}
.home-premium-main .reveal {
opacity: 1;
transform: none;
transition: none;
}
.home-premium-main .reveal.is-visible {
opacity: 1;
transform: none;
}
@supports (content-visibility: auto) {
.home-premium-main .section--services-quick,
.home-premium-main .section--soft,
.home-premium-main .section--cars,
.home-premium-main .section--hotel,
.home-premium-main .section--guide,
.home-premium-main .section--reviews,
.home-premium-main .section--partners {
content-visibility: auto;
contain-intrinsic-size: 1px 780px;
}
.home-premium-main .section--cars,
.home-premium-main .section--hotel {
contain-intrinsic-size: 1px 920px;
}
.home-premium-main .section--services-quick {
contain-intrinsic-size: 1px 220px;
}
}
@keyframes heroFloatPrimary {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -10px, 0);
}
}
@keyframes heroFloatSecondary {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -8px, 0);
}
}
@keyframes heroFloatPanel {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -12px, 0);
}
}
@keyframes heroOrbitOne {
0%,
100% {
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
transform: translate3d(0, -10px, 0) rotate(-6deg);
}
}
@keyframes heroOrbitTwo {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(26px, -8px, 0);
}
}
@keyframes heroOrbitThree {
0%,
100% {
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
transform: translate3d(0, -9px, 0) rotate(5deg);
}
}
@keyframes heroOrbitFour {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -7px, 0);
}
}
@keyframes heroModelFloat {
0%,
100% {
transform: translate3d(0, 0, 0) rotate(0deg);
}
35% {
transform: translate3d(-4px, -10px, 0) rotate(-1deg);
}
65% {
transform: translate3d(4px, -6px, 0) rotate(1deg);
}
}
@keyframes heroModelGlow {
0%,
100% {
opacity: 0.72;
transform: translateX(-50%) scale(0.96);
}
50% {
opacity: 1;
transform: translateX(-50%) scale(1.04);
}
}
@media (max-width: 1199px) {
.home-premium-main .hero__grid,
.home-premium-main .why-grid,
.home-premium-main .cta-banner,
.site-footer--premium .site-footer__grid {
grid-template-columns: 1fr;
}
.home-premium-main .hero__visual {
min-height: 720px;
}
.home-premium-main .hero-showcase {
min-height: 620px;
}
.home-premium-main .hero-showcase__stage {
height: 540px;
}
.home-premium-main .hero-destination-card {
width: min(260px, 42vw);
height: 400px;
}
.home-premium-main .hero-model {
right: -72px;
width: min(168px, 18vw);
}
.home-premium-main .hero-destination-card.is-left-1 {
transform: translate3d(calc(-50% - 145px), -50%, -120px) scale(0.88);
}
.home-premium-main .hero-destination-card.is-right-1 {
transform: translate3d(calc(-50% + 145px), -50%, -120px) scale(0.88);
}
.home-premium-main .hero-destination-card.is-left-2 {
transform: translate3d(calc(-50% - 248px), -50%, -220px) scale(0.76);
}
.home-premium-main .hero-destination-card.is-right-2 {
transform: translate3d(calc(-50% + 248px), -50%, -220px) scale(0.76);
}
.home-premium-main .hero-service-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-premium-main .tour-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-premium-main .rental-showcase,
.home-premium-main .hotel-layout {
grid-template-columns: 1fr;
}
.home-premium-main .rental-destination {
grid-template-columns: 1fr;
}
.home-premium-main .product-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-premium-main .hotel-featured-card {
flex: 0 0 calc((100% - 16px) / 2);
}
.home-premium-main .tour-panel {
grid-template-columns: 1fr;
}
.home-premium-main .tour-panel__feature {
grid-template-columns: 280px minmax(0, 1fr);
}
.home-premium-main .tour-panel__feature-media img {
height: 100%;
}
.home-premium-main .tour-app-card {
flex-basis: calc((100% - 18px) / 2);
}
.home-premium-main .feature-grid,
.home-premium-main .service-grid,
.home-premium-main .news-grid,
.home-premium-main .intro-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 920px) {
.site-header--premium .site-header__inner {
grid-template-columns: max-content 1fr max-content;
gap: 12px;
position: relative;
min-height: 76px;
}
.site-header--premium .site-header__brand {
min-width: 0;
}
.site-header--premium .site-header__cta {
display: none;
}
.site-header--premium .site-header__tools {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
grid-column: 3;
grid-row: 1;
padding-right: 48px;
}
.site-header--premium .site-header__contact-link,
.site-header--premium .site-header__language-switcher {
display: inline-flex;
}
.site-header--premium .site-header__contact-link {
display: none;
}
.site-header--premium .site-header__search-link {
display: none;
}
.site-header--premium .site-header__contact-link {
min-height: 36px;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.site-header--premium .site-header__contact-link .site-header__action-text {
display: none;
}
.site-header--premium .site-header__language-toggle {
min-height: 36px;
}
.site-header--premium .site-header__toggle {
display: block;
position: relative;
z-index: 3;
justify-self: end;
grid-column: 3;
grid-row: 1;
}
.site-header--premium .site-header__language-menu {
right: 0;
}
.site-header--premium .site-nav {
position: absolute;
top: calc(100% + 14px);
left: 0;
right: 0;
display: block;
padding: 14px;
overflow: hidden;
border: 1px solid rgba(11, 114, 133, 0.1);
border-radius: 24px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 40px rgba(15, 50, 58, 0.12);
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
}
.site-header--premium .site-nav__menu,
.site-header--premium .site-nav__fallback {
display: block;
width: 100%;
margin: 0;
padding: 0;
gap: 8px;
list-style: none;
white-space: normal;
justify-content: start;
justify-items: stretch;
align-content: start;
align-items: stretch;
text-align: left;
}
.site-header--premium .site-nav__menu > li {
display: block;
width: 100%;
justify-self: stretch;
text-align: left;
}
.site-header--premium .site-nav__menu > li > a,
.site-header--premium .site-nav__fallback > li > a {
width: 100%;
display: flex;
position: relative;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 12px 34px 12px 10px;
font-size: 0.95rem;
border-radius: 16px;
text-align: left;
}
.site-header--premium .site-nav__menu > li > a > span,
.site-header--premium .site-nav__fallback > li > a > span {
min-width: 0;
text-align: left;
}
.site-header--premium .site-nav__menu > li > a > span:not(.site-nav__icon):not(.site-nav__caret),
.site-header--premium .site-nav__fallback > li > a > span:not(.site-nav__icon):not(.site-nav__caret) {
order: 2;
flex: 1 1 auto;
}
.site-header--premium .site-nav__icon {
order: 1;
margin-left: 0;
justify-self: auto;
flex: 0 0 22px;
}
.site-header--premium .site-nav__caret {
order: 3;
position: absolute;
top: 50%;
right: 0;
margin-left: 0;
transform: translateY(-50%);
justify-self: auto;
flex: 0 0 18px;
justify-content: flex-end;
}
.site-header--premium .site-nav__icon svg {
width: 16px;
display: flex;
}
.site-footer--premium .site-footer__brand-contact-card:last-child {
display: none;
}
.site-header--premium .site-nav__menu a::after,
.site-header--premium .site-nav__fallback a::after {
display: none;
}
.site-header--premium .site-nav__mega {
position: static;
width: 100%;
margin-top: 8px;
display: none;
opacity: 1;
visibility: visible;
transform: none;
}
.site-header--premium .site-nav__dropdown {
position: static;
min-width: 0;
max-width: none;
margin-top: 8px;
display: none;
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
}
.site-header--premium .site-nav__mega,
.site-header--premium .site-nav__dropdown {
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
overflow: hidden;
}
.site-header--premium .site-nav__mega > :not(.site-nav__mobile-list),
.site-header--premium .site-nav__dropdown > :not(.site-nav__mobile-list) {
display: none !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-submenu-open > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children.is-submenu-open > .site-nav__dropdown {
display: block;
}
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children:hover > .site-nav__dropdown,
.site-header--premium .site-nav__menu > .menu-item-has-children:focus-within > .site-nav__dropdown {
position: static;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
transform: none !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__mega,
.site-header--premium .site-nav__menu > .menu-item-has-children.is-nav-active > .site-nav__dropdown {
position: static;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
transform: none !important;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-submenu-open > a {
color: var(--color-secondary-deep);
background: #fff7f1;
box-shadow: inset 3px 0 0 #ff6f2c;
}
.site-header--premium .site-nav__menu > .menu-item-has-children.is-submenu-open .site-nav__caret svg {
transform: rotate(180deg);
}
.site-header--premium .site-nav__dropdown-list {
padding: 6px 0;
border-radius: 18px;
background: linear-gradient(180deg, #ef8a43 0%, #cf5f20 100%);
box-shadow: 0 12px 24px rgba(166, 82, 25, 0.18);
}
.site-header--premium .site-nav__dropdown-list a {
min-height: 48px;
padding: 0 16px;
font-size: 0.92rem;
}
.site-header--premium .site-nav__mobile-list {
display: block;
margin: 8px 0 0;
padding: 4px 0 0 14px;
list-style: none;
border-left: 2px solid rgba(255, 111, 44, 0.22);
border-radius: 0;
background: transparent;
box-shadow: none;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.site-header--premium .site-nav__mobile-list li {
margin: 0;
display: block;
width: 100%;
list-style: none;
text-align: left;
max-width: 100%;
overflow: hidden;
}
.site-header--premium .site-nav__mobile-list a {
display: block;
width: 100%;
padding: 10px 0;
border-radius: 0;
color: #183945;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
text-align: left;
background: transparent;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
}
.site-header--premium .site-nav__mobile-item--branch {
overflow: hidden;
width: 100%;
}
.site-header--premium .site-nav__mobile-toggle {
width: 100%;
display: block;
position: relative;
padding: 10px 28px 10px 0;
margin: 0;
border: 0;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
background: transparent;
-webkit-appearance: none;
appearance: none;
color: #183945;
font-size: 0.94rem;
font-weight: 700;
line-height: 1.45;
text-align: left;
white-space: normal;
}
.site-header--premium .site-nav__mobile-toggle-label {
display: block;
width: 100%;
min-width: 0;
padding-right: 8px;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
opacity: 1;
visibility: visible;
}
.site-header--premium .site-nav__mobile-toggle-caret {
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
color: var(--color-text);
transform: translateY(-50%);
transition: transform var(--transition);
}
.site-header--premium .site-nav__mobile-toggle-caret svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.site-header--premium .site-nav__mobile-sublist {
display: none;
overflow: hidden;
clear: both;
width: 100%;
margin: 0;
padding: 6px 0 2px 14px;
list-style: none;
border-left: 1px solid rgba(11, 114, 133, 0.14);
box-sizing: border-box;
}
.site-header--premium .site-nav__mobile-sublist > li {
display: block;
width: 100%;
max-width: 100%;
}
.site-header--premium .site-nav__mobile-sublist .site-nav__mobile-sublist {
padding-left: 12px;
border-left-color: rgba(11, 114, 133, 0.1);
}
.site-header--premium .site-nav__mobile-item.is-mobile-open > .site-nav__mobile-sublist {
display: block;
}
.site-header--premium .site-nav__mobile-item.is-mobile-open > .site-nav__mobile-toggle .site-nav__mobile-toggle-caret {
transform: rotate(180deg);
}
.site-header--premium .site-nav__mobile-item.is-mobile-open > .site-nav__mobile-toggle {
color: var(--color-secondary-deep);
}
.site-header--premium .site-nav__mobile-list a:hover,
.site-header--premium .site-nav__mobile-toggle:hover,
.site-header--premium .site-nav__mobile-list a:focus-visible {
color: var(--color-secondary-deep);
background: transparent;
}
.site-header--premium .site-nav__mobile-list a::after {
display: none;
}
.site-header--premium .site-nav__mobile-list li:last-child a {
border-bottom: 0;
}
.site-header--premium .site-nav__mobile-list > li:last-child > .site-nav__mobile-toggle {
border-bottom: 0;
}
.mega-tour {
grid-template-columns: 1fr;
border-radius: 18px;
box-shadow: none;
}
.mega-product {
padding: 18px;
border-radius: 18px;
box-shadow: none;
}
.mega-links-tabs {
grid-template-columns: 1fr;
border-radius: 18px;
box-shadow: none;
}
.mega-links-tabs__nav {
border-right: 0;
border-bottom: 1px solid rgba(21, 119, 138, 0.08);
}
.mega-links-tabs__grid {
grid-template-columns: 1fr;
}
.mega-product__grid {
grid-template-columns: 1fr;
}
.mega-product-slider {
grid-template-columns: 1fr;
}
.mega-product-slider__arrow {
display: none;
}
.mega-product-slider .mega-product__grid {
gap: 0;
}
.mega-product-slider .mega-product__card {
flex-basis: 100%;
}
.mega-tour__sidebar {
border-right: 0;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
}
.mega-tour__group {
padding: 18px 16px;
}
.mega-tour__content {
grid-template-columns: 1fr;
padding: 16px;
}
.mega-tour__cards {
gap: 12px;
}
.mega-tour__card {
flex-basis: 100%;
}
.mega-tour__arrow {
display: none;
}
.mega-destination {
grid-template-columns: 1fr;
min-height: 0;
border-radius: 18px;
box-shadow: none;
}
.mega-destination__sidebar {
border-right: 0;
border-bottom: 1px solid rgba(11, 114, 133, 0.08);
}
.mega-destination__group {
padding: 18px 16px;
}
.mega-destination__content {
gap: 24px;
padding: 18px 16px;
}
.mega-destination__row {
grid-template-columns: 1fr;
gap: 12px;
}
.mega-destination__cities {
gap: 14px 18px;
}
.home-premium-main .hero-orbit--plane,
.home-premium-main .hero-orbit--map,
.home-premium-main .hero-orbit--hotel,
.home-premium-main .hero-orbit--ship {
animation: none;
}
.site-header--premium .site-header.is-open .site-nav,
.site-header--premium.is-open .site-nav {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.home-premium-main .hero {
padding-top: 32px;
}
.home-premium-main .hero__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 0;
}
.home-premium-main .hero__actions > * {
width: 100%;
justify-content: center;
font-size: 10px;
margin-bottom: 20px;
}
.home-premium-main .hero h1 {
max-width: none;
}
.home-premium-main .hero-service-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.home-premium-main .tour-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.home-premium-main .tour-tabs__nav {
gap: 10px;
}
.home-premium-main .tour-tabs__header-action {
margin-top: 14px;
justify-content: center;
}
.home-premium-main .tour-tabs__header-action .button {
min-height: 40px;
padding: 10px 16px;
font-size: 12px;
}
.home-premium-main .rental-showcase__intro,
.home-premium-main .rental-destination {
border-radius: 24px;
}
.home-premium-main .rental-destination__nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.home-premium-main .rental-destination__tab {
min-height: 50px;
padding: 10px 12px;
border-radius: 16px;
font-size: 0.86rem;
}
.home-premium-main .rental-destination__tab-icon {
width: 28px;
height: 28px;
margin-right: 8px;
border-radius: 10px;
}
.home-premium-main .rental-destination__tab-icon i {
font-size: 0.78rem;
}
.home-premium-main .rental-destination__tab::after {
width: 22px;
height: 22px;
font-size: 0.9rem;
}
.home-premium-main .fleet-grid,
.home-premium-main .hotel-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-premium-main .fleet-card--featured {
grid-column: span 2;
}
.home-premium-main .fleet-card__thumb img {
height: 220px;
}
.home-premium-main .fleet-card--featured .fleet-card__thumb img {
height: 200px;
}
.home-premium-main .fleet-card__footer {
align-items: flex-start;
flex-direction: column;
}
.home-premium-main .fleet-card__price strong {
font-size: 0.92rem;
}
.home-premium-main .hotel-card--large,
.home-premium-main .product-category-card--wide {
grid-column: auto;
}
.home-premium-main .product-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.home-premium-main .hotel-featured-slider {
grid-template-columns: 42px minmax(0, 1fr) 42px;
gap: 10px;
}
.home-premium-main .hotel-featured-slider__arrow {
width: 42px;
height: 42px;
border-radius: 14px;
}
.home-premium-main .tour-panel__slider {
grid-template-columns: 42px minmax(0, 1fr) 42px;
gap: 10px;
}
.home-premium-main .tour-panel__arrow {
width: 42px;
height: 42px;
border-radius: 14px;
}
.home-premium-main .hero__stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.home-premium-main .hero-showcase {
min-height: 520px;
}
.home-premium-main .hero-showcase__stage {
height: 440px;
}
.home-premium-main .hero-destination-card {
width: min(300px, 58vw);
height: 400px;
}
.home-premium-main .hero-destination-card__body h3,
.home-premium-main .hero-destination-card__title {
font-size: 1.35rem;
}
.home-premium-main .hero-model {
width: min(148px, 18vw);
right: -40px;
bottom: -4px;
}
.home-premium-main .hero-destination-card.is-left-2,
.home-premium-main .hero-destination-card.is-right-2 {
opacity: 0;
}
.home-premium-main .hero-destination-card.is-left-1 {
transform: translate3d(calc(-50% - 110px), -50%, -90px) scale(0.82);
}
.home-premium-main .hero-destination-card.is-right-1 {
transform: translate3d(calc(-50% + 110px), -50%, -90px) scale(0.82);
}
.home-premium-main .section-heading--split {
grid-template-columns: 1fr;
gap: 18px;
}
}
@media (max-width: 767px) {
.home-premium-main .hero__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.home-premium-main .hero__grid > * {
min-width: 0;
width: 100%;
}
.home-premium-main .hero__stats {
display: none;
}
.home-premium-main .hero-service-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.home-premium-main .tour-category-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.home-premium-main .tour-tabs {
gap: 18px;
}
.home-premium-main .rental-showcase__intro {
grid-template-columns: 1fr;
align-items: start;
padding: 22px 18px;
}
.home-premium-main .rental-showcase__intro h2,
.home-premium-main .rental-showcase__intro p,
.home-premium-main .rental-showcase__intro .button {
grid-column: 1;
}
.home-premium-main .rental-showcase__intro .button {
grid-row: auto;
justify-self: stretch;
}
.home-premium-main .rental-destination {
padding: 14px;
}
.home-premium-main .rental-destination__nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.home-premium-main .fleet-grid,
.home-premium-main .hotel-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.home-premium-main .hotel-list > :first-child {
grid-column: 1 / -1;
}
.home-premium-main .product-category-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.home-premium-main .hotel-featured-slider {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.home-premium-main .hotel-featured-slider__arrow {
display: none;
}
.home-premium-main .hotel-featured-slider__viewport {
overflow-x: auto;
overflow-y: hidden;
min-width: 0;
width: 100%;
scroll-snap-type: x mandatory;
scroll-padding-inline: 14vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
.home-premium-main .hotel-featured-slider__viewport::-webkit-scrollbar {
display: none;
}
.home-premium-main .hotel-featured-slider__track {
display: flex;
gap: 12px;
align-items: stretch;
min-width: max-content;
width: max-content;
padding: 0 14vw;
will-change: auto;
}
.home-premium-main .hotel-featured-card {
flex: 0 0 72vw;
width: 72vw;
min-width: 72vw;
max-width: 72vw;
scroll-snap-align: center;
border-radius: 22px;
opacity: 0.72;
transform: scale(0.92);
transition: transform 280ms ease, opacity 280ms ease, box-shadow 280ms ease;
}
.home-premium-main .hotel-featured-card.is-active {
opacity: 1;
transform: scale(1);
box-shadow: 0 18px 34px rgba(15, 50, 58, 0.14);
}
.home-premium-main .hotel-featured-card__image img {
height: 188px;
}
.home-premium-main .hotel-featured-slider__dots {
grid-column: 1;
}
.home-premium-main .fleet-card {
padding: 10px;
gap: 10px;
border-radius: 20px;
}
.home-premium-main .fleet-card__thumb {
margin: -10px -10px 0;
}
.home-premium-main .fleet-card__thumb img {
height: 120px;
}
.home-premium-main .fleet-card--featured .fleet-card__thumb img {
height: 170px;
}
.home-premium-main .fleet-card h3,
.home-premium-main .fleet-card__title {
font-size: 0.92rem;
}
.home-premium-main .fleet-card__excerpt,
.home-premium-main .fleet-card__meta {
font-size: 0.78rem;
line-height: 1.45;
}
.home-premium-main .fleet-card__body {
gap: 0;
}
.home-premium-main .fleet-card p {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
}
.home-premium-main .fleet-card__meta {
gap: 6px;
}
.home-premium-main .fleet-card__meta li {
padding: 10px 0;
font-size: 10px;
}
.home-premium-main .fleet-card__meta li i {
font-size: 10px !important;
}
.home-premium-main .fleet-card__link {
font-size: 0.82rem;
}
.home-premium-main .fleet-grid .fleet-card:nth-child(n + 6) {
display: none;
}
.home-premium-main .rental-destination__actions {
margin-top: 14px;
}
.home-premium-main .rental-destination__more {
width: 100%;
min-width: 0;
justify-content: center;
}
.home-premium-main .fleet-card,
.home-premium-main .product-category-card,
.home-premium-main .hotel-highlight {
border-radius: 20px;
}
.home-premium-main .product-category-card {
grid-template-columns: 50px 1fr;
gap: 12px;
padding: 16px;
}
.home-premium-main .product-category-card__icon {
width: 50px;
height: 50px;
border-radius: 16px;
}
.home-premium-main .hotel-card,
.home-premium-main .hotel-card--large {
min-height: 240px;
border-radius: 24px;
}
.home-premium-main .hotel-featured-slider {
grid-template-columns: 1fr;
}
.home-premium-main .hotel-featured-slider__arrow {
display: none;
}
.home-premium-main .hotel-featured-slider__dots {
grid-column: 1;
}
.home-premium-main .hotel-featured-card {
flex: 0 0 72vw;
width: 72vw;
min-width: 72vw;
max-width: 72vw;
border-radius: 22px;
}
.home-premium-main .hotel-featured-card__image img {
height: 188px;
}
.home-premium-main .hotel-featured-card__body {
padding: 16px;
}
.home-premium-main .tour-tabs__nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.home-premium-main .tour-tabs__tab {
width: 100%;
min-height: 44px;
padding: 10px 12px;
font-size: 0.88rem;
}
.home-premium-main .tour-tabs__heading {
font-size:30px;
}
.home-premium-main .tour-panel__feature {
display: none;
}
.home-premium-main .tour-panel__feature-media img {
height: 200px;
}
.home-premium-main .tour-panel__feature-body {
padding: 18px 16px;
}
.home-premium-main .tour-panel__feature-body h3,
.home-premium-main .tour-panel__feature-title {
font-size: 1.28rem;
}
.home-premium-main .tour-panel__slider {
grid-template-columns: 1fr;
}
.home-premium-main .tour-panel__arrow {
display: none;
}
.home-premium-main .tour-panel__dots {
grid-column: 1;
margin-top: 8px;
}
.home-premium-main .tour-panel__track {
gap: 12px;
transition: transform 280ms ease;
}
.home-premium-main .tour-app-card {
flex-basis: calc(68% - 4px);
border-radius: 22px;
}
.home-premium-main .tour-panel__viewport {
touch-action: pan-y;
}
.home-premium-main .tour-app-card__image img {
height: 200px;
}
.home-premium-main .tour-app-card__body {
padding: 16px;
}
.home-premium-main .tour-app-card__body h4,
.home-premium-main .tour-app-card__title {
font-size: 0.96rem;
}
.home-premium-main .tour-app-card__meta li {
font-size: 0.88rem;
}
.home-premium-main .fleet-card__badge {
min-height: 26px;
padding: 5px 9px;
font-size: 10px;
}
.home-premium-main .hero-service-card {
display: block;
text-align: center;
padding: 18px 16px;
border-radius: 22px;
}
.home-premium-main .hero-service-card__icon {
margin: 0 auto 12px;
width: 46px;
height: 46px;
border-radius: 18px;
}
.home-premium-main .hero-service-card__content h3,
.home-premium-main .hero-service-card__title {
margin: 0;
font-size: 15px;
font-weight: 800;
text-align: center;
}
.home-premium-main .hero-service-card__content p {
display: none;
}
.home-premium-main .hero-service-card__content p.hero-service-card__title{
display:unset;
}
.home-premium-main .tour-category-card {
gap: 16px;
padding: 18px 16px;
border-radius: 24px;
}
.home-premium-main .tour-category-card__icon {
width: 54px;
height: 54px;
border-radius: 18px;
}
.home-premium-main .tour-category-card__content p {
font-size: 0.88rem;
line-height: 1.55;
}
.home-premium-main .tour-category-card__footer {
padding-top: 12px;
}
.home-premium-main .tour-category-card__footer span,
.home-premium-main .tour-category-card__footer strong {
font-size: 0.82rem;
}
.home-premium-main .hero__stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.home-premium-main .stat-card {
padding: 16px 12px;
border-radius: 18px;
}
.home-premium-main .stat-card strong {
font-size: 1.2rem;
}
.home-premium-main .stat-card span {
font-size: 0.84rem;
line-height: 1.4;
}
.home-premium__container {
width: min(1280px, calc(100% - 24px));
}
.home-premium-main .section {
padding: 10px 0;
}
.home-premium-main .section-tag{
font-size:12px;
}
.site-header--premium .site-header__inner {
min-height: 72px;
}
.site-header--premium .brand__mark {
width: 48px;
height: 48px;
border-radius: 16px;
}
.site-header--premium .brand__text strong {
font-size: 1rem;
}
.site-header--premium .brand__text small {
font-size: 0.66rem;
}
.home-premium-main .hero__visual {
min-height: auto;
padding: 0;
border-radius: 28px;
overflow: hidden;
}
.home-premium-main .hero-showcase {
min-height: auto;
padding: 0;
}
.home-premium-main .hero-showcase__stage {
display: flex;
align-items: stretch;
gap: 12px;
height: auto;
padding: 0;
overflow: hidden;
overflow-y: hidden;
perspective: none;
transform-style: flat;
}
.home-premium-main .hero-destination-card {
position: relative !important;
top: auto !important;
left: auto !important;
flex: 0 0 clamp(176px, 48vw, 210px);
width: clamp(176px, 48vw, 210px);
height: 320px;
}
.home-premium-main .hero-destination-card.is-center,
.home-premium-main .hero-destination-card.is-left-1,
.home-premium-main .hero-destination-card.is-right-1,
.home-premium-main .hero-destination-card.is-left-2,
.home-premium-main .hero-destination-card.is-right-2,
.home-premium-main .hero-destination-card.is-hidden {
opacity: 1 !important;
transform: none !important;
filter: none !important;
pointer-events: auto !important;
}
.home-premium-main .hero-showcase__dots {
display: none;
}
.home-premium-main .hero-destination-card__tag {
min-height: 28px;
padding: 5px 9px;
font-size: 0.58rem;
letter-spacing: 0.08em;
}
.home-premium-main .hero-destination-card__body {
right: 16px;
bottom: 16px;
left: 16px;
}
.home-premium-main .hero-destination-card__body h3,
.home-premium-main .hero-destination-card__title {
margin: 12px 0 10px;
font-size: 13px;
}
.home-premium-main .hero-destination-card__body p {
font-size: 0.88rem;
}
.home-premium-main .hero-orbits,
.home-premium-main .hero-model {
display: none;
}
.home-premium-main .hero-model {
width: min(136px, 34vw);
right: -16px;
bottom: 6px;
}
.home-premium-main .hero-model__glow {
height: 46px;
bottom: 8px;
}
.home-premium-main .intro-grid,
.home-premium-main .feature-grid,
.home-premium-main .service-grid,
.home-premium-main .news-grid,
.home-premium-main .trust-metrics {
grid-template-columns: 1fr;
}
.home-premium-main .intro-card,
.home-premium-main .feature-card,
.home-premium-main .news-card,
.home-premium-main .trust-card,
.home-premium-main .trust-metrics,
.home-premium-main .testimonial-card {
border-radius: 24px;
}
.home-premium-main .service-card {
border-radius: 26px;
}
.home-premium-main .why-item {
grid-template-columns: 56px 1fr;
padding: 18px;
}
.home-premium-main .why-item span {
width: 56px;
height: 56px;
border-radius: 18px;
}
.home-premium-main .testimonial-track {
min-height: 360px;
}
.home-premium-main .testimonial-card {
padding: 24px;
}
.home-premium-main .testimonial-card p {
font-size: 1.06rem;
}
.home-premium-main .cta-banner {
padding: 24px;
border-radius: 28px;
}
.home-premium-main .cta-form {
padding: 18px;
border-radius: 22px;
}
.site-footer--premium .site-footer__grid {
padding: 28px 22px;
border-radius: 28px;
}
.home-premium-main .hero-service-card__title {
font-weight: 800 !important;
font-size: 16px !important;
text-align: center !important;
}
}
@media (max-width: 520px) {
.home-premium-main .button,
.home-premium-main .cta-form input {
min-height: 54px;
}
.home-premium-main .hero h1 {
font-size: 27px;
}
.home-premium-main .hero__summary{
margin-top:10px;
font-size:13px;
}
.home-premium-main .section-heading h2,
.home-premium-main .cta-banner h2 {
font-size: 27px;
margin: 10px 0px;
}
.home-premium-main .service-card__media img,
.home-premium-main .news-card__media img {
height: 220px;
}
.home-premium-main .slider-button {
width: 48px;
height: 48px;
border-radius: 16px;
}
.home-premium-main .testimonial-track {
min-height: 420px;
}
}
@media (max-width: 1199px) {
.home-premium-main .guide-layout,
.home-premium-main .reviews-layout {
grid-template-columns: 1fr;
}
.home-premium-main .reviews-summary__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .guide-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-premium-main .guide-feature-card__media img {
height: 240px;
}
.home-premium-main .guide-card__media img {
height: 136px;
}
.site-footer--premium .site-footer__hero,
.site-footer--premium .site-footer__stats,
.site-footer--premium .site-footer__grid {
grid-template-columns: 1fr;
}
.site-footer--premium .site-footer__bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.search-modal {
display: flex;
align-items: flex-end;
}
.search-modal__panel {
width: 100%;
max-height: min(65vh, 640px);
margin: 0;
padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 26px 26px 0 0;
animation: searchModalSlideUp .28s ease;
}
.search-modal__handle {
display: block;
width: 52px;
height: 5px;
margin: 0 auto 14px;
border-radius: 999px;
background: rgba(25, 52, 71, 0.16);
}
.search-modal__header {
align-items: start;
}
.search-modal__header h2 {
font-size: 1.18rem;
}
.search-modal__tabs {
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 2px;
}
.search-modal__tab {
white-space: nowrap;
min-height: 38px;
padding: 0 14px;
}
.search-modal__form {
gap: 12px;
padding: 14px;
border-radius: 20px;
}
.search-modal__grid,
.search-modal__footer {
grid-template-columns: 1fr;
display: grid;
}
.search-modal__form span {
font-size: 12px;
}
.search-modal__form input,
.search-modal__form select {
min-height: 48px;
font-size: 13px;
}
.search-modal__footer button {
width: 100%;
min-width: 0;
}
body {
padding-bottom: 96px;
}
.home-premium-main .hotel-featured-slider {
gap: 10px;
}
.home-premium-main .hotel-featured-slider__arrow,
.home-premium-main .reviews-slider__arrow {
width: 38px;
height: 38px;
border-radius: 14px;
}
.home-premium-main .guide-grid {
display: flex;
gap: 10px;
overflow-x: auto;
padding-bottom: 4px;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.home-premium-main .guide-grid::-webkit-scrollbar {
display: none;
}
.home-premium-main #travel-guide .tour-tabs__header-action {
margin-top: 14px;
justify-content: center;
}
.home-premium-main .guide-layout {
gap: 14px;
}
.home-premium-main .guide-feature-card__media img {
height: 220px;
}
.home-premium-main .guide-mobile-thumb {
flex: 0 0 132px;
display: grid;
padding: 0;
border: 1px solid rgba(11, 114, 133, 0.08);
border-radius: 18px;
overflow: hidden;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 10px 20px rgba(15, 50, 58, 0.08);
text-align: left;
scroll-snap-align: start;
}
.home-premium-main .guide-mobile-thumb.is-active {
border-color: rgba(255, 91, 0, 0.2);
box-shadow: 0 14px 24px rgba(255, 91, 0, 0.12);
}
.home-premium-main .guide-mobile-thumb__media img {
width: 100%;
height: 82px;
object-fit: cover;
}
.home-premium-main .guide-mobile-thumb__body {
display: grid;
gap: 6px;
padding: 10px;
}
.home-premium-main .guide-mobile-thumb__kicker {
color: var(--color-text-muted);
font-size: 0.66rem;
font-weight: 700;
}
.home-premium-main .guide-mobile-thumb__body strong {
color: var(--color-text);
font-size: 0.76rem;
line-height: 1.35;
}
.home-premium-main .reviews-summary__list {
grid-template-columns: 1fr;
}
.home-premium-main .reviews-slider__footer {
flex-wrap: wrap;
}
.home-premium-main .partner-logo {
min-width: 148px;
height: 68px;
border-radius: 20px;
}
.home-premium-main .partner-logo__image {
max-height: 34px;
}
.home-premium-main .partner-logo span {
font-size: 0.92rem;
}
.floating-actions {
right: 14px;
bottom: 100px;
gap: 10px;
}
.floating-actions__item {
width: 54px;
height: 54px;
border-radius: 50%;
}
.floating-actions__icon {
font-size: 0.78rem;
color:white !important;
}
.floating-actions__icon svg {
width: 24px;
height: 24px;
}
.home-premium-main .guide-feature-card,
.home-premium-main .reviews-summary,
.home-premium-main .review-card {
border-radius: 24px;
}
.home-premium-main .guide-feature-card__body,
.home-premium-main .reviews-summary,
.home-premium-main .review-card {
padding: 20px;
}
.home-premium-main .review-card p {
font-size: 0.98rem;
line-height: 1.7;
}
.site-footer--premium {
padding: 76px 0 26px;
}
.site-footer--premium .site-footer__hero h2 {
font-size: 26px;
}
.site-footer--premium .site-footer__stats article,
.site-footer--premium .site-footer__contact-pill {
border-radius: 20px;
}
.mobile-app-nav {
position: fixed;
right: 5px;
bottom:0px;
left: 5px;
z-index: 9997;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 4px;
padding: 10px 8px calc(10px + env(safe-area-inset-bottom, 0px));
border: 1px solid rgba(234, 111, 28, 0.12);
border-radius: 24px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
.mobile-app-nav__item {
display: grid;
justify-items: center;
gap: 6px;
padding: 8px 4px;
border: 0;
border-radius: 18px;
background: transparent;
color: #6b7280;
font: inherit;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.mobile-app-nav__item.is-active {
color: #8f3900;
background: #ffe8d4;
}
.mobile-app-nav__item.is-search-active {
color: #8f3900;
background: linear-gradient(180deg, #fff3e7, #ffe8d4);
box-shadow: inset 0 0 0 1px rgba(143, 57, 0, 0.14);
}
.mobile-app-nav__item:active {
transform: translateY(1px);
}
.mobile-app-nav__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 12px;
background: rgba(234, 111, 28, 0.08);
font-size: 18px;
line-height: 1;
}
.mobile-app-nav__item.is-active .mobile-app-nav__icon,
.mobile-app-nav__item:hover .mobile-app-nav__icon {
background: rgba(143, 57, 0, 0.16);
}
.mobile-app-nav__item.is-search-active .mobile-app-nav__icon {
background: rgba(143, 57, 0, 0.18);
}
.mobile-app-nav__icon--search {
background: linear-gradient(135deg, rgba(255, 143, 77, 0.2), rgba(255, 91, 0, 0.14));
}
.mobile-app-nav__icon--search svg {
width: 18px;
height: 18px;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.mobile-app-nav__item.is-search-active .mobile-app-nav__icon--search {
background: linear-gradient(135deg, rgba(255, 143, 77, 0.28), rgba(255, 91, 0, 0.18));
animation: searchTaskbarPulse 1.6s ease-in-out infinite;
}
.mobile-app-nav__label {
font-size: 12px;
font-weight: 800;
line-height: 1.2;
text-align: center;
}
body.mobile-nav-sheet-open {
overflow: hidden;
}
.mobile-nav-sheet {
position: fixed;
inset: 0;
z-index: 9998;
display: none;
pointer-events: none;
}
.mobile-nav-sheet.is-open {
display: block !important;
pointer-events: auto;
}
.mobile-nav-sheet__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: rgba(15, 23, 42, 0);
backdrop-filter: blur(0);
-webkit-backdrop-filter: blur(0);
pointer-events: auto;
transition: background 240ms ease, backdrop-filter 240ms ease;
}
.mobile-nav-sheet.is-open .mobile-nav-sheet__overlay {
background: rgba(15, 23, 42, 0.42);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.mobile-nav-sheet__panel {
position: absolute;
right: 10px;
bottom: calc(88px + env(safe-area-inset-bottom, 0px));
left: 10px;
z-index: 2;
max-height: min(68vh, 560px);
overflow-y: auto;
padding: 18px 14px 16px;
border: 1px solid rgba(234, 111, 28, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
box-shadow: 0 26px 70px rgba(15, 23, 42, 0.28);
transform: translateY(110%);
opacity: 0;
pointer-events: auto;
transition: transform 280ms cubic-bezier(.2, .8, .2, 1), opacity 220ms ease;
-webkit-overflow-scrolling: touch;
}
.mobile-nav-sheet.is-open .mobile-nav-sheet__panel {
transform: translateY(0);
opacity: 1;
}
.mobile-nav-sheet__close {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
border: 0;
border-radius: 999px;
background: #fff0e4;
color: #9a3d04;
font-size: 20px;
pointer-events: auto;
touch-action: manipulation;
}
.mobile-nav-sheet__section {
display: none;
}
.mobile-nav-sheet__section.is-active {
display: block;
}
.mobile-nav-sheet__head {
display: flex;
gap: 12px;
align-items: flex-start;
padding-right: 42px;
opacity: 0;
transform: translateY(12px);
transition: opacity 240ms ease 90ms, transform 240ms ease 90ms;
}
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__head {
opacity: 1;
transform: translateY(0);
}
.mobile-nav-sheet__head-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
flex: 0 0 auto;
border-radius: 16px;
background:
radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 36%),
linear-gradient(135deg, rgba(234, 111, 28, 0.22), rgba(21, 119, 138, 0.14));
color: #cf5810;
font-size: 20px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
}
.mobile-nav-sheet__head h2 {
margin: 0;
color: #17212f;
font-size: 18px;
line-height: 1.2;
}
.mobile-nav-sheet__head p {
margin: 4px 0 0;
color: #64748b;
font-size: 12px;
line-height: 1.45;
}
.mobile-nav-sheet__links {
display: grid;
grid-template-columns: 1fr !important;
gap: 10px;
margin-top: 16px;
}
.mobile-nav-sheet__link {
display: grid;
grid-template-columns: 34px minmax(0, 1fr) 16px;
gap: 8px;
align-items: center;
min-height: 58px;
padding: 10px;
border: 1px solid rgba(234, 111, 28, 0.12);
border-radius: 18px;
background: #ffffff;
color: #17212f;
text-decoration: none;
width: 100%;
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
opacity: 0;
transform: translateY(14px);
}
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link {
animation: mobileNavSheetItemIn 320ms ease forwards;
}
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(1) { animation-delay: 120ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(2) { animation-delay: 160ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(3) { animation-delay: 200ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(4) { animation-delay: 240ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(5) { animation-delay: 280ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(6) { animation-delay: 320ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(7) { animation-delay: 360ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(8) { animation-delay: 400ms; }
.mobile-nav-sheet.is-open .mobile-nav-sheet__section.is-active .mobile-nav-sheet__link:nth-child(9) { animation-delay: 440ms; }
.mobile-nav-sheet__link span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 13px;
background: #fff0e4;
color: #cf5810;
font-size: 16px;
}
.mobile-nav-sheet__link strong {
overflow: hidden;
font-size: 12px;
line-height: 1.25;
text-overflow: ellipsis;
}
.mobile-nav-sheet__link > i {
color: #94a3b8;
font-size: 15px;
}
}
@keyframes mobileNavSheetItemIn {
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes searchModalSlideUp {
from {
transform: translateY(24px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes searchModalSpin {
to {
transform: rotate(360deg);
}
}
@keyframes searchTaskbarPulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.06);
}
}
@media (max-width: 767px) {
.home-premium-main .hero-orbit,
.home-premium-main .hero-model,
.home-premium-main .hero-model__glow,
.home-premium-main .partner-marquee__track,
.floating-actions,
.floating-actions a,
.floating-actions__item,
.floating-actions__halo,
.mobile-search-toggle {
animation: none !important;
}
.home-premium-main .hero-destination-card {
will-change: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.home-premium-main .reveal {
opacity: 1;
transform: none;
}
.home-premium-main *,
.site-header--premium *,
.site-footer--premium * {
animation: none !important;
transition: none !important;
}
.home-premium-main .partner-marquee__track {
animation: none !important;
}
.floating-actions__item,
.floating-actions__halo {
animation: none !important;
}
}
.article-single-main {
background:
radial-gradient(circle at top left, rgba(255, 111, 44, 0.08), transparent 22%),
radial-gradient(circle at top right, rgba(21, 119, 138, 0.08), transparent 26%),
linear-gradient(180deg, #f8fbfc 0%, #ffffff 42%, #f8fbfc 100%);
}
.article-single__shell {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
}
.article-single__hero {
padding: 44px 0 24px;
}
.article-single__breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 22px;
color: var(--color-text-muted);
font-size: 0.9rem;
font-weight: 600;
}
.article-single__breadcrumbs-inner {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.article-single__breadcrumbs a {
color: inherit;
text-decoration: none;
}
.article-single__breadcrumbs .breadcrumb_last,
.article-single__breadcrumbs span[aria-current="page"] {
color: #102a31;
}
.article-single__hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) 320px;
gap: 28px;
align-items: start;
}
.article-single__hero-copy {
display: grid;
gap: 18px;
}
.article-single__eyebrow,
.article-single__sidebar-label {
display: inline-flex;
width: fit-content;
min-height: 34px;
align-items: center;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 111, 44, 0.12);
color: var(--color-primary);
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.article-single__title {
margin: 0;
font-size: 28px;
line-height: 1.02;
letter-spacing: -0.03em;
}
.article-single__excerpt {
margin: 0;
max-width: 760px;
color: var(--color-text-muted);
font-size: 1.06rem;
line-height: 1.8;
}
.article-single__meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.article-single__meta span {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 42px;
padding: 0 16px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(21, 119, 138, 0.08);
color: var(--color-secondary-deep);
font-size: 0.92rem;
font-weight: 700;
box-shadow: 0 10px 24px rgba(15, 50, 58, 0.05);
}
.article-single__summary-card,
.article-single__sidebar-card,
.article-single__related-card,
.article-single__nav-card {
border-radius: 28px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(255, 255, 255, 0.84);
box-shadow: 0 16px 30px rgba(15, 50, 58, 0.08);
}
.article-single__summary-card {
display: grid;
gap: 16px;
padding: 22px;
}
.article-single__summary-card strong {
color: var(--color-secondary-deep);
font-size: 1.02rem;
}
.article-single__summary-card ul {
display: grid;
gap: 10px;
margin: 0;
padding-left: 18px;
color: var(--color-text-muted);
line-height: 1.7;
}
.article-single__summary-label {
color: var(--color-text-muted);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.article-single__share {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.article-single__share--rail {
grid-template-columns: 1fr;
}
.article-single__share-rail {
position: sticky;
top: 120px;
display: grid;
gap: 12px;
align-content: start;
}
.article-single__share-rail-label {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 10px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-text-muted);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.article-single__share-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 16px;
border: 1px solid rgba(21, 119, 138, 0.1);
border-radius: 16px;
background: linear-gradient(180deg, #ffffff 0%, #f6fbfc 100%);
color: #102a31;
font-size: 0.92rem;
font-weight: 700;
text-decoration: none;
box-shadow: 0 10px 24px rgba(15, 50, 58, 0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
.article-single__share-button:hover {
transform: translateY(-2px);
border-color: rgba(255, 111, 44, 0.18);
box-shadow: 0 14px 28px rgba(15, 50, 58, 0.1);
}
.article-single__share-button--copy {
font: inherit;
}
.article-single__share-button--icon {
width: 54px;
min-width: 54px;
min-height: 54px;
padding: 0;
border-radius: 18px;
color: #102a31;
}
.article-single__share-button--icon svg {
width: 22px;
height: 22px;
display: block;
}
.article-single__share-x {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.article-single__category-box {
display: grid;
gap: 12px;
padding-top: 6px;
border-top: 1px solid rgba(15, 50, 58, 0.08);
}
.article-single__category-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.article-single__category-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-secondary-deep);
font-size: 0.86rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.article-single__category-pill:hover,
.article-single__category-pill.is-active {
background: linear-gradient(135deg, rgba(255, 111, 44, 0.15), rgba(21, 119, 138, 0.14));
color: #102a31;
transform: translateY(-1px);
}
.article-single__category-list--sidebar {
margin-top: -4px;
}
.article-single__cover {
margin-top: 26px;
display: grid;
gap: 12px;
margin:10px 0px;
}
.article-single__cover-media {
position: relative;
overflow: hidden;
border-radius: 34px;
box-shadow: 0 24px 48px rgba(15, 50, 58, 0.12);
}
.article-single__cover-media::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 42%;
background: linear-gradient(180deg, rgba(4, 24, 28, 0), rgba(4, 24, 28, 0.34));
}
.article-single__cover img {
display: block;
width: 100%;
height: clamp(320px, 48vw, 620px);
object-fit: contain;
}
.article-single__cover-badge {
position: absolute;
left: 22px;
bottom: 22px;
z-index: 1;
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
padding: 12px 16px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.92);
color: #102a31;
backdrop-filter: blur(10px);
box-shadow: 0 12px 30px rgba(3, 24, 28, 0.18);
}
.article-single__cover-badge span {
color: var(--color-text-muted);
font-size: 0.86rem;
font-weight: 700;
}
.article-single__cover-badge strong {
font-size: 0.95rem;
}
.article-single__body {
padding: 0 0 26px;
}
.article-single__content-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 28px;
align-items: start;
}
.article-single__content-wrap {
min-width: 0;
}
.article-single__content-layout {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 20px;
align-items: start;
}
.article-single__content {
padding: 34px;
border-radius: 34px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(255, 255, 255, 0.86);
box-shadow: 0 18px 34px rgba(15, 50, 58, 0.08);
color: #18343c;
line-height: 1.9;
font-size: 1.04rem;
text-align: justify;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.article-single__content > :first-child {
margin-top: 0;
}
.article-single__content > :last-child {
margin-bottom: 0;
}
.article-single__content > *,
.article-single__content .wp-block-group,
.article-single__content .wp-block-cover,
.article-single__content .wp-block-columns,
.article-single__content .wp-block-media-text,
.article-single__content .wp-block-table,
.article-single__content .alignwide,
.article-single__content .alignfull,
.article-single__content pre {
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.article-single__content h2,
.article-single__content h3,
.article-single__content h4 {
margin: 10px 0px;
color: #102a31;
line-height: 1.25;
text-align: justify;
}
.article-single__content h2 {
font-size: 22px;
}
.article-single__content h3 {
font-size: 18px;
}
.article-single__content p,
.article-single__content ul,
.article-single__content ol,
.article-single__content blockquote {
margin: 0 0 1.2em;
}
.article-single__content a {
color: var(--color-secondary);
}
.article-single__content figure,
.article-single__content .wp-block-image,
.article-single__content .wp-caption,
.article-single__content div[class*="wp-block-image"],
.article-single__content .gallery,
.article-single__content .blocks-gallery-grid,
.article-single__content .wp-block-gallery,
.article-single__content iframe,
.article-single__content video,
.article-single__content embed,
.article-single__content object,
.article-single__content table {
width: 100%;
max-width: 100% !important;
box-sizing: border-box;
}
.article-single__content img {
display: block;
width: auto;
max-width: 100% !important;
height: auto !important;
margin: 10px 0;
border-radius: 24px;
}
.article-single__content figure img,
.article-single__content .wp-block-image img,
.article-single__content .wp-caption img,
.article-single__content img[class*="wp-image-"],
.article-single__content img[class*="size-"],
.article-single__content img[class*="align"] {
width: auto !important;
max-width: 100% !important;
max-height: min(72vh, 560px);
height: auto !important;
object-fit: contain;
margin-right: auto;
margin-left: auto;
}
.article-single__content .wp-caption,
.article-single__content figure,
.article-single__content .wp-block-image {
margin-right: auto !important;
margin-left: auto !important;
}
.article-single__content .alignwide,
.article-single__content .alignfull,
.article-single__content .alignleft,
.article-single__content .alignright {
margin-right: auto !important;
margin-left: auto !important;
}
.article-single__content .alignwide,
.article-single__content .alignfull {
width: 100% !important;
max-width: 100% !important;
}
.article-single__content .wp-block-columns {
gap: 18px;
}
.article-single__content .wp-block-column,
.article-single__content .wp-block-media-text__media,
.article-single__content .wp-block-media-text__content {
min-width: 0;
}
.article-single__content pre,
.article-single__content code {
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.article-single__content iframe,
.article-single__content video,
.article-single__content embed,
.article-single__content object {
display: block;
min-height: 0;
}
.article-single__content table {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
margin: 24px 0;
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(21, 119, 138, 0.12);
border-radius: 24px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 251, 0.96));
box-shadow: 0 18px 32px rgba(15, 50, 58, 0.08);
}
.article-single__content th,
.article-single__content td {
padding: 15px 18px;
border-right: 1px solid rgba(21, 119, 138, 0.08);
border-bottom: 1px solid rgba(21, 119, 138, 0.08);
text-align: left;
vertical-align: top;
}
.article-single__content th:last-child,
.article-single__content td:last-child {
border-right: 0;
}
.article-single__content tr:last-child td {
border-bottom: 0;
}
.article-single__content thead th,
.article-single__content tbody tr:first-child th {
background: linear-gradient(135deg, rgba(16, 94, 108, 0.96), rgba(255, 111, 44, 0.9));
color: #fff;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.02em;
}
.article-single__content tbody tr:nth-child(even) td {
background: rgba(220, 238, 242, 0.28);
}
.article-single__content tbody tr:hover td {
background: rgba(255, 111, 44, 0.08);
}
.article-single__content blockquote {
padding: 20px 22px;
border-left: 4px solid var(--color-primary);
border-radius: 0 22px 22px 0;
background: rgba(255, 111, 44, 0.06);
color: #244047;
}
.article-single__content .ez-toc-container {
margin: 0 0 1.6em;
padding: 22px 22px 18px;
border: 1px solid rgba(21, 119, 138, 0.08);
border-radius: 26px;
background:
radial-gradient(circle at top right, rgba(255, 111, 44, 0.1), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 252, 0.98));
box-shadow: 0 16px 30px rgba(15, 50, 58, 0.06);
}
.article-single__content .ez-toc-title-container {
margin-bottom: 12px;
}
.article-single__content .ez-toc-title {
color: #102a31;
font-size: 1.08rem;
font-weight: 800;
letter-spacing: -0.01em;
}
.article-single__content .ez-toc-title-toggle {
margin-left: 10px;
}
.article-single__content .ez-toc-title-toggle a,
.article-single__content .ez-toc-title-toggle label {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-secondary-deep);
font-size: 0.82rem;
font-weight: 700;
text-decoration: none;
}
.article-single__content .ez-toc-list,
.article-single__content .ez-toc-list-level-1,
.article-single__content .ez-toc-list-level-2,
.article-single__content .ez-toc-list-level-3 {
margin: 0;
padding-left: 0;
list-style: none;
}
.article-single__content .ez-toc-list li {
margin: 0;
padding: 0;
}
.article-single__content .ez-toc-list li + li {
margin-top: 8px;
}
.article-single__content .ez-toc-list li a {
display: inline-flex;
align-items: flex-start;
gap: 10px;
color: #244047;
font-weight: 600;
line-height: 1.6;
text-decoration: none;
}
.article-single__content .ez-toc-list li a::before {
content: "";
width: 8px;
min-width: 8px;
height: 8px;
margin-top: 0.5em;
border-radius: 999px;
background: linear-gradient(135deg, #ff6f2c, #15778a);
}
.article-single__content .ez-toc-list ul {
margin-top: 8px;
padding-left: 22px;
}
.article-single__content .ez-toc-counter ul {
padding-left: 22px;
}
.article-single__content .ez-toc-list a:hover {
color: var(--color-secondary);
}
.article-single__pagination,
.article-single__tags {
margin-top: 22px;
}
.article-single__pagination {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.article-single__pagination > span,
.article-single__pagination a,
.article-single__pagination .post-page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(21, 119, 138, 0.08);
}
.article-single__tags h2 {
margin: 0 0 14px;
color: #102a31;
font-size: 1.1rem;
}
.article-single__tag-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.article-single__tag-list a,
.article-single__review-card__meta span {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(21, 119, 138, 0.08);
color: var(--color-secondary-deep);
font-size: 0.86rem;
font-weight: 700;
}
.article-single__nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 28px;
}
.article-single__nav-card {
display: grid;
gap: 10px;
padding: 22px;
color: inherit;
}
.article-single__nav-card--next {
text-align: right;
}
.article-single__nav-card small {
color: var(--color-text-muted);
font-size: 0.86rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.article-single__nav-card strong {
color: #102a31;
font-size: 1rem;
line-height: 1.5;
}
.article-single__sidebar {
display: grid;
gap: 16px;
position: sticky;
top: 80px;
align-content: start;
}
.article-single__sidebar-card {
display: grid;
gap: 16px;
padding: 24px;
}
.article-single__sidebar-card h2 {
margin: 0;
color: #102a31;
font-size: 1.2rem;
line-height: 1.3;
}
.article-single__sidebar-card p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.75;
}
.article-single__sidebar-link,
.article-single__sidebar-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 999px;
font-weight: 800;
}
.article-single__sidebar-link {
color: var(--color-secondary);
background: rgba(21, 119, 138, 0.08);
}
.article-single__sidebar-card--cta {
background:
radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 32%),
linear-gradient(135deg, #0b7285 0%, #0a6273 56%, #084f5f 100%);
}
.article-single__sidebar-card--cta .article-single__sidebar-label {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
}
.article-single__sidebar-card--cta h2,
.article-single__sidebar-card--cta p {
color: #ffffff;
}
.article-single__sidebar-card--cta p {
color: rgba(255, 255, 255, 0.82);
}
.article-single__sidebar-button {
background: #ffffff;
color: var(--color-secondary-deep);
}
.article-single__related {
padding: 0 0 72px;
}
.article-single__featured-tours {
padding: 0 0 10px;
}
.article-single__featured-tours--sidebar {
position: static;
z-index: auto;
padding: 10px;
}
.article-single__tour-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 24px;
}
.article-single__tour-grid--sidebar {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 2px;
}
.article-single__tour-card {
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.84);
border-radius: 26px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 18px 32px rgba(15, 50, 58, 0.08);
}
.article-single__tour-card--sidebar {
display: grid;
grid-template-columns: 108px minmax(0, 1fr);
gap: 0;
align-items: stretch;
border-radius: 20px;
box-shadow: 0 12px 24px rgba(15, 50, 58, 0.08);
}
.article-single__tour-card--sidebar .tour-app-card__image {
display: block;
width: 108px;
min-width: 108px;
height: 100%;
min-height: 116px;
.home-premium-main .hero-showcase {
padding: 0;
}
overflow: hidden;
@media (max-width: 420px) {
.home-premium-main .hero-showcase {
padding: 0;
}
.home-premium-main .hero-showcase__stage {
gap: 10px;
padding: 0;
}
.home-premium-main .hero-destination-card {
flex-basis: min(156px, 68vw);
width: min(156px, 68vw);
height: 286px;
border-radius: 22px;
}
.home-premium-main .hero-destination-card__body {
right: 12px;
bottom: 12px;
left: 12px;
}
.home-premium-main .hero-destination-card__tag {
min-height: 24px;
padding: 4px 8px;
font-size: 0.52rem;
letter-spacing: 0.06em;
}
.home-premium-main .hero-destination-card__body h3,
.home-premium-main .hero-destination-card__title {
font-size: 1.02rem;
margin: 10px 0 8px;
}
.home-premium-main .hero-destination-card__body p {
font-size: 0.8rem;
}
}
background:
linear-gradient(135deg, rgba(246, 239, 232, 0.95), rgba(220, 238, 242, 0.95));
line-height: 0;
}
.article-single__tour-card .tour-app-card__image img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
}
.article-single__tour-card--sidebar .tour-app-card__image img {
height: 100%;
min-height: 116px;
font-size: 0;
color: transparent;
}
.article-single__tour-card .tour-app-card__body {
display: grid;
gap: 14px;
padding: 18px;
}
.article-single__tour-card--sidebar .tour-app-card__body {
gap: 10px;
padding: 12px 14px;
align-content: center;
}
.article-single__tour-card .tour-app-card__body h4 {
margin: 0;
font-size: 1.02rem;
line-height: 1.4;
}
.article-single__tour-card--sidebar .tour-app-card__body h4 {
font-size: 0.92rem;
line-height: 1.35;
}
.article-single__tour-card .tour-app-card__body h4 a {
color: #102a31;
text-decoration: none;
}
.article-single__tour-card .tour-app-card__meta {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.article-single__tour-card .tour-app-card__meta li {
display: grid;
grid-template-columns: 16px 1fr;
gap: 10px;
align-items: start;
color: #18343c;
font-size: 0.92rem;
line-height: 1.45;
}
.article-single__tour-card .tour-app-card__meta li i {
color: #111111;
font-size: 0.95rem;
transform: translateY(2px);
}
.article-single__tour-card .tour-app-card__price {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
margin-top: auto;
}
.article-single__tour-card .tour-app-card__price strong {
display: block;
color: #a91414;
font-size: 1rem;
font-weight: 800;
}
.article-single__tour-card .tour-app-card__price a {
color: #0a4f8f;
font-weight: 700;
white-space: nowrap;
text-decoration: none;
}
.article-single__tour-card--sidebar .tour-app-card__price {
justify-content: flex-start;
}
.article-single__tour-card--sidebar .tour-app-card__meta {
gap: 6px;
}
.article-single__tour-card--sidebar .tour-app-card__meta li {
grid-template-columns: 14px 1fr;
gap: 8px;
font-size: 0.84rem;
line-height: 1.35;
}
.article-single__tour-card--sidebar .tour-app-card__meta li i {
font-size: 0.82rem;
}
.article-single__tour-card--sidebar .tour-app-card__price a {
font-size: 0.86rem;
}
.article-single__related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 24px;
}
.article-single__related-card {
overflow: hidden;
}
.article-single__related-thumb img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
}
.article-single__related-body {
display: grid;
gap: 12px;
padding: 22px;
}
.article-single__related-body time {
color: var(--color-text-muted);
font-size: 0.84rem;
font-weight: 700;
}
.article-single__related-body h3 {
margin: 0;
font-size: 1.06rem;
line-height: 1.45;
}
.article-single__related-body p {
margin: 0;
color: var(--color-text-muted);
line-height: 1.7;
}
.article-single__empty {
padding: 72px 0 92px;
}
.article-single__empty .article-single__shell {
display: grid;
gap: 18px;
justify-items: start;
}
.article-single__empty h1,
.article-single__empty p {
margin: 0;
}
@media (max-width: 1199px) {
.article-single__hero-grid,
.article-single__content-grid {
grid-template-columns: 1fr;
}
.article-single__content-layout {
grid-template-columns: 1fr;
}
.article-single__sidebar {
position: static;
}
.article-single__share-rail {
position: static;
}
.article-single__featured-tours--sidebar {
position: static;
}
.article-single__share--rail {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.article-single__related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.article-single__tour-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.article-single__tour-grid--sidebar {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.article-single__shell {
width: min(100% - 28px, 1180px);
}
.article-single__hero {
padding: 28px 0 18px;
}
.article-single__title {
margin: 0;
font-size: 24px !important;
line-height: 35px;
letter-spacing: -0.03em;
}
.article-single__cover {
border-radius: 24px;
}
.article-single__cover-media {
border-radius: 24px;
}
.article-single__cover-badge {
left: 16px;
right: 16px;
bottom: 16px;
justify-content: space-between;
}
.article-single__content {
padding: 22px 18px;
border-radius: 24px;
font-size: 0.98rem;
line-height: 1.82;
}
.article-single__content .alignleft,
.article-single__content .alignright,
.article-single__content .alignwide,
.article-single__content .alignfull {
float: none;
}
.article-single__content .wp-block-columns,
.article-single__content .wp-block-columns.is-not-stacked-on-mobile {
display: flex;
flex-direction: column;
}
.article-single__content .wp-block-media-text {
grid-template-columns: minmax(0, 1fr) !important;
}
.article-single__content table {
font-size: 0.92rem;
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: normal;
}
.article-single__content th,
.article-single__content td {
min-width: 0;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
}
.article-single__content figure img,
.article-single__content .wp-block-image img,
.article-single__content .wp-caption img,
.article-single__content img[class*="wp-image-"],
.article-single__content img[class*="size-"],
.article-single__content img[class*="align"] {
max-height: min(62vh, 420px);
}
.article-single__nav,
.article-single__related-grid,
.article-single__tour-grid {
grid-template-columns: 1fr;
}
.article-single__tour-grid--sidebar {
grid-template-columns: 1fr;
}
.article-single__summary-card,
.article-single__sidebar-card,
.article-single__related-card,
.article-single__nav-card {
border-radius: 22px;
}
.article-single__meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.article-single__meta span {
width: 100%;
min-width: 0;
min-height: 38px;
justify-content: flex-start;
gap: 8px;
padding: 0 10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.article-single__meta span:last-child {
grid-column: 1 / -1;
}
.article-single__share {
grid-template-columns: 1fr;
}
.article-single__share--rail {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.article-single__share-button--icon {
width: 100%;
min-width: 0;
min-height: 48px;
border-radius: 16px;
}
.article-single__share-rail-label {
justify-self: start;
}
.article-single__content .ez-toc-container {
padding: 18px 16px 16px;
border-radius: 20px;
}
.article-single__content .ez-toc-title {
font-size: 1rem;
}
.article-single__content .ez-toc-list li a {
gap: 8px;
font-size: 0.95rem;
}
.article-single__sidebar {
gap: 14px;
}
.article-single__sidebar-card,
.article-single__featured-tours--sidebar {
padding: 18px;
}
.article-single__tour-grid--sidebar {
gap: 12px;
}
.article-single__tour-card--sidebar {
grid-template-columns: 92px minmax(0, 1fr);
border-radius: 18px;
}
.article-single__tour-card--sidebar .tour-app-card__image {
width: 92px;
min-width: 92px;
min-height: 96px;
}
.article-single__tour-card--sidebar .tour-app-card__image img {
min-height: 96px;
}
.article-single__tour-card--sidebar .tour-app-card__body {
gap: 8px;
padding: 10px 12px;
}
.article-single__tour-card--sidebar .tour-app-card__body h4 {
font-size: 0.88rem;
}
.article-single__tour-card--sidebar .tour-app-card__meta li {
font-size: 0.8rem;
}
.article-single__tour-card--sidebar .tour-app-card__price a {
font-size: 0.82rem;
}
}
@media (max-width: 479px) {
.article-single__tour-card--sidebar {
grid-template-columns: 1fr;
}
.article-single__tour-card--sidebar .tour-app-card__image {
width: 100%;
min-width: 0;
min-height: 132px;
}
.article-single__tour-card--sidebar .tour-app-card__image img {
min-height: 132px;
}
}
body.home-premium .home-premium-main .hero-service-card__content p.hero-service-card__title,
body.home-premium .home-premium-main .hero-service-card__title {
color: #0f2a2d !important;
font-weight: 500 !important;
font-size: 18px  ;
line-height: 1.15 !important;
}
@media (max-width: 767px) {
body.home-premium .home-premium-main .hero-service-card__content p.hero-service-card__title, body.home-premium .home-premium-main .hero-service-card__title {
font-size: 14px !important;
}
}
@media (max-width: 767px) {
.article-single__content .wp-block-table,
body.page-premium .page-premium__entry .wp-block-table,
body.car-single-premium .car-single__overview-content .wp-block-table,
body.car-single-premium .car-single__content-card .wp-block-table,
body.tour-single-premium .tour-single__content-entry .wp-block-table,
body.tour-single-premium .tour-single__timeline-content .wp-block-table,
body.hotel-single-premium .hotel-single__content-entry .wp-block-table,
body.car-archive-premium .car-archive__description .wp-block-table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.article-single__content table,
body.page-premium .page-premium__entry table,
body.car-single-premium .car-single__overview-content table,
body.car-single-premium .car-single__content-card table,
body.tour-single-premium .tour-single__content-entry table,
body.tour-single-premium .tour-single__timeline-content table,
body.hotel-single-premium .hotel-single__content-entry table,
body.car-archive-premium .car-archive__description table {
width: max-content;
min-width: 100%;
max-width: none !important;
table-layout: auto;
}
.article-single__content th,
.article-single__content td,
body.page-premium .page-premium__entry th,
body.page-premium .page-premium__entry td,
body.car-single-premium .car-single__overview-content th,
body.car-single-premium .car-single__overview-content td,
body.car-single-premium .car-single__content-card th,
body.car-single-premium .car-single__content-card td,
body.tour-single-premium .tour-single__content-entry th,
body.tour-single-premium .tour-single__content-entry td,
body.tour-single-premium .tour-single__timeline-content th,
body.tour-single-premium .tour-single__timeline-content td,
body.hotel-single-premium .hotel-single__content-entry th,
body.hotel-single-premium .hotel-single__content-entry td,
body.car-archive-premium .car-archive__description th,
body.car-archive-premium .car-archive__description td {
padding: 8px 10px !important;
font-size: 12px;
line-height: 1.45;
white-space: nowrap;
}
}
@media (max-width:767px){:where(.entry-content,.article-single__content,.page-premium__entry,.car-single__body,.car-single__overview-content,.car-single__content-card,.tour-single__content-entry,.tour-single__timeline-content,.hotel-single__content-entry,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) .wp-block-table,:where(.car-single__body,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) .quynhonadv-table-scroll{display:block!important;width:100%!important;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch}:where(.entry-content,.article-single__content,.page-premium__entry,.car-single__body,.car-single__overview-content,.car-single__content-card,.tour-single__content-entry,.tour-single__timeline-content,.hotel-single__content-entry,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) .wp-block-table table,:where(.car-single__body,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) .quynhonadv-table-scroll>table{display:table!important;width:max-content!important;min-width:100%!important;max-width:none!important;height:auto!important;table-layout:auto!important}section.car-single__body table{height:auto!important}:where(.entry-content,.article-single__content,.page-premium__entry,.car-single__body,.car-single__overview-content,.car-single__content-card,.tour-single__content-entry,.tour-single__timeline-content,.hotel-single__content-entry,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) table th,:where(.entry-content,.article-single__content,.page-premium__entry,.car-single__body,.car-single__overview-content,.car-single__content-card,.tour-single__content-entry,.tour-single__timeline-content,.hotel-single__content-entry,.car-archive__description,.hotel-archive__description,.archive-premium__description,.tour-category__description) table td{white-space:nowrap}}