/* CocoThai homepage redesign. Loaded after existing styles; content and search remain intact. */
:root{--primary:#093577;--accent:#d61934;--brand-blue:#093577;--brand-red:#d61934;--gold:#dce8fa;--text:#23334a;--bg:#f5f7fb}
html{scroll-behavior:smooth}body{background:white;color:#23334a}a:focus-visible,button:focus-visible{outline:3px solid #d61934;outline-offset:4px}.container{max-width:1200px}
.top-bar,.news-ticker,.ticker-bar,.top-ticker,.header-socials,.hero-stats,.dest-palms{display:none!important}
header{background:#093577!important;border:0!important;box-shadow:none!important}header::before,header::after{display:none!important}.header-inner{min-height:88px;gap:22px!important}.logo-frame{width:58px!important;height:58px!important;background:white!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:50%!important}.logo-img{width:58px!important;height:58px!important;object-fit:contain!important;transform:none!important}.logo span{color:white!important;letter-spacing:0!important}.logo span+span{font-size:11px!important;color:#c7d7ee!important}
#nav-list{gap:16px!important}#nav-list a{color:#e8effa!important;font-size:14px!important;font-weight:500!important}#nav-list a:hover{color:white!important}#nav-list .nav-sep,.nav-badge-new{display:none!important}.header-cta .btn-whatsapp,.header-cta .btn-call,.header-cta .btn-cta-gold{display:none!important}.btn-my-coco{background:white!important;color:#093577!important;border:0!important;border-radius:8px!important;min-height:44px;padding:11px 17px!important;box-shadow:none!important}.btn-my-coco:hover{background:#e8effa!important}
.second-nav{background:#093577!important;border-top:1px solid #ffffff24!important;border-bottom:0!important}.snav-list{justify-content:flex-start!important;max-width:1200px;margin:auto;gap:28px!important;min-height:54px}.snav-link,.snav-btn{color:#ecf2fc!important;font-size:13px!important}.snav-dropdown a{color:#093577!important}.snav-btn:hover,.snav-link:hover{background:#ffffff12!important}.snav-dropdown{background:white!important}
.hero{background:#093577!important;min-height:0!important;height:auto!important;padding:35px 0 0!important;overflow:visible!important}.hero::before,.hero::after{display:none!important}.hero>.container{position:relative;z-index:5}.coco-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:12px 0 42px}.hero-text{width:auto!important;max-width:none!important;min-width:0;flex:none!important;text-align:right!important;transform:none!important;filter:none!important;opacity:1!important;padding:0!important}.hero-text>*{transform:none!important;filter:none!important;opacity:1!important;animation:none!important}.coco-kicker{font:500 11px/1.5 'Rubik',sans-serif;letter-spacing:1.8px;color:#093577;margin:0 0 14px}.hero .coco-kicker{color:#c9d9ee}.hero-title{font-family:'Rubik',sans-serif!important;font-size:clamp(32px,3.5vw,48px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-1.3px!important;margin:0 0 20px!important;text-shadow:none!important;color:white!important}.hero-title em{font:inherit!important;color:#fff!important;display:inline!important;background:none!important;-webkit-text-fill-color:white!important}.hero-sub{font:400 16px/1.8 'Rubik',sans-serif!important;color:#dbe6f7!important;margin:0!important;max-width:none!important}.coco-hero-links{display:flex;gap:24px;margin-top:24px;align-items:center}.coco-hero-links a{color:white;font-size:13px;padding:8px 0}.coco-hero-links a:first-child{border-bottom:1px solid #ffffff77}.coco-hero-links i{margin-inline-start:8px}.coco-hero-photo{height:300px;position:relative;border-radius:16px;overflow:hidden}.coco-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#061c427d)}.coco-hero-photo img{width:100%;height:100%;object-fit:cover}.coco-hero-photo>span{position:absolute;bottom:20px;right:22px;color:white;font-size:14px;z-index:1}.coco-hero-photo small{display:block;margin-top:4px;margin-right:16px;color:#e7f1ff;font-size:11px}.coco-search-slot{width:100%!important;margin:0!important;transform:translateY(32px)!important;filter:none!important;position:relative;z-index:20;scroll-margin-top:150px}
.coco-trust{display:flex;justify-content:space-between;gap:20px;padding-top:67px;padding-bottom:25px;border-bottom:1px solid #e3e9f2;color:#56667c;font-size:13px}.coco-trust span{display:flex;align-items:center;gap:10px}.coco-trust i{font-size:17px;color:#093577}.coco-discover{padding-top:46px;padding-bottom:42px}.coco-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.coco-section-heading h2,.coco-account-banner h2{font:700 27px/1.4 'Rubik',sans-serif;color:#102d58;margin:0 0 8px}.coco-section-heading p{font-size:14px;color:#65738a;margin:0}.coco-section-heading .coco-kicker{font-size:11px;color:#093577;margin:0 0 10px}.coco-section-heading>a{font-size:13px;color:#093577;font-weight:500}.coco-editorial-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.coco-editorial{display:block;height:290px;position:relative;overflow:hidden;border-radius:13px;background:#093577}.coco-editorial img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.coco-editorial:hover img{transform:scale(1.025)}.coco-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#051a39ce)}.coco-editorial>div{position:absolute;bottom:24px;right:24px;left:20px;z-index:1;color:white}.coco-editorial span{font-size:12px;color:#eef4fc}.coco-editorial h3{font:600 30px/1.4 'Rubik',sans-serif;margin:3px 0}.coco-editorial p{font-size:12px;color:#edf2fa;margin:0}
.coco-account-banner{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;background:#f1f5fc;border:1px solid #dce5f3;border-radius:16px;padding:34px;margin-top:4px;margin-bottom:18px}.coco-account-art{aspect-ratio:1.25;background:#093577;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:14px;transform:rotate(-4deg);box-shadow:0 12px 24px #09357716}.coco-account-art>span{font:700 46px/1.4 'Rubik',sans-serif;direction:ltr}.coco-red{color:#ff6378}.coco-account-art small{font-size:8px;letter-spacing:1px}.coco-account-banner p{font-size:14px;line-height:1.8;color:#596a82}.coco-account-banner .coco-kicker{font-size:11px;color:#093577;letter-spacing:.04em}.coco-banner-actions{display:flex;align-items:center;gap:24px;margin:18px 0}.coco-banner-actions a{font-size:13px;color:#093577;font-weight:500}.coco-banner-actions .coco-primary{background:#093577;color:white;padding:12px 18px;border-radius:8px}.coco-account-banner small{font-size:11px;color:#68778d}.coco-account-art small{color:#d6e5fa}
.destinations{background:white!important;padding:48px 0!important}.section-header{text-align:right!important;margin-bottom:26px!important}.section-title{font-family:'Rubik',sans-serif!important;font-size:28px!important;letter-spacing:-.5px!important;color:#102d58}.section-title::after{display:none!important}.section-sub{color:#65738a!important;font-size:14px!important}.section-tag{background:#edf3fb!important;border-color:#dae4f3!important;color:#093577!important;font-size:11px!important;letter-spacing:.03em!important}.destinations-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.dest-card{background:white!important;border:1px solid #e0e7f1!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}.dest-card:hover{border-color:#829abc!important;box-shadow:0 6px 18px #0935770d!important}.dest-img{height:160px!important}.dest-content{padding:17px!important}.dest-content h3{font-family:'Rubik',sans-serif!important;font-size:18px!important;color:#102d58!important}.dest-content p{font-size:12px!important;line-height:1.8!important;color:#68758a!important}.dest-badge,.dest-tag{background:#edf3fb!important;color:#093577!important;border:none!important}.dest-meta{border-color:#e5ebf4!important}.dest-arrow{color:#093577!important;background:#eef3fb!important}.why-section{background:#093577!important}.why-section .section-title{color:white!important}.why-icon{background:#ffffff12!important;color:white!important}.why-feature h4{color:white!important}.attractions,.guides,.testimonials{background:#f6f8fc!important}.testimonials .section-title{color:#102d58!important}footer{background:#06214c!important}.footer-grid h4{color:#dce8fa!important}.btn-cta-gold{background:#093577!important;color:white!important;border-color:#093577!important}
@media(max-width:1100px){#nav-list{gap:10px!important}#nav-list a{font-size:12px!important}.coco-hero-grid{gap:30px}.coco-trust{font-size:12px}.header-inner{gap:16px!important}}
@media(max-width:800px){.container{width:calc(100% - 36px)!important;padding-inline:0!important}.header-inner{min-height:76px!important}.logo-frame,.logo-img{width:46px!important;height:46px!important}.header-cta{margin-right:auto!important}.header-cta .btn-my-coco{padding:9px 12px!important;font-size:12px!important}#nav-list.open{background:#093577!important;padding:20px!important}#nav-list.open a{font-size:15px!important}.second-nav .snav-list{overflow-x:auto;white-space:nowrap;padding:0 18px!important;gap:22px!important;justify-content:flex-start!important}.snav-link,.snav-btn{font-size:12px!important}.hero{padding-top:25px!important}.coco-hero-grid{grid-template-columns:1fr;gap:24px;padding-bottom:0}.hero-title{font-size:35px!important;letter-spacing:-1px!important}.hero-sub{font-size:14px!important}.hero-sub br{display:none}.coco-hero-photo{height:200px}.coco-hero-links{margin-top:15px}.coco-hero-links a{font-size:12px}.coco-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:57px;font-size:11px}.coco-editorial-grid{grid-template-columns:1fr 1fr;gap:14px}.coco-editorial:first-child{grid-column:1/-1;height:230px}.coco-editorial{height:220px}.coco-editorial>div{right:18px;bottom:18px;left:10px}.coco-editorial h3{font-size:25px}.coco-editorial p{font-size:11px}.coco-section-heading h2,.coco-account-banner h2{font-size:24px}.coco-section-heading{align-items:flex-start}.coco-section-heading>a{font-size:11px;white-space:nowrap}.coco-discover{padding-top:30px;padding-bottom:30px}.coco-account-banner{grid-template-columns:1fr;gap:28px;padding:26px!important}.coco-account-art{display:none}.destinations-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}.dest-img{height:140px!important}.dest-content{padding:14px!important}.dest-content h3{font-size:16px!important}.dest-content p{font-size:11px!important}.section-title{font-size:25px!important}.section-sub{font-size:13px!important}.destinations{padding:34px 0!important}.coco-banner-actions{gap:20px}.coco-account-banner small{font-size:10px}.coco-trust span{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.coco-editorial img{transition:none}.hero *{animation:none!important;transition:none!important}}

/* Reset older image filters and duplicated decorative captions. */
header .logo-frame .logo-img{filter:none!important;transform:none!important;object-fit:contain!important;width:58px!important;height:58px!important}
.hero-text::before,.hero-text::after{display:none!important}
.coco-hero-film:after{display:none!important}
.coco-hero-film video{filter:brightness(1.14) saturate(1.06)!important}
.coco-hero-film [hidden]{display:none!important}
@media(max-width:800px){header .logo-frame .logo-img{width:46px!important;height:46px!important}}

/* Original Thailand film, blended into the current brand. */
.hero{position:relative!important;isolation:isolate;background:#093577!important}.coco-hero-film{position:absolute;inset:0;z-index:0;overflow:hidden;background:url('/RAILAY_BEACH.jpg') center/cover}.coco-hero-film video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.coco-hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,30,72,.9),rgba(5,38,80,.47) 55%,rgba(5,38,80,.2)),linear-gradient(0deg,#093577,transparent 35%)}.coco-hero-grid{grid-template-columns:minmax(0,640px);min-height:360px;padding:36px 0 50px}.hero-title{text-shadow:0 2px 20px #00152b44!important}.coco-video-toggle{position:absolute;z-index:6;left:25px;top:22px;min-height:44px;padding:8px 16px;border:1px solid #ffffff80;border-radius:30px;background:#05224b99;color:white;cursor:pointer;font:inherit;font-size:12px}.coco-register{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;border-radius:8px;color:white!important;font-weight:700;white-space:nowrap}.header-cta{display:flex!important;gap:10px!important;align-items:center}.second-nav .coco-deals-link{color:#fff!important}.coco-deals-link i{color:#ffbac5!important}
@media(max-width:800px){.coco-hero-grid{min-height:365px;padding-top:60px;padding-bottom:25px}.coco-hero-film:after{background:linear-gradient(270deg,#04234bd9,#05265066),linear-gradient(0deg,#093577,transparent 60%)}.coco-video-toggle{top:10px;left:18px}.coco-register{font-size:12px;padding:8px}.header-cta{gap:6px!important}.logo-text{display:none!important}}

.second-nav{display:block!important}.second-nav .snav-list{flex-wrap:nowrap;overflow-x:auto;justify-content:center}.second-nav .snav-list>li{flex-shrink:0}@media(max-width:1100px){.second-nav .snav-list{justify-content:flex-start!important}}

/* Approved option 3: navy header and search, no secondary navigation. */
.coco-register{background:#e50923!important;border-color:#e50923!important;text-decoration:none!important}.coco-register:hover{background:#c60019!important}.btn-my-coco i{color:#e50923!important}header::before,header::after{content:none!important;display:none!important}

@media(max-width:1400px){
 .header-inner{position:relative;gap:12px!important}.header-cta{margin-inline-start:auto!important;flex-shrink:0}.logo{flex-shrink:0}
 header #nav-list{display:none!important}header #nav-list.open{display:flex!important;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;background:#093577!important;padding:20px!important;max-height:75vh;overflow:auto;box-shadow:0 12px 28px #00152b33}
 header #nav-list.open a{display:block;min-height:44px;padding:12px!important;font-size:15px!important}
 header .nav-toggle{display:flex!important;min-width:44px;min-height:44px;justify-content:center;align-items:center;flex-shrink:0}header .nav-toggle span{background:#fff!important}
}
@media(max-width:600px){header .logo>div:not(.logo-frame){display:none!important}.header-inner{gap:6px!important}}

/* Editable campaign banner; the hero video remains in its original section. */
.coco-managed-banner[hidden]{display:none!important}.coco-managed-banner{display:flex;gap:32px;align-items:center;background:#093577;color:#fff;padding:32px;margin:36px auto;border-radius:20px}.coco-managed-banner h2{color:white;font-size:28px}.coco-managed-banner p{white-space:pre-wrap;line-height:1.8}.coco-managed-banner a{display:inline-block;background:var(--coco-action,#dc1230);color:white;padding:12px 22px;border-radius:9px;margin-top:12px}.coco-managed-banner img{width:35%;max-height:230px;object-fit:cover;border-radius:14px}.coco-managed-banner img[hidden]{display:none}@media(max-width:600px){.coco-managed-banner{flex-direction:column;width:calc(100% - 32px);padding:24px}.coco-managed-banner img{width:100%}}
/* Independent playback and sound controls, grouped in the requested left corner. */
.coco-video-controls{position:absolute;z-index:7;left:25px;top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:340px;direction:rtl}
.coco-video-controls .coco-video-toggle{position:static!important;min-height:44px;background:#05224bc9;backdrop-filter:blur(8px);font-size:12px;padding:9px 15px}
.coco-video-controls .coco-video-toggle:hover{background:#093577}
.coco-video-controls .coco-sound-toggle[data-sound=off]{background:white;color:#093577;border-color:white;font-weight:700}
.coco-video-controls .coco-video-toggle:focus-visible{outline:3px solid white;outline-offset:3px}
.coco-video-hint{flex-basis:100%;font:400 12px/1.6 Rubik,Arial,sans-serif;color:white;background:#05224bc9;border-radius:9px;padding:8px 12px;margin:0;max-width:330px;text-align:right}
.coco-video-hint[hidden]{display:none!important}
.coco-hero-film{background-image:url('/coco-home-film-poster.jpg')}
@media(max-width:800px){.coco-video-controls{left:18px;top:10px;max-width:calc(100% - 36px)}.coco-video-controls .coco-video-toggle{font-size:11px;padding:8px 12px}.hero .coco-hero-grid{padding-top:112px}.coco-video-hint{font-size:11px;max-width:300px}}

@media(max-width:600px){header .header-cta{gap:5px!important}header .coco-currency-select{font-size:11px;padding:8px 3px;max-width:67px}header .header-cta .coco-register{font-size:12px!important;padding:9px 8px!important}header .header-cta .btn-my-coco{padding:9px 8px!important}}

/* All destinations: one moving row, with room for enlarged cards. */
#destinations .coco-destination-rail{display:flex!important;direction:ltr;gap:22px!important;overflow-x:auto;overflow-y:hidden;padding:26px 14px 30px;margin-inline:-14px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch}
#destinations .coco-destination-rail::-webkit-scrollbar{display:none}
#destinations .coco-destination-rail>.dest-card{flex:0 0 276px;direction:rtl;position:relative;transition:transform .25s ease,box-shadow .25s ease!important;transform-origin:center}
html[lang="en"] #destinations .coco-destination-rail>.dest-card{direction:ltr}
#destinations .coco-destination-rail>.dest-card:hover,#destinations .coco-destination-rail>.dest-card:focus-visible{transform:scale(1.055)!important;z-index:2;box-shadow:0 12px 30px #09357725!important;outline:2px solid #093577;outline-offset:3px}
#destinations .coco-destination-controls{display:flex;justify-content:flex-end;margin-top:-12px}
#destinations .coco-destination-pause{border:1px solid #dae4f3;border-radius:24px;background:#edf3fb;color:#093577;padding:10px 17px;min-height:44px;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:600px){#destinations .coco-destination-rail>.dest-card{flex-basis:248px}}
@media(prefers-reduced-motion:reduce){#destinations .coco-destination-rail>.dest-card{transition:none!important}}

/* Holiday styles: four equally weighted editorial banners. */
.coco-holiday-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.coco-holiday-grid .coco-editorial{height:340px;isolation:isolate}
.coco-holiday-grid .coco-editorial:after{background:linear-gradient(180deg,transparent 15%,rgba(5,26,57,.36) 45%,rgba(5,26,57,.94))}
.coco-holiday-grid .coco-editorial>div{inset-inline:20px;bottom:24px}
.coco-holiday-grid .coco-editorial h3{font-size:25px;line-height:1.3;margin:8px 0 10px}
.coco-holiday-grid .coco-editorial p{font-size:13px;line-height:1.6}
.coco-holiday-grid .coco-holiday-cta{display:flex;align-items:center;gap:10px;margin-top:22px;font-weight:500;font-size:12px}
.coco-holiday-grid .coco-editorial:focus-visible{outline:3px solid #ed0029;outline-offset:4px}
#holidayStyleGroup[hidden]{display:none}
@media(max-width:1000px){.coco-holiday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coco-holiday-grid .coco-editorial:first-child{grid-column:auto}.coco-holiday-grid .coco-editorial{height:290px}}
@media(max-width:480px){.coco-holiday-grid{gap:12px}.coco-holiday-grid .coco-editorial{height:270px}.coco-holiday-grid .coco-editorial>div{inset-inline:14px;bottom:18px}.coco-holiday-grid .coco-editorial h3{font-size:21px}.coco-holiday-grid .coco-editorial p{font-size:12px}.coco-holiday-grid .coco-holiday-cta{font-size:11px;gap:6px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.coco-holiday-grid .coco-editorial img{transition:none}}