/* OutsideThailand — Kawaii Anime Theme (Gen Z) */

:root {
  --brand-navy: #5b4a7a;
  --brand-yellow: #ffe566;
  --brand-teal: #5eead4;
  --kawaii-pink: #ff8ec7;
  --kawaii-pink-deep: #ff6b9d;
  --kawaii-lavender: #c9b8ff;
  --kawaii-sky: #8ec5ff;
  --kawaii-peach: #ffb8c8;
  --kawaii-mint: #b8f5e8;
  --kawaii-bg: #fff8fc;
  --kawaii-text: #4a3f55;
  --kawaii-text-soft: #7b6b8a;
  --kawaii-card: #ffffff;
  --kawaii-border: #ffd4e8;
  --kawaii-shadow: 0 10px 36px rgba(255, 142, 199, 0.18);
  --kawaii-shadow-hover: 0 16px 48px rgba(142, 197, 255, 0.28);
  --radius-chunky: 24px;
}

/* Sparkle background */
body.world-page {
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 182, 220, 0.45) 0%, transparent 42%),
    radial-gradient(circle at 92% 8%, rgba(142, 197, 255, 0.4) 0%, transparent 38%),
    radial-gradient(circle at 50% 95%, rgba(201, 184, 255, 0.35) 0%, transparent 45%),
    linear-gradient(165deg, #fff5fb 0%, #f0f7ff 45%, #f8f0ff 100%);
  color: var(--kawaii-text);
  min-height: 100vh;
}

body.world-page::before {
  content: '✦ ✧ ★ ✦ ✧';
  position: fixed;
  top: 12%;
  right: 6%;
  font-size: 0.75rem;
  letter-spacing: 0.8em;
  color: rgba(255, 142, 199, 0.35);
  pointer-events: none;
  z-index: 0;
  animation: sparkleFloat 6s ease-in-out infinite;
}

@keyframes sparkleFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.35; }
  50% { transform: translateY(-8px) rotate(8deg); opacity: 0.6; }
}

.world-hq,
.world-main,
.world-inner {
  position: relative;
  z-index: 1;
}

.world-hq {
  background: transparent;
  padding-bottom: 4rem;
}

/* Header — frosted candy */
body.world-page .site-header {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
  border-bottom: 3px solid var(--kawaii-border);
  box-shadow: 0 4px 24px rgba(255, 142, 199, 0.12);
}

body.world-page .site-header .logo,
body.world-page .site-header__brand,
body.world-page .nav-desktop a {
  color: var(--kawaii-text);
}

body.world-page .nav-desktop a {
  border-radius: 999px;
  font-weight: 700;
}

body.world-page .nav-desktop a:hover {
  background: linear-gradient(135deg, #ffe0f0, #e8f0ff);
  color: var(--kawaii-pink-deep);
}

body.world-page .nav-toggle {
  background: linear-gradient(135deg, var(--kawaii-pink), var(--kawaii-lavender));
  color: #fff;
  border-radius: 14px;
}

body.world-page .nav-mobile {
  background: rgba(255, 248, 252, 0.98);
  border-top: 3px solid var(--kawaii-border);
}

body.world-page .nav-mobile a {
  color: var(--kawaii-text);
  background: #fff;
  border: 2px solid #f3e8ff;
  border-radius: 16px;
}

body.world-page .nav-mobile a:hover {
  border-color: var(--kawaii-pink);
  background: #fff5fb;
}

/* Buttons — bubbly Gen Z */
.world-page .btn-primary {
  background: linear-gradient(135deg, var(--kawaii-pink-deep) 0%, #ff8a80 50%, var(--kawaii-lavender) 100%);
  color: #fff !important;
  border: 3px solid #fff;
  box-shadow: 0 6px 0 #e8a0c0, 0 8px 24px rgba(255, 107, 157, 0.35);
  border-radius: 999px;
  font-weight: 800;
  transition: transform 0.15s, box-shadow 0.15s;
}

.world-page .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 9px 0 #e8a0c0, 0 12px 32px rgba(255, 107, 157, 0.4);
  color: #fff !important;
}

.world-page .btn-primary:active {
  transform: translateY(2px);
  box-shadow: 0 3px 0 #e8a0c0;
}

.world-page .btn-secondary {
  background: #fff;
  color: var(--kawaii-pink-deep) !important;
  border: 3px solid var(--kawaii-lavender);
  border-radius: 999px;
  font-weight: 700;
}

.world-page .btn-secondary:hover {
  background: #f8f0ff;
  border-color: var(--kawaii-pink);
  color: var(--kawaii-pink-deep) !important;
}

.world-page .btn-ghost {
  background: rgba(255, 255, 255, 0.7);
  color: var(--kawaii-text) !important;
  border: 3px dashed var(--kawaii-pink);
  border-radius: 999px;
  font-weight: 700;
}

.world-page .btn-ghost:hover {
  background: #fff;
  border-style: solid;
  border-color: var(--kawaii-pink-deep);
  color: var(--kawaii-pink-deep) !important;
}

/* Hero */
.home-hero {
  border-bottom: none;
  padding: 2.5rem 0 2rem;
}

.home-hero__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe0f0, #e8f4ff);
  border: 2px solid #fff;
  color: var(--kawaii-pink-deep) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em;
  box-shadow: var(--kawaii-shadow);
}

.home-hero__copy h1 {
  color: var(--kawaii-text) !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  line-height: 1.15 !important;
}

.kawaii-gradient-text {
  background: linear-gradient(135deg, var(--kawaii-pink-deep), var(--kawaii-lavender), var(--kawaii-sky));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-hero__desc {
  color: var(--kawaii-text-soft) !important;
  font-size: 1.08rem !important;
}

.home-hero__perks li {
  background: #fff;
  border: 3px solid var(--kawaii-border);
  border-radius: 18px;
  color: var(--kawaii-text-soft);
  box-shadow: 0 4px 16px rgba(255, 182, 220, 0.15);
  transform: rotate(-1deg);
}

.home-hero__perks li:nth-child(2) { transform: rotate(1deg); }
.home-hero__perks li:nth-child(3) { transform: rotate(-0.5deg); }

.home-hero__perks strong {
  color: var(--kawaii-pink-deep) !important;
}

.home-hero__nav-item {
  background: #fff;
  border: 3px solid #e8f0ff;
  border-radius: 20px;
  color: var(--kawaii-text);
  box-shadow: 0 6px 20px rgba(142, 197, 255, 0.15);
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.home-hero__nav-item:hover {
  border-color: var(--kawaii-pink);
  transform: translateY(-4px) scale(1.02);
  box-shadow: var(--kawaii-shadow-hover);
  color: var(--kawaii-text);
}

.home-hero__nav-item .name { color: var(--kawaii-text); }
.home-hero__nav-item .from { color: var(--kawaii-pink-deep) !important; }

/* Country room cards — sticker style */
.world-room {
  border: 4px solid #fff;
  border-radius: var(--radius-chunky);
  box-shadow: var(--kawaii-shadow);
  transform: none;
  animation: kawaiiBob 3.5s ease-in-out infinite;
}

@keyframes kawaiiBob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.world-room:hover {
  transform: translateY(-10px) scale(1.03) rotate(-1deg);
  box-shadow: var(--kawaii-shadow-hover);
  border-color: var(--kawaii-pink);
}

.room-header {
  background: rgba(255, 255, 255, 0.92);
  color: var(--kawaii-text);
  border-bottom: 2px dashed var(--kawaii-border);
  text-transform: none;
  letter-spacing: 0;
}

.room-footer {
  background: #fff;
  color: var(--kawaii-text);
}

.room-footer h3 { color: var(--kawaii-text); }
.room-footer p { color: var(--kawaii-text-soft); }
.room-price { color: var(--kawaii-pink-deep) !important; }

.room-maldives { --room-bg: linear-gradient(160deg, #a8e6ff, #7dd3fc, #b8f5e8); }
.room-japan { --room-bg: linear-gradient(160deg, #ffc2d8, #ffb3d9, #ffe0f0); }
.room-korea { --room-bg: linear-gradient(160deg, #ddd6fe, #c4b5fd, #f0abfc); }
.room-vietnam { --room-bg: linear-gradient(160deg, #a7f3d0, #6ee7b7, #bbf7d0); }
.room-singapore { --room-bg: linear-gradient(160deg, #fde68a, #fcd34d, #fecdd3); }
.room-hongkong { --room-bg: linear-gradient(160deg, #c4b5fd, #a78bfa, #f9a8d4); }
.room-switzerland { --room-bg: linear-gradient(160deg, #bae6fd, #7dd3fc, #e0e7ff); }
.room-italy { --room-bg: linear-gradient(160deg, #fed7aa, #fdba74, #fecaca); }
.room-france { --room-bg: linear-gradient(160deg, #ccfbf1, #99f6e4, #fef3c7); }
.room-uk { --room-bg: linear-gradient(160deg, #bfdbfe, #93c5fd, #e9d5ff); }
.room-taiwan { --room-bg: linear-gradient(160deg, #99f6e4, #5eead4, #fbcfe8); }
.room-europe { --room-bg: linear-gradient(160deg, #e9d5ff, #d8b4fe, #fbcfe8); }
.room-china { --room-bg: linear-gradient(160deg, #fecaca, #fca5a5, #fde68a); }

.world-room.lobby {
  border-color: var(--kawaii-pink);
  --room-bg: linear-gradient(160deg, #ffe0f0, #e8f4ff, #f0e8ff);
}

/* Strips & sections */
.world-tours-strip h2,
.world-strip-head h2,
.world-about-inner h2 {
  color: var(--kawaii-text) !important;
  font-weight: 800;
}

.world-tours-strip h2::before,
.world-strip-head h2::before {
  content: '♡ ';
  color: var(--kawaii-pink);
}

.tour-mini-card {
  background: #fff;
  border: 3px solid var(--kawaii-border);
  border-radius: var(--radius-chunky);
  color: var(--kawaii-text);
  box-shadow: var(--kawaii-shadow);
}

.tour-mini-card:hover {
  border-color: var(--kawaii-pink);
  background: #fffafc;
  transform: translateY(-5px) rotate(0.5deg);
}

.tour-mini-card h4 { color: var(--kawaii-text) !important; }
.tour-mini-card .meta { color: var(--kawaii-text-soft) !important; }
.tour-mini-card .price { color: var(--kawaii-pink-deep) !important; }
.tour-mini-card__badge {
  background: linear-gradient(135deg, var(--kawaii-pink-deep), var(--kawaii-lavender));
  color: #fff;
  border: none;
}

.blog-home-card,
.world-page .blog-card {
  background: #fff !important;
  border: 3px solid #e8f0ff !important;
  border-radius: var(--radius-chunky) !important;
  color: var(--kawaii-text) !important;
  box-shadow: var(--kawaii-shadow);
}

.blog-home-card:hover,
.world-page .blog-card:hover {
  border-color: var(--kawaii-pink) !important;
  transform: translateY(-4px);
}

.blog-home-card h3,
.world-page .blog-card h3 { color: var(--kawaii-text) !important; }
.blog-home-card p { color: var(--kawaii-text-soft) !important; }
.blog-home-meta,
.world-page .blog-read-more { color: var(--kawaii-pink-deep) !important; }
.world-strip-link { color: var(--kawaii-pink-deep) !important; }

.review-snippet { color: var(--kawaii-text-soft) !important; }

/* Page hero subpages */
.world-page .page-hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255, 182, 220, 0.35), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, transparent 100%);
  border-bottom: 3px dashed var(--kawaii-border);
  padding: 2.5rem 0 2rem;
}

.world-page .page-hero-eyebrow {
  background: linear-gradient(135deg, #ffe0f0, #e8f4ff);
  border: 2px solid #fff;
  color: var(--kawaii-pink-deep);
  box-shadow: 0 4px 16px rgba(255, 142, 199, 0.2);
}

.world-page .page-hero h1 { color: var(--kawaii-text) !important; }
.world-page .page-hero-sub,
.world-page .page-hero p { color: var(--kawaii-text-soft) !important; }

.world-page .section-header h2 { color: var(--kawaii-text) !important; }
.world-page .section-header p { color: var(--kawaii-text-soft) !important; }
.world-page .section-alt { background: rgba(255, 255, 255, 0.45); }

/* Tour cards */
.tour-card--game {
  background: #fff !important;
  border: 4px solid #fff !important;
  border-radius: var(--radius-chunky) !important;
  box-shadow: var(--kawaii-shadow) !important;
}

.tour-card--game:hover {
  border-color: var(--kawaii-pink) !important;
  box-shadow: var(--kawaii-shadow-hover) !important;
  transform: translateY(-8px) rotate(-0.5deg);
}

.tour-card-fun-badge {
  background: linear-gradient(135deg, var(--kawaii-yellow), #ffd93d) !important;
  color: var(--kawaii-text) !important;
  border: 2px solid #fff;
  box-shadow: 0 3px 12px rgba(255, 217, 61, 0.4);
}

.tour-card--game .tour-price-tag {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--kawaii-pink-deep) !important;
  border: 3px solid var(--kawaii-pink) !important;
  border-radius: 16px !important;
}

.tour-card--game .tour-card-body {
  background: #fff !important;
  color: var(--kawaii-text) !important;
}

.tour-card--game h3 a { color: var(--kawaii-text) !important; }
.tour-card--game h3 a:hover { color: var(--kawaii-pink-deep) !important; }
.tour-card--game .tour-tag {
  background: #f8f0ff !important;
  color: var(--kawaii-text-soft) !important;
  border: 1px solid #e9d5ff;
}
.tour-card--game .tour-highlights { color: var(--kawaii-text-soft) !important; }
.tour-card--game .tour-departure { color: #0d9488 !important; }

/* Info boxes & forms */
.world-page .info-box {
  background: #fff !important;
  border: 3px solid var(--kawaii-border) !important;
  border-radius: var(--radius-chunky) !important;
  color: var(--kawaii-text) !important;
  box-shadow: var(--kawaii-shadow) !important;
}

.world-page .info-box h3 {
  color: var(--kawaii-text) !important;
  border-bottom-color: var(--kawaii-pink) !important;
}

.world-page .form-control {
  background: #fffafc !important;
  border: 3px solid #e8f0ff !important;
  color: var(--kawaii-text) !important;
  border-radius: 16px !important;
}

.world-page .form-control:focus {
  border-color: var(--kawaii-pink) !important;
  box-shadow: 0 0 0 4px rgba(255, 142, 199, 0.2) !important;
}

.world-page .filter-bar select {
  background: #fff !important;
  border: 3px solid #e8f0ff !important;
  color: var(--kawaii-text) !important;
  border-radius: 14px !important;
}

.world-page .price-box {
  background: #fff !important;
  border: 4px solid var(--kawaii-pink) !important;
  border-radius: var(--radius-chunky) !important;
  color: var(--kawaii-text) !important;
  box-shadow: var(--kawaii-shadow);
}

.world-page .price-box .price { color: var(--kawaii-pink-deep) !important; }

.world-page .faq-item,
.world-page .review-card,
.world-page .why-card,
.world-page .type-card,
.world-page .dest-card {
  background: #fff !important;
  border: 3px solid #e8f0ff !important;
  color: var(--kawaii-text) !important;
  border-radius: var(--radius-chunky) !important;
}

.world-page .faq-question { color: var(--kawaii-text) !important; }

/* About section */
.world-about {
  background: linear-gradient(180deg, transparent, rgba(255, 230, 245, 0.5));
  border-top: 3px dashed var(--kawaii-border);
}

.world-about-card {
  background: #fff !important;
  border: 3px solid #e8f0ff !important;
  border-radius: var(--radius-chunky) !important;
  box-shadow: var(--kawaii-shadow);
}

.world-about-card h3 { color: var(--kawaii-pink-deep) !important; }
.world-about-card p,
.world-about-card li { color: var(--kawaii-text-soft) !important; }
.world-about-lead { color: var(--kawaii-text-soft) !important; }
.world-about-lead strong { color: var(--kawaii-pink-deep) !important; }

.world-about-country {
  background: #fff !important;
  border: 3px solid var(--kawaii-border) !important;
  border-radius: 18px !important;
  color: var(--kawaii-text) !important;
}

.world-about-country:hover {
  border-color: var(--kawaii-pink) !important;
  transform: translateY(-3px) rotate(1deg);
}

.world-about-country .from { color: var(--kawaii-pink-deep) !important; }
.world-about-footer { color: var(--kawaii-text-soft) !important; }
.world-about-footer a { color: var(--kawaii-pink-deep) !important; }

/* Blog article — light kawaii */
.article-content {
  color: var(--kawaii-text) !important;
}

.article-content .article-lead { color: var(--kawaii-text-soft) !important; }
.article-content h2 { color: var(--kawaii-text) !important; border-bottom-color: var(--kawaii-pink) !important; }
.article-content strong { color: var(--kawaii-pink-deep) !important; }
.article-content a { color: var(--kawaii-pink-deep) !important; }
.article-body .info-box { background: #fff !important; }

/* Booking */
.booking-sidebar__card,
.booking-panel {
  background: #fff !important;
  border: 3px solid var(--kawaii-border) !important;
  border-radius: var(--radius-chunky) !important;
  box-shadow: var(--kawaii-shadow);
}

.booking-sidebar__card h3,
.booking-panel h2 { color: var(--kawaii-text) !important; }
.booking-hero p { color: var(--kawaii-text-soft) !important; }
.booking-tab { color: var(--kawaii-text-soft) !important; }
.booking-tab.is-active {
  color: var(--kawaii-pink-deep) !important;
  background: #fff5fb !important;
  border-bottom-color: var(--kawaii-pink) !important;
}
.booking-form .form-group label { color: var(--kawaii-text-soft) !important; }
.chat-room.chat-room--active { background: #fff8fc !important; }
.chat-msg--out .chat-msg-body { background: #f3e8ff !important; color: var(--kawaii-text) !important; }
.chat-msg--in .chat-msg-body { background: linear-gradient(135deg, var(--kawaii-pink-deep), var(--kawaii-lavender)) !important; }
.chat-room-header strong { color: var(--kawaii-text) !important; }
.chat-hash-code { color: var(--kawaii-pink-deep) !important; background: #ffe0f0 !important; }

/* Footer */
body.world-page .site-footer {
  background: linear-gradient(180deg, #f8f0ff, #ffe8f4);
  border-top: 3px solid var(--kawaii-border);
  color: var(--kawaii-text-soft);
}

body.world-page .site-footer h4 { color: var(--kawaii-text); }
body.world-page .site-footer a { color: var(--kawaii-text-soft); }
body.world-page .site-footer a:hover { color: var(--kawaii-pink-deep); }

/* NPC — keep cute, soften bubble */
.npc-bubble {
  border: 4px solid #fff !important;
  box-shadow: var(--kawaii-shadow-hover) !important;
  border-radius: 24px 24px 8px 24px !important;
}

.npc-bubble__head h4 { color: var(--kawaii-pink-deep) !important; }

/* Tour detail gallery */
.world-page .tour-gallery-main,
.world-page .tour-detail-hero-img {
  border: 4px solid #fff !important;
  box-shadow: var(--kawaii-shadow) !important;
  border-radius: var(--radius-chunky) !important;
}

.world-page .tour-gallery-thumb.is-active { border-color: var(--kawaii-pink) !important; }

.tour-detail-hero-img .detail-bg { opacity: 1 !important; }

.world-page .itinerary-day h4 { color: var(--kawaii-text) !important; }
.world-page .inclusion-item { background: #f8f0ff !important; color: var(--kawaii-text) !important; }

.world-page .text-muted,
.world-page [style*="--text-muted"] { color: var(--kawaii-text-soft) !important; }
.world-page .empty-hint { color: var(--kawaii-text-soft) !important; }

/* Sticky bar */
.sticky-book-bar {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 3px solid var(--kawaii-border) !important;
  backdrop-filter: blur(12px);
}

.sticky-book-bar .price { color: var(--kawaii-pink-deep) !important; }

/* เลือกประเทศ */
.world-countries-section { margin-bottom: 0.5rem; }
.world-countries-head {
  text-align: center;
  padding: 1.25rem 1rem 0.75rem;
}
.world-countries-head h2 {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--kawaii-text);
  margin-bottom: 0.35rem;
}
.world-countries-head p {
  color: var(--kawaii-text-soft);
  font-size: 0.92rem;
  margin: 0 0 0.75rem;
}

.country-picker {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, #fff8fc, #f3f8ff);
  border: 3px dashed var(--kawaii-pink);
  border-radius: var(--radius-chunky);
  box-shadow: var(--kawaii-shadow);
}
.country-picker__title {
  font-size: 1.1rem;
  font-weight: 800;
  margin: 0 0 1rem;
  color: var(--kawaii-text);
}
.country-picker__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.country-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.9rem;
  background: #fff;
  border: 2px solid #ffe0f0;
  border-radius: 999px;
  color: var(--kawaii-text);
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.country-chip:hover,
.country-chip.is-active {
  border-color: var(--kawaii-pink);
  box-shadow: 0 4px 14px rgba(255, 142, 199, 0.25);
  transform: translateY(-1px);
}
.country-chip.is-active { background: #fff5fb; }
.country-chip__flag { font-size: 1.1rem; line-height: 1; }
.country-chip__count {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--kawaii-text-soft);
}
.tours-filter-active {
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  color: var(--kawaii-text-soft);
}
.tour-tag--rating { color: #d97706; }
.tour-reviews-box h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.tour-reviews-summary {
  font-size: 0.85rem;
  font-weight: 700;
  color: #d97706;
}
.tour-reviews-list {
  display: grid;
  gap: 0.85rem;
}
.tour-review-card {
  margin: 0;
  padding: 1rem;
  background: #fff;
  border: 2px solid #ffe8f4;
  border-radius: 16px;
}
.price-box-reviews {
  margin: 0.5rem 0 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: #d97706;
}

/* Human captcha — กดค้างยืนยัน */
.human-captcha {
  margin-bottom: 1.25rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(135deg, #fff5fb, #f0f7ff);
  border: 3px dashed var(--kawaii-pink);
  border-radius: var(--radius-chunky);
  box-shadow: var(--kawaii-shadow);
}

.human-captcha__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.human-captcha__icon { font-size: 1.6rem; line-height: 1; }

.human-captcha__title {
  display: block;
  color: var(--kawaii-text);
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}

.human-captcha__desc {
  margin: 0;
  font-size: 0.82rem;
  color: var(--kawaii-text-soft);
  line-height: 1.45;
}

.human-captcha__hold {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.85rem 1rem;
  border: 3px solid #fff;
  border-radius: 16px;
  background: #fff;
  color: var(--kawaii-text);
  font-weight: 800;
  font-size: 0.95rem;
  font-family: inherit;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(255, 142, 199, 0.2);
  transition: transform 0.1s;
}

.human-captcha__hold:active,
.human-captcha.is-holding .human-captcha__hold {
  transform: scale(0.98);
  border-color: var(--kawaii-pink);
}

.human-captcha__hold-bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(90deg, #ffe0f0, #e8f4ff);
  transition: width 0.05s linear;
  z-index: 0;
}

.human-captcha__hold-text {
  position: relative;
  z-index: 1;
}

.human-captcha.is-passed .human-captcha__hold {
  background: #ecfdf5;
  border-color: #6ee7b7;
  cursor: default;
}

.human-captcha__done {
  margin: 0.65rem 0 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: #059669;
  text-align: center;
}

.human-captcha__gate-hint {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: var(--kawaii-text-soft);
  text-align: center;
}

.human-captcha__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* ═══════════════════════════════════════════
   Anime Travel Pass — soft icons & manga layout
   ═══════════════════════════════════════════ */

body.world-page {
  font-family: 'M PLUS Rounded 1c', 'Sarabun', sans-serif;
}

body.world-page h1,
body.world-page h2,
body.world-page h3,
body.world-page .btn {
  font-family: 'M PLUS Rounded 1c', 'Sarabun', sans-serif;
}

/* Organic icon bubbles — ไม่เหลี่ยม */
.anime-icon-bubble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 58% 42% 55% 45% / 48% 52% 48% 52%;
  background: linear-gradient(145deg, #ffffff 0%, #ffe8f4 55%, #e8f4ff 100%);
  border: 3px solid #fff;
  box-shadow:
    0 0 0 2px rgba(255, 142, 199, 0.22),
    0 8px 18px rgba(255, 142, 199, 0.18);
  font-size: 1.35rem;
  line-height: 1;
  animation: animeIconBob 3.5s ease-in-out infinite;
}

.anime-icon-bubble--xs {
  width: 1.85rem;
  height: 1.85rem;
  font-size: 0.95rem;
  border-width: 2px;
  box-shadow: 0 0 0 2px rgba(255, 142, 199, 0.15), 0 4px 10px rgba(255, 142, 199, 0.12);
}

.anime-icon-bubble--sm {
  width: 2.35rem;
  height: 2.35rem;
  font-size: 1.15rem;
}

.anime-icon-bubble--md {
  width: 3.25rem;
  height: 3.35rem;
  font-size: 1.6rem;
}

.anime-icon-bubble--lg {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2.35rem;
  border-radius: 52% 48% 58% 42% / 55% 45% 52% 48%;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.9),
    0 0 0 7px rgba(255, 142, 199, 0.28),
    0 14px 28px rgba(142, 197, 255, 0.28);
}

@keyframes animeIconBob {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
}

.anime-float-icon {
  filter: drop-shadow(0 3px 6px rgba(255, 255, 255, 0.5));
  font-size: 1.35rem !important;
}

.anime-speech-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 1rem 0.45rem 0.55rem !important;
  border-radius: 999px 999px 999px 8px !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

.anime-panel {
  position: relative;
  padding: 1.5rem;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.72);
  border: 3px solid #fff;
  box-shadow: var(--kawaii-shadow);
  backdrop-filter: blur(8px);
}

.anime-panel::after {
  content: '';
  position: absolute;
  inset: 10px;
  border: 2px dashed rgba(255, 142, 199, 0.25);
  border-radius: 22px;
  pointer-events: none;
}

.anime-panel-soft {
  background: linear-gradient(135deg, rgba(255, 248, 252, 0.95), rgba(240, 247, 255, 0.95)) !important;
}

/* Hero — manga travel poster */
.home-hero--anime {
  position: relative;
  overflow: hidden;
  padding: 2.5rem 0 2rem !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 182, 220, 0.35), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(142, 197, 255, 0.35), transparent 40%),
    linear-gradient(165deg, #fff5fb 0%, #eef6ff 50%, #f8f0ff 100%) !important;
  border-bottom: none !important;
}

.home-hero--anime::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -12deg,
    transparent,
    transparent 18px,
    rgba(255, 142, 199, 0.04) 18px,
    rgba(255, 142, 199, 0.04) 20px
  );
  pointer-events: none;
}

.home-hero__sparkles {
  position: absolute;
  top: 1.25rem;
  right: 8%;
  font-size: 0.85rem;
  letter-spacing: 0.6em;
  color: rgba(255, 107, 157, 0.45);
  animation: sparkleFloat 5s ease-in-out infinite;
  pointer-events: none;
}

.home-hero__nav-item.anime-sticker-link {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.65rem !important;
  text-align: left !important;
  padding: 0.75rem 0.85rem !important;
  border-radius: 20px 20px 20px 6px !important;
}

.home-hero__nav-item .anime-icon-bubble {
  margin: 0;
}

.home-hero__nav-item .name,
.home-hero__nav-item .from {
  display: block;
}

/* Section titles */
.anime-section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.anime-section-title h2 {
  position: relative;
  display: inline-block;
  padding: 0 0.5rem;
}

.anime-section-title h2::before,
.anime-section-title h2::after {
  content: '〜';
  color: var(--kawaii-pink);
  font-weight: 800;
}

.anime-section-title--inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Travel country cards — anime sticker */
.anime-travel-card {
  border-radius: 26px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  animation: animeCardFloat 4s ease-in-out infinite !important;
  background: #fff !important;
}

.anime-travel-card:nth-child(2n) { animation-delay: -0.8s !important; }
.anime-travel-card:nth-child(3n) { animation-delay: -1.6s !important; }

@keyframes animeCardFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-7px) rotate(0.5deg); }
}

.anime-travel-card:hover {
  transform: translateY(-12px) rotate(-1.5deg) scale(1.02) !important;
}

.anime-travel-card .room-header {
  display: none !important;
}

.anime-travel-card__scene {
  position: relative;
  height: 170px !important;
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.anime-travel-card__sky {
  position: absolute;
  inset: 0;
  background: var(--room-bg);
  opacity: 0.95;
}

.anime-travel-card__sky::after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -10%;
  right: -10%;
  height: 55%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.55), transparent 70%);
  border-radius: 50%;
}

.room-icon-wrap {
  position: relative;
  z-index: 3;
}

.anime-travel-card .room-icon {
  margin: 0 !important;
  filter: none !important;
  animation: none !important;
  font-size: inherit !important;
}

.anime-badge {
  position: absolute !important;
  top: 0.65rem !important;
  right: 0.65rem !important;
  z-index: 4 !important;
  padding: 0.3rem 0.7rem !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 2px solid #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.anime-badge.hot {
  background: linear-gradient(135deg, #ff6b9d, #ff8a80) !important;
  color: #fff !important;
}

.anime-badge.new {
  background: linear-gradient(135deg, #ffe566, #ffd93d) !important;
  color: #5b4a7a !important;
}

.anime-badge.ready {
  background: linear-gradient(135deg, #5eead4, #6ee7b7) !important;
  color: #134e4a !important;
}

.anime-travel-card__body {
  padding: 1rem 1rem 1.1rem !important;
  border-radius: 0 0 22px 22px !important;
  background: #fff !important;
}

.anime-travel-card__body h3 {
  font-size: 1.05rem !important;
  margin-bottom: 0.35rem !important;
}

.anime-travel-card__body p {
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
}

.anime-travel-card .room-floor {
  display: none;
}

/* Sticker links */
.anime-sticker-link {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.anime-sticker-link:hover .anime-icon-bubble {
  animation-duration: 1.2s;
}

.world-about-country.anime-sticker-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.85rem 0.65rem !important;
  border-radius: 22px 22px 22px 8px !important;
}

/* Header logo ring */
.anime-logo-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe8f4, #e8f4ff);
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px rgba(255, 142, 199, 0.35), 0 6px 16px rgba(255, 142, 199, 0.2);
}

.site-header__logo-img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
}

.site-header__brand-text {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--kawaii-text);
  margin-left: 0.5rem;
  display: none;
}

.site-header__brand-text .brand-accent {
  background: linear-gradient(135deg, var(--kawaii-pink-deep), var(--kawaii-sky));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {
  .site-header__brand-text { display: inline; }
  .anime-logo-ring { width: 48px; height: 48px; }
  .site-header__logo-img { width: 34px !important; height: 34px !important; }
}

/* Tour card pill badge */
.anime-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.35rem 0.75rem 0.35rem 0.35rem !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  white-space: nowrap;
}

.tour-card-fun-badge.anime-pill-badge {
  top: 0.75rem !important;
  left: 0.75rem !important;
  right: auto !important;
}

/* Country chips — sticker pills */
.country-chip.anime-sticker-link {
  padding: 0.5rem 1rem 0.5rem 0.5rem !important;
  border-radius: 999px !important;
  border-width: 3px !important;
  box-shadow: 0 4px 14px rgba(255, 142, 199, 0.12);
}

.country-chip .anime-icon-bubble--xs {
  margin: 0;
}

.country-chip__flag {
  font-size: inherit !important;
  line-height: 1 !important;
}

/* Strip headings — anime style */
.world-tours-strip h2,
.world-strip-head h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.world-tours-strip h2::before {
  content: '✨' !important;
  color: var(--kawaii-pink) !important;
}

.world-tours-strip h2::after {
  content: '✨';
  color: var(--kawaii-sky);
}

/* Tags & badges rounder */
.tour-tag,
.tour-badge,
.tour-mini-card__badge {
  border-radius: 999px !important;
}

.tour-card--game .tour-price-tag {
  border-radius: 20px 20px 20px 6px !important;
}

/* Nav toggle cuter */
body.world-page .nav-toggle {
  border-radius: 50% !important;
  font-size: 1.25rem !important;
  box-shadow: 0 4px 14px rgba(255, 142, 199, 0.3);
}

/* Booking tabs */
.booking-tab {
  border-radius: 16px 16px 0 0 !important;
  font-weight: 800 !important;
}

/* Page hero emoji area */
.world-page .page-hero-eyebrow {
  border-radius: 999px 999px 999px 6px !important;
}

@media (max-width: 599px) {
  .home-hero__nav-item.anime-sticker-link {
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 20px !important;
  }

  .anime-panel {
    padding: 1.1rem;
  }

  .anime-icon-bubble--lg {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 2rem;
  }
}

/* Custom OutsideThailand SVG icons */
.ot-icon {
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.anime-icon-bubble .ot-icon--fill {
  width: 58%;
  height: 58%;
  margin: auto;
}

.ot-icon--inline {
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  vertical-align: -0.25em;
  margin-right: 0.15rem;
}

.ot-icon--tag {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.2em;
  margin-right: 0.2rem;
}

.ot-icon--btn {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.22em;
  margin-right: 0.35rem;
}

.ot-icon--tab {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: -0.2em;
  margin-right: 0.3rem;
}

.ot-icon--heading {
  display: inline-block;
  width: 1.65rem;
  height: 1.65rem;
  vertical-align: -0.35em;
  margin-right: 0.35rem;
}

.ot-icon--why {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto 0.65rem;
}

.ot-icon--deco {
  width: 1.75rem;
  height: 1.75rem;
}

.ot-icon--success {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}

.btn-with-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.tour-tag--icon,
.about-list-item {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}

.about-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.anime-heading-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.anime-heading-icon::before,
.anime-heading-icon::after,
.world-tours-strip .anime-heading-icon::before,
.world-tours-strip .anime-heading-icon::after,
.world-strip-head .anime-heading-icon::before {
  content: none !important;
}

.why-card .icon {
  font-size: inherit !important;
  line-height: 1;
}

.human-captcha__icon.anime-icon-bubble {
  flex-shrink: 0;
}

.page-hero-emoji .anime-icon-bubble {
  margin: 0 auto 1rem;
}

.tours-filter-active__icon {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.2em;
  margin-right: 0.15rem;
}

.booking-success-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.booking-tab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.ot-icon--fab {
  width: 1.65rem;
  height: 1.65rem;
  margin: auto;
}

.chat-fab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}