/* GC02F — Taxi Cai Lay homepage HTML/source parity layer.
Goal: let the copied taxigocong.vn CSS run against the same DOM geometry.
This file only bridges dynamic Cai Lay data/components that do not exist in the source site. */
:root{
--wt2-trending-bg:#940c0a;
--wt2-cat-title-bg:#940c0a;
--gx-hotline-bg:#940c0a;
--nav-bg:#fff;
--footer-bg:#940c0a;
--btn-booking-bg:#ff000d;
--form-bg-gradient-from:#940c0a;
--form-bg-gradient-to:#940c0a;
--form-bg-opacity-from:74%;
--form-bg-opacity-to:85%;
--text-light-color:#fff;
--hover-primary-color:#ec2029;
--hover-button-bg:#c81e1e;
}
body.gc02f-source-parity #main-content{display:block;width:100%;overflow:visible}
body.gc02f-source-parity .gc-ref-home{display:contents}
body.gc02f-source-parity .kc-container,
body.gc02f-source-parity .wt2-container{box-sizing:border-box}
/* The original Go Cong booking section has no extra wrapper box/padding. */
body.gc02f-source-parity .gc-source-booking{margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}
body.gc02f-source-parity .gc-source-booking>.kc-row-container.kc-container{max-width:1170px!important;margin:0 auto!important;padding-left:15px!important;padding-right:15px!important}
body.gc02f-source-parity .gc-source-booking .kc-wrap-columns{align-items:stretch!important}
body.gc02f-source-parity .gc-source-booking .kc_column{opacity:1!important;visibility:visible!important}
body.gc02f-source-parity .gc-source-booking .home_datxe{height:100%!important;min-height:390px!important}
body.gc02f-source-parity .gc-source-booking .form_main{width:100%!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav{display:flex!important;width:100%!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav>li{width:50%!important;float:none!important;text-align:center!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav>li>a{justify-content:center!important;width:100%!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav>li>a.active{color:var(--hover-primary-color)!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form-group{margin-bottom:15px}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .dc_col2{margin-bottom:10px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form input[type="datetime-local"]{font-size:13px!important;justify-content:flex-start!important;text-align:left!important;padding-right:6px!important}
body.gc02f-source-parity .gc-source-booking .gx-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.gc02f-source-parity .gc-source-booking .gc-source-status{clear:both;margin-top:8px;text-align:center;color:#fff;font-size:13px;line-height:1.35}
body.gc02f-source-parity .gc-source-booking .gc-source-status.is-success{color:#fff4a3}
body.gc02f-source-parity .gc-source-booking .gc-source-status.is-error{color:#ffe1e1}
/* Right column: preserve the exact source home_slider/dc_datxe footprint while using Cai Lay data. */
body.gc02f-source-parity .gc-source-booking .home_slider{height:100%!important;background:#fff!important;overflow:hidden!important}
body.gc02f-source-parity .gc-source-hotline-board{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:390px!important;background:#fff!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;color:#333!important}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-brand{min-height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#d71920;font-size:12px;line-height:1;font-weight:700}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-title{height:32px;display:flex;align-items:center;justify-content:center;background:#940c0a;color:#fff;font-size:17px;font-weight:800;line-height:1;text-transform:uppercase}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-phone{height:58px;display:flex;align-items:center;justify-content:center;background:#fff;color:#a80606;font-size:42px;font-weight:900;line-height:1;letter-spacing:.5px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-sub{height:34px;display:flex;align-items:center;justify-content:center;background:#940c0a;color:#fff;font-size:18px;font-weight:800;line-height:1}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-photo{height:120px;overflow:hidden;background:#f4f4f4;flex:0 0 120px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 58%!important;border:0!important;border-radius:0!important}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe{flex:1 1 auto!important;margin:0!important;padding:0 15px!important;background:#fff!important;overflow:hidden!important}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe li{min-height:37px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:6px 0!important;border-bottom:1px solid #e7e7e7!important;font-size:11px!important;line-height:1.25!important}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe li:last-child{border-bottom:0!important}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe li p{margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#555!important}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe li .gia{flex:0 0 auto!important;color:#222!important;font-weight:700!important;font-size:11px!important}
/* Price carousel is source HTML: make desktop 3x2 and preserve card height. */
body.gc02f-source-parity .home_price_section{clear:both!important;float:none!important;width:100%!important}
body.gc02f-source-parity .home_price_section>.wt2-container{max-width:1200px!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important}
body.gc02f-source-parity .home_price_swiper_pc{overflow:hidden!important}
body.gc02f-source-parity .home_price_swiper_pc .swiper-slide{height:auto!important}
body.gc02f-source-parity .home_price_card{height:100%!important}
/* IMPORTANT: do not force car width here. The live source's selector cascade makes the
cars large, then its JS scales them to 0.30 / 0.45 while translating across the banner. */
body.gc02f-source-parity .wt2-banner-after-price{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
body.gc02f-source-parity .wt2-banner-after-price .wt2-ad--animated{position:relative!important;overflow:hidden!important}
body.gc02f-source-parity .wt2-banner-after-price .wt2-ad-bg{display:block!important;width:100%!important;height:auto!important}
body.gc02f-source-parity .wt2-banner-after-price .wt2-car-run{animation:none!important;transform-origin:bottom left!important;will-change:transform!important;pointer-events:none!important}
/* News/content geometry: source container and no extra GC02 wrappers. */
body.gc02f-source-parity .wt2-wrap>.wt2-container,
body.gc02f-source-parity .wt2-video>.wt2-container,
body.gc02f-source-parity .gc-home-intro>.wt2-container,
body.gc02f-source-parity .wt2-latest>.wt2-container{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
body.gc02f-source-parity .gc-home-intro{background:#fff!important;padding:30px 0 24px!important}
body.gc02f-source-parity .gc-home-intro h1{text-align:center!important;font-size:26px!important;line-height:1.2!important;margin:0 0 14px!important;color:#333!important;font-weight:700!important}
body.gc02f-source-parity .gc-home-intro p{font-size:14px!important;line-height:1.65!important;color:#666!important;margin:0 0 12px!important;text-align:left!important}
/* Keep source visual rhythm on the footer. */
body.gc02f-source-parity .gx-footer{margin-top:0!important}
@media (max-width:991px){
body.gc02f-source-parity .gc-source-booking>.kc-row-container.kc-container{padding-left:10px!important;padding-right:10px!important}
body.gc02f-source-parity .gc-source-booking .kc-wrap-columns{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important}
body.gc02f-source-parity .gc-source-booking .kc_column{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;clear:both!important;padding-left:10px!important;padding-right:10px!important}
body.gc02f-source-parity .gc-source-booking .home_datxe{min-height:0!important;padding:15px 12px!important}
body.gc02f-source-parity .gc-source-booking .home_slider{margin-top:12px!important}
body.gc02f-source-parity .gc-source-hotline-board{min-height:0!important;height:auto!important}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-brand{height:38px;min-height:38px;font-size:11px;padding:0 12px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-title{height:29px;font-size:15px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-phone{height:48px;font-size:32px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-sub{height:30px;font-size:14px}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-photo{height:220px;flex-basis:220px}
body.gc02f-source-parity .gc-source-hotline-board ul.dc_datxe{display:none!important}
}
@media (max-width:767px){
body.gc02f-source-parity .gc-source-booking>.kc-row-container.kc-container{padding-left:0!important;padding-right:0!important}
body.gc02f-source-parity .gc-source-booking .kc-wrap-columns{width:100%!important;margin:0!important}
body.gc02f-source-parity .gc-source-booking .kc_column{padding-left:0!important;padding-right:0!important}
body.gc02f-source-parity .gc-source-booking .home_datxe{padding:12px 10px 14px!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav{margin-bottom:10px!important;padding-bottom:8px!important}
body.gc02f-source-parity .gc-source-booking .form_main ul.nav li a{font-size:13px!important;line-height:34px!important;padding:0 8px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .flex label{width:86px!important;font-size:13px!important;line-height:1.1!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form-control{font-size:13px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form_dcdd{margin-bottom:10px!important;padding-bottom:8px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form_dcdd .form-group{font-size:12px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form_dcdd .form-group input[type="checkbox"]{width:20px!important;height:20px!important;margin-right:7px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form_dcdd .promocode{flex-basis:34%!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .form_dcdd .promocode input{height:34px!important;line-height:34px!important;font-size:12px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .dc_col2{width:100%!important;float:none!important;margin-bottom:7px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .dc_col2 label,
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .dc_col2.tgian_don label{width:86px!important;font-size:12px!important}
body.gc02f-source-parity .gc-source-booking .form_main form.info_form .btn_datxe{height:44px!important;line-height:44px!important;margin-top:4px!important;padding:0 38px!important;font-size:14px!important}
body.gc02f-source-parity .gc-source-hotline-board .gc-hotline-photo{height:185px;flex-basis:185px}
body.gc02f-source-parity .wt2-banner-after-price,
body.gc02f-source-parity .wt2-wrap>.wt2-container,
body.gc02f-source-parity .wt2-video>.wt2-container,
body.gc02f-source-parity .gc-home-intro>.wt2-container,
body.gc02f-source-parity .wt2-latest>.wt2-container{padding-left:10px!important;padding-right:10px!important}
body.gc02f-source-parity .gc-home-intro{padding:22px 0 18px!important}
body.gc02f-source-parity .gc-home-intro h1{font-size:20px!important}
body.gc02f-source-parity .gc-home-intro p{font-size:13px!important;line-height:1.55!important}
}
/* ==========================================================
GC02G — FINAL SOURCE-PARITY FIXES (2026-10-07)
These rules fix the last concrete mismatches visible after GC02F.
========================================================== */
/* The taxigocong source ships BOTH the desktop video grid and a mobile Swiper
in the DOM. Only one is visible at a time. Be explicit because Swiper and
theme CSS can otherwise make both visible after initialization. */
@media (min-width:768px){
body.gc02g-source-final .wt2-video-grid{display:grid!important;}
body.gc02g-source-final .wt2-video-swiper{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;visibility:hidden!important;}
body.gc02g-source-final .wt2-video-swiper *{visibility:hidden!important;}
}
@media (max-width:767px){
body.gc02g-source-final .wt2-video-grid{display:none!important;}
body.gc02g-source-final .wt2-video-swiper{display:block!important;height:auto!important;min-height:0!important;visibility:visible!important;overflow:hidden!important;padding-bottom:22px!important;}
body.gc02g-source-final .wt2-video-swiper *{visibility:visible!important;}
}
/* Match the exact desktop media geometry in taxigocong.vn/home-news.css. */
@media (min-width:768px){
body.gc02g-source-final .wt2-video{padding:26px 0!important;margin:6px 0 0!important;}
body.gc02g-source-final .wt2-video-grid{grid-template-columns:1.2fr .8fr!important;gap:18px!important;align-items:stretch!important;}
body.gc02g-source-final .wt2-video-main{height:auto!important;min-height:420px!important;}
body.gc02g-source-final .wt2-video-main img{height:420px!important;object-fit:cover!important;}
body.gc02g-source-final .wt2-video-side{display:grid!important;grid-template-rows:1fr 1fr!important;gap:18px!important;}
body.gc02g-source-final .wt2-video-mini{height:201px!important;min-height:0!important;}
body.gc02g-source-final .wt2-video-mini img{height:100%!important;object-fit:cover!important;}
}
/* The PC quick-contact rail now follows the live Go Cong CSS exactly:
bottom-right, 70px items, 40px icons, visible labels. */
@media (min-width:992px){
body.gc02g-source-final .txng-contact-pc{display:block!important;position:fixed!important;right:12px!important;bottom:10px!important;top:auto!important;transform:scale(.9)!important;transform-origin:right bottom!important;z-index:99998!important;}
body.gc02g-source-final .txng-contact-pc ul{list-style:none!important;margin:0!important;padding:16px 9px!important;background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 2px 12px rgba(0,0,0,.12)!important;}
body.gc02g-source-final .txng-contact-pc li{margin:0 0 14px!important;padding:0!important;}
body.gc02g-source-final .txng-contact-pc li+li{margin-top:0!important;}
body.gc02g-source-final .txng-contact-pc li:last-child{margin-bottom:0!important;}
body.gc02g-source-final .txng-contact-pc a,
body.gc02g-source-final .txng-contact-pc button{width:70px!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transform:none!important;}
body.gc02g-source-final .txng-contact-pc span{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:hidden!important;flex-shrink:0!important;}
body.gc02g-source-final .txng-contact-pc img{width:40px!important;height:40px!important;object-fit:contain!important;display:block!important;}
body.gc02g-source-final .txng-contact-pc b{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;white-space:normal!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#000!important;font-size:13px!important;line-height:1.2!important;font-weight:600!important;text-align:center!important;}
}
/* Keep the homepage content from being obscured by the bottom mobile CTA. */
@media (max-width:991px){
body.gc02g-source-final{padding-bottom:72px!important;}
}
/* ==========================================================
GC02H — HOME HEADER + BOOKING HERO PRECISION FIX (2026-10-07)
Scope: homepage only. Keep money/news pages untouched.
========================================================== */
/* 1) One header only: the .gx-mobile-menu is a drawer, never a second desktop nav row. */
body.gc02h-home-precision .gx-mobile-menu{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
@media (min-width:992px){
body.gc02h-home-precision .gx-mobile-menu,
body.gc02h-home-precision .gx-mobile-menu.is-open{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important}
}
@media (max-width:991px){
body.gc02h-home-precision .gx-mobile-menu.is-open{display:block!important;visibility:visible!important;height:auto!important;max-height:calc(100vh - 92px)!important;overflow:auto!important;padding:0!important}
}
/* 2) Match Go Cong source geometry: 1200 container, 15px gutters, 30px center gap, 12px vertical section padding. */
@media (min-width:992px){
body.gc02h-home-precision .gc-source-booking{padding:12px 0!important;margin:0!important}
body.gc02h-home-precision .gc-source-booking>.kc-row-container.kc-container{width:100%!important;max-width:1200px!important;padding-left:15px!important;padding-right:15px!important;margin:0 auto!important}
body.gc02h-home-precision .gc-source-booking .kc-wrap-columns{display:flex!important;flex-wrap:wrap!important;width:calc(100% + 30px)!important;margin-left:-15px!important;margin-right:-15px!important;align-items:stretch!important}
body.gc02h-home-precision .gc-source-booking .kc-css-340647,
body.gc02h-home-precision .gc-source-booking .kc-css-698619{width:50%!important;max-width:50%!important;flex:0 0 50%!important;padding-left:15px!important;padding-right:15px!important;float:left!important}
body.gc02h-home-precision .gc-source-booking .home_datxe,
body.gc02h-home-precision .gc-source-booking .home_slider{height:100%!important;min-height:0!important;margin:0!important}
body.gc02h-home-precision .gc-source-booking .home_datxe{padding:20px 30px!important}
body.gc02h-home-precision .gc-source-hotline-board{height:100%!important;min-height:0!important}
}
/* Do not add synthetic spacing between header/ticker and the booking hero. */
body.gc02h-home-precision #main-content{margin-top:0!important;padding-top:0!important}
body.gc02h-home-precision .gx-header{margin-bottom:0!important}
body.gc02h-home-precision .wt2-trending-bar{margin-bottom:0!important}
/* 3) Right panel: convert the old activity list to an H1/service summary block,
following the visual language in the mobile-roadside-service reference. */
body.gc02h-home-precision .gc-home-service-summary{flex:1 1 auto!important;background:#fff!important;border:3px solid #ec2029!important;border-top:0!important;padding:14px 18px 12px!important;color:#222!important;overflow:hidden!important}
body.gc02h-home-precision .gc-home-service-summary h1{margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid #dedede!important;color:#0f579d!important;text-align:center!important;font-family:'Bebeboo-SemiBold','Bebeboo',Arial,sans-serif!important;font-size:25px!important;line-height:1.2!important;font-weight:700!important;text-transform:none!important}
body.gc02h-home-precision .gc-home-service-summary ul{list-style:none!important;margin:0!important;padding:0!important}
body.gc02h-home-precision .gc-home-service-summary li{position:relative!important;margin:0!important;padding:8px 0 8px 28px!important;border-bottom:1px solid #e5e5e5!important;font-size:13px!important;line-height:1.35!important;color:#333!important}
body.gc02h-home-precision .gc-home-service-summary li:before{content:'◉'!important;position:absolute!important;left:2px!important;top:8px!important;color:#222!important;font-size:15px!important;line-height:1!important}
body.gc02h-home-precision .gc-home-service-summary li strong{color:#111!important;font-weight:700!important}
body.gc02h-home-precision .gc-home-service-trust{margin-top:9px!important;text-align:center!important;color:#0f579d!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
/* Keep only one H1 on the homepage; the later intro title is now H2 but retains its old visual styling. */
body.gc02h-home-precision .gc-home-intro h2{text-align:center!important;font-size:26px!important;line-height:1.2!important;margin:0 0 14px!important;color:#333!important;font-weight:700!important;font-family:'Bebeboo-SemiBold','Bebeboo',Arial,sans-serif!important}
/* 4) Make form controls follow the original form.css metrics exactly on desktop. */
@media (min-width:992px){
body.gc02h-home-precision .gc-source-booking .form_main ul.nav{line-height:40px!important;margin:0 0 15px!important;padding:0 0 15px!important;border-bottom:1px solid #fff!important}
body.gc02h-home-precision .gc-source-booking .form_main ul.nav li a{line-height:40px!important;padding:0 30px!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .form-control,
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .btn{height:46px!important;line-height:46px!important;padding:0 15px!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .flex label{width:120px!important;font-size:17px!important;line-height:17.9px!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .form_dcdd{margin-bottom:15px!important;padding-bottom:0!important;border-bottom:1px solid #fff!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .dc_col2{width:calc(50% - 5px)!important;margin-bottom:10px!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .dc_col2 .form-control{height:36px!important;line-height:36px!important}
body.gc02h-home-precision .gc-source-booking .form_main form.info_form .btn_datxe{height:52px!important;line-height:52px!important;margin-top:10px!important;padding:0 50px!important}
}
/* Mobile keeps the compact flow; right visual column follows the Go Cong behavior and is hidden. */
@media (max-width:767px){
body.gc02h-home-precision .gc-source-booking{padding:0!important}
body.gc02h-home-precision .gc-source-booking .kc-css-698619{display:none!important}
body.gc02h-home-precision .gc-home-intro h2{font-size:20px!important}
}
/* ==========================================================
GC02I — HOME RIGHT-HERO 3 IMAGE SLIDER + CLEAN H1 CARD
2026-10-07
========================================================== */
body.gc02h-home-precision .gc-home-hero-panel{display:flex!important;flex-direction:column!important;background:#fff!important;overflow:hidden!important}
body.gc02h-home-precision .gc-home-image-slider{position:relative!important;flex:0 0 372px!important;height:372px!important;min-height:372px!important;background:#fff!important;overflow:hidden!important}
body.gc02h-home-precision .gc-home-image-slide{position:absolute!important;inset:0!important;margin:0!important;opacity:0!important;visibility:hidden!important;transition:opacity .55s ease!important;z-index:1!important;background:#fff!important}
body.gc02h-home-precision .gc-home-image-slide.is-active{opacity:1!important;visibility:visible!important;z-index:2!important}
body.gc02h-home-precision .gc-home-image-slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
body.gc02h-home-precision .gc-home-slider-dots{position:absolute!important;z-index:4!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:center!important}
body.gc02h-home-precision .gc-home-slider-dots button{width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;border:0!important;border-radius:50%!important;padding:0!important;margin:0!important;background:rgba(255,255,255,.72)!important;box-shadow:0 0 0 1px rgba(0,0,0,.2)!important;cursor:pointer!important}
body.gc02h-home-precision .gc-home-slider-dots button.is-active{background:#b20d0b!important;box-shadow:0 0 0 2px #fff!important}
/* User request: H1/service block stays clean white; remove the red frame. */
body.gc02h-home-precision .gc-home-service-summary{border:0!important;border-top:0!important;box-shadow:none!important;padding:14px 18px 12px!important}
body.gc02h-home-precision .gc-home-service-summary h1{border-bottom:1px solid #dedede!important}
@media (min-width:992px){
body.gc02h-home-precision .gc-source-booking .gc-source-hotline-board{height:100%!important}
}
@media (max-width:991px){
body.gc02h-home-precision .gc-home-image-slider{flex-basis:300px!important;height:300px!important;min-height:300px!important}
}
@media (max-width:767px){
body.gc02h-home-precision .gc-home-image-slider{height:230px!important;min-height:230px!important;flex-basis:230px!important}
}
/* ==========================================================================
GC02J — HOME RIGHT SLIDER 1200x630 RATIO
2026-10-07
- Match Taxi Go Cong source ratio: 1200x630 (40:21)
- Desktop at ~570px wide renders ~299px high
- Mobile stays responsive at the same ratio
========================================================================== */
body.gc02h-home-precision .gc-home-image-slider{
position:relative!important;
width:100%!important;
height:auto!important;
min-height:0!important;
flex:0 0 auto!important;
aspect-ratio:1200 / 630!important;
overflow:hidden!important;
background:#fff!important;
}
body.gc02h-home-precision .gc-home-image-slide{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
margin:0!important;
}
body.gc02h-home-precision .gc-home-image-slide img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
object-fit:cover!important;
object-position:center!important;
}
@media (max-width:991px){
body.gc02h-home-precision .gc-home-image-slider{
height:auto!important;
min-height:0!important;
flex-basis:auto!important;
aspect-ratio:1200 / 630!important;
}
}
@media (max-width:767px){
body.gc02h-home-precision .gc-home-image-slider{
height:auto!important;
min-height:0!important;
flex-basis:auto!important;
aspect-ratio:1200 / 630!important;
}
}