/* =====================================================================
   DigitalYug – Home page sections (Nov 2026 redesign)
   Loaded only on the home page (Views/Home/Index.cshtml, @section head).
   All classes are prefixed  dh-  (home) or  sy-  (SEOYug promos) so they
   never clash with bootstrap / site.min.css.
   Rule: story banners are NEVER cropped (object-fit: contain in 16:9)
   and nothing is placed on top of a banner.
   ===================================================================== */

.dh-wrap { max-width: 1240px; margin: 0 auto; padding: 0 20px; position: relative; }
.dh-hd { font-family: "Josefin Sans", Poppins, sans-serif; }
.dh-clamp2, .dh-clamp3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.dh-clamp2 { -webkit-line-clamp: 2; }
.dh-clamp3 { -webkit-line-clamp: 3; }
.dh a { color: #141414; text-decoration: none; }
.dh a:hover { color: #c22a1b; }
.dh h2, .dh h3, .dh h4 { margin: 0; }

/* banner image: full banner always visible */
.dh-fit { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #f1f1f3; border-radius: 12px; }
.dh-fit.r16 { border-radius: 16px; }
.dh-fit.dark { background: #000; }

/* section head */
.dh-sec { padding: 64px 0; position: relative; }
.dh-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.dh-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #c8301f; }
.dh-eyebrow .dy-ico { width: 16px; height: 16px; }
.dh-sub { margin: 10px 0 0; font-size: 15px; color: #5f6368; max-width: 560px; }
.dh-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.dh .dh-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid #e3e3e3; background: #fff; font-size: 14px; font-weight: 500; color: #141414; white-space: nowrap; }
.dh .dh-chip:hover { border-color: #f23f2e; color: #c22a1b; }
.dh .dh-chip.on { background: #141414; border-color: #141414; color: #fff; }
.dh-tag, .dh-tag a { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #c8301f !important; }
.dh-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 10px; font-size: 13px; color: #5f6368; }
.dh-meta > span, .dh-meta > a { display: inline-flex; align-items: center; gap: 5px; }
.dh-meta .dy-ico { width: 14px; height: 14px; }
.dh .dh-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 999px; background: #141414; color: #fff; font-weight: 500; font-size: 14px; }
.dh .dh-btn:hover { background: #f23f2e; color: #fff; }
.dh-center { text-align: center; margin-top: 36px; }

/* grids */
.dh-top { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; }
.dh-g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.dh-g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.dh-g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.dh-split { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; }
.dh-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 72px) / 4); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-bottom: 8px; }
.dh-rail > * { scroll-snap-align: start; }

/* cards */
.dh-card { background: #fff; border-radius: 16px; padding: 10px 10px 16px; box-shadow: 0 1px 3px rgba(0,0,0,.07); }
.dh-card .dh-cb { padding: 12px 6px 0; }
.dh-card h3, .dh-card h4 { font-size: 18px; line-height: 1.3; margin: 6px 0 0; }
.dh-row { display: grid; grid-template-columns: 42% minmax(0, 1fr); gap: 16px; align-items: center; background: #fff; border-radius: 16px; padding: 12px; }
.dh-row h4 { font-size: 17px; line-height: 1.3; margin-top: 6px; }
.dh-mini { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: start; }
.dh-mini h4 { font-size: 16px; line-height: 1.3; margin-top: 4px; }
.dh-lead h3 { font-size: 34px; line-height: 1.15; margin-top: 12px; }
.dh-lead p { font-size: 16px; line-height: 1.65; color: #4a4d52; margin: 10px 0 0; }
.dh-date { font-size: 12px; font-weight: 600; color: #1b6b3a; background: #e7f5ec; padding: 4px 10px; border-radius: 999px; }

/* trending */
.dh-tr { list-style: none; margin: 8px 0 0; padding: 0; }
.dh-tr li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #ececec; }
.dh-tr li:last-child { border-bottom: 0; }
.dh-tr .n { font: 700 32px/1 "Josefin Sans", sans-serif; color: #f23f2e; min-width: 40px; }
.dh-tr a { font: 600 17px/1.3 "Josefin Sans", Poppins, sans-serif; }
.dh-wa { display: flex; align-items: center; gap: 14px; margin-top: 10px; padding: 18px; border-radius: 16px; background: #e9f8ef; }
.dh .dh-wa, .dh .dh-wa:hover { color: #0d4d2a; }
.dh-wa-ic { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #1f8f4e; color: #fff; flex: 0 0 auto; }

/* rail arrows */
.dh-arr { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #dcdcdc; background: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.dh-arr.dark { background: #141414; border-color: #141414; color: #fff; }

/* startup */
.dh-sow { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px 4px; font-size: 12px; font-weight: 700; color: #fff; background: #141414; padding: 6px 12px; border-radius: 999px; }
.dh-feature { background: #fff; border-radius: 20px; padding: 16px; box-shadow: 0 10px 30px rgba(242,63,46,.08); }
.dh-submit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; padding: 22px 28px; border-radius: 18px; background: #141414; color: #fff; }
.dh .dh-submit a { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 24px; border-radius: 999px; background: #f23f2e; color: #fff; font-weight: 600; }

/* video */
.dh-watch { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 10px 14px; border-radius: 14px; background: #1b1b21; }
.dh .dh-watch, .dh .dh-watch:hover { color: #fff; }
.dh-watch-btn { width: 44px; height: 44px; border-radius: 50%; background: #f23f2e; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dh-vlist { display: flex; flex-direction: column; gap: 14px; }
.dh-vitem { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 14px; align-items: center; }
.dh .dh-vitem, .dh .dh-vitem:hover { color: #fff; }
.dh-vitem strong { font-size: 15px; line-height: 1.35; }
.dh-yt { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #ff0033; font-weight: 600; }
.dh .dh-yt, .dh .dh-yt:hover { color: #fff; }

/* business */
.dh-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0 0 36px; padding: 0; }
.dh .dh-step { display: block; height: 100%; padding: 18px; border-radius: 16px; border: 1px solid #dbe5f5; background: #fff; }
.dh-step span { font: 700 13px "Josefin Sans", sans-serif; color: #1f5fa8; }
.dh-step strong { display: block; font-size: 17px; margin-top: 6px; }
.dh-step small { display: block; margin-top: 6px; color: #5f6368; font-size: 13px; }
.dh-calc { display: flex; align-items: center; gap: 16px; margin-top: 24px; padding: 20px 22px; border-radius: 18px; background: #fff; border: 1px solid #dbe5f5; }
.dh-calc-ic { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: #1f5fa8; color: #fff; flex: 0 0 auto; }
.dh-best { background: #fff; border-radius: 20px; padding: 24px; border: 1px solid #dbe5f5; }
.dh-bo { list-style: none; margin: 0; padding: 0; }
.dh-bo li { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid #e4e4e7; }
.dh-bo li:last-child { border-bottom: 0; }
.dh-bo .n { font: 700 22px "Josefin Sans", sans-serif; color: #1f5fa8; min-width: 26px; }
.dh-bo a { font-weight: 600; font-size: 15px; line-height: 1.4; }

/* lifestyle */
.dh-life { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; }
.dh-lrow { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 18px; align-items: center; }
.dh-lrow h4 { font-size: 19px; line-height: 1.3; margin-top: 6px; }

/* health */
.dh-fact { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #1b6b3a; background: #e7f5ec; padding: 10px 16px; border-radius: 999px; font-weight: 500; }
.dh-hl { list-style: none; margin: 16px 0 0; padding: 0; }
.dh-hl li { padding: 13px 0; border-top: 1px solid #d6eadc; }
.dh-hl a { display: block; margin-top: 5px; font-weight: 600; font-size: 15px; line-height: 1.45; }

/* travel */
.dh .dh-dest { display: block; padding: 18px; border-radius: 14px; background: #163b49; color: #fff; }
.dh-dest .dy-ico { color: #7fd3e6; }
.dh-dest strong { display: block; font: 700 22px "Josefin Sans", sans-serif; margin-top: 8px; }
.dh-dest small { color: #a9c8d2; }
.dh-tlist { list-style: none; margin: 16px 0 0; padding: 0; }
.dh-tlist li { padding: 12px 0; border-top: 1px solid #24505f; }
.dh .dh-tlist a { color: #fff; font-weight: 600; line-height: 1.45; }

/* ---------- section themes ---------- */
.dh-th { position: relative; overflow: hidden; padding: 76px 0; }
.dh-th > .dh-wrap { z-index: 1; }
.dh-decor { position: absolute; z-index: 0; pointer-events: none; height: auto; }
.dh-th-latest { background: #f7f7f8 repeating-linear-gradient(0deg, transparent 0 31px, #efeff1 31px 32px); }
.dh-th-startup { background: #fff4f2 radial-gradient(#f7d0c8 1.4px, transparent 1.6px) 0 0 / 24px 24px; }
.dh-th-video { background: #0f0f12 radial-gradient(900px 420px at 70% 0%, rgba(242,63,46,.18), transparent 70%); color: #fff; padding: 96px 0; }
.dh-th-video::before, .dh-th-video::after { content: ""; position: absolute; left: 0; right: 0; height: 24px; background: #1b1b21 repeating-linear-gradient(90deg, transparent 0 16px, #0f0f12 16px 30px) center / 100% 10px no-repeat; }
.dh-th-video::before { top: 0; }
.dh-th-video::after { bottom: 0; }
.dh-th-video .dh-sub, .dh-th-video .dh-meta { color: #b9b9c3; }
.dh-th-biz { background: #f4f8ff linear-gradient(#e3ecfb 1px, transparent 1px) 0 0 / 100% 32px; }
.dh-th-biz .dh-tag, .dh-th-biz .dh-tag a, .dh-th-biz .dh-eyebrow { color: #1f5fa8 !important; }
.dh-th-life { background: #fdf3f6 radial-gradient(#f6d3df 2px, transparent 2.4px) 0 0 / 30px 30px; }
.dh-th-life .dh-tag, .dh-th-life .dh-tag a, .dh-th-life .dh-eyebrow { color: #c2185b !important; }
.dh-th-health { background: #effaf3; padding-top: 110px; }
.dh-th-health .dh-tag, .dh-th-health .dh-tag a, .dh-th-health .dh-eyebrow, .dh-th-health .dh-ct-accent { color: #1b7a45 !important; }
.dh-th-travel { background: #0e2a35; color: #fff; }
.dh-th-travel .dh-sub { color: #a9c8d2; }
.dh-th-travel .dh-eyebrow { color: #7fd3e6; }
.dh-th-tech { background: #f6f5ff radial-gradient(#dcd6fb 1.3px, transparent 1.5px) 0 0 / 22px 22px; }
.dh-th-tech .dh-tag, .dh-th-tech .dh-tag a, .dh-th-tech .dh-eyebrow { color: #5b3fd0 !important; }
.dh-th-tech .dh-chip.on { background: #5b3fd0 !important; border-color: #5b3fd0 !important; }

/* ---------- creative section titles ---------- */
.dh-ct { margin: 0; font: 800 48px/1.05 Poppins, sans-serif; letter-spacing: -.025em; color: #141414; }
.dh-ct.light { color: #fff; }
.dh-ct .ctv { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 .25em; }
.dh-ct .ctl { display: inline-flex; align-items: baseline; white-space: nowrap; }
.dh-ct.stack .ctv { flex-direction: column; align-items: flex-start; line-height: .92; }
.dh-ct .ti { height: .74em; width: auto; overflow: visible; flex: 0 0 auto; }
.dh-ct .ti-o { margin: 0 .01em; }
.dh-ct .ti-gap { margin: 0 .12em; }
.dh-ct .ti-big { height: 1.05em; margin-left: .18em; }
.dh-ct .ti-rocket { height: .95em; margin-left: .06em; transform: translateY(-.32em); }
.dh-ct .ti-amp { height: .8em; margin: 0 .1em; }
.dh-ct .ti-wide { height: .9em; }
.dh-ct .ct-up { display: inline-block; color: #f23f2e; transform: translateY(-.2em); }
.dh-ct-accent { color: #f23f2e; }
.dh-ct .ct-i { position: relative; display: inline-block; }
.dh-ct .ti-dot { position: absolute; left: 50%; top: -.06em; width: .36em; height: .36em; transform: translateX(-50%); overflow: visible; }
.dh-ct.sm { font-size: 28px; }

/* ---------- hero (same slider, caption below the banner) ---------- */
.hero_latest_post_item .dh-hero-cap { display: block; padding: 16px 24px 20px; background: #141414; color: #fff; font: 600 21px/1.3 "Josefin Sans", sans-serif; }
.hero_latest_post_item .dh-hero-cap small { display: block; margin-bottom: 6px; font: 600 12px Poppins, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #ff9d92; }
.hero_latest_post_item .dh-fit { border-radius: 0; background: #000; }

@media (max-width: 1000px) {
  .dh-top, .dh-split, .dh-life { grid-template-columns: minmax(0, 1fr); }
  .dh-g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dh-g3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dh-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dh-rail { grid-auto-columns: 46%; }
  .dh-decor { display: none; }
  .dh-ct { font-size: 38px; }
  .dh-lead h3 { font-size: 28px; }
}
@media (max-width: 600px) {
  .dh-g2, .dh-g3, .dh-g4 { grid-template-columns: minmax(0, 1fr); }
  .dh-rail { grid-auto-columns: 82%; }
  .dh-ct { font-size: 30px; }
  .dh-ct.sm { font-size: 24px; }
  .dh-row, .dh-lrow, .dh-vitem { grid-template-columns: 40% minmax(0, 1fr); }
  .dh-mini { grid-template-columns: 120px minmax(0, 1fr); }
  .dh-sec, .dh-th { padding: 48px 0; }
  .dh-lead h3 { font-size: 24px; }
}

/* ---------- SEOYug partner promos (Views/Shared/_SeoYugPromo.cshtml) ---------- */
.sy-pt{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8d93}
.sy-lbl{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a9aa5}
.sy-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;background:#f23f2e;color:#fff!important;font-weight:600;font-size:14px;white-space:nowrap}
.sy-cta.ghost{background:transparent;border:1px solid #3a3d45}
.sy-cta.ghost.dark{border-color:#141414;color:#141414!important}
.sy-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;padding:34px 36px;border-radius:24px;background:#16181d;color:#fff;position:relative;overflow:hidden}
.sy-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,63,46,.35),transparent 70%)}
.sy-h{display:block;font-size:32px;line-height:1.15;margin-top:8px}
.sy-p{margin:8px 0 0;font-size:15px;color:#c9c9d1}
.sy-form{display:flex;gap:8px;margin-top:18px;background:#fff;padding:6px;border-radius:999px;max-width:520px}
.sy-form input:not([type=hidden]){flex:1;min-width:0;border:0;padding:0 16px;font:15px Poppins,sans-serif;color:#141414;background:transparent;outline:none}
.sy-form button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:#f23f2e;color:#fff;font:600 14px Poppins,sans-serif;cursor:pointer;white-space:nowrap}
.sy-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:13px;color:#9a9aa5}.sy-trust b{color:#fff;font-size:16px;margin-right:4px}
.serp{position:relative;z-index:1;background:#fff;color:#141414;border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:rotate(-1.5deg)}
.serp-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f1f3f4;font-size:13px;color:#4a4d52}
.serp-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid #f0f0f0}
.serp-row b{display:block;font-size:14px;color:#1a0dab}.serp-row small{font-size:12px;color:#1b6b3a}
.serp-row.you{background:#fff4f2;border-radius:12px;border:2px solid #f23f2e;margin-top:10px}
.serp-rank{font:700 18px "Josefin Sans",sans-serif;color:#9a9aa5;min-width:30px}.serp-row.you .serp-rank{color:#f23f2e}
.serp-up{margin-left:auto;font-size:12px;font-weight:700;color:#1b7a45;background:#e7f5ec;padding:3px 8px;border-radius:999px}
.serp-note{margin:10px 2px 0;font-size:11px;color:#8a8d93}
.sy-check{margin-top:16px;padding:22px 24px;border-radius:20px;background:#fff;border:2px solid #141414;box-shadow:6px 6px 0 #f23f2e}
.sy-check-head{display:flex;align-items:center;gap:14px}
.sy-check-ic{width:48px;height:48px;border-radius:14px;background:#f23f2e;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.sy-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sy-list li{font-size:14px;font-weight:600}
.sy-list li,.sy-list a{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#fff8f6;color:#141414;height:100%}
.sy-list a{padding:0;background:none}
.sy-list em{font-style:normal;font-size:12px;color:#c8301f;margin-top:auto}
.box{width:24px;height:24px;border-radius:7px;border:2px solid #141414;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.box.on{background:#1b7a45;border-color:#1b7a45;color:#fff}.box .dy-ico{width:14px;height:14px}
.sy-prog{height:8px;border-radius:999px;background:#f6dcd6;margin-top:16px;overflow:hidden}.sy-prog span{display:block;height:100%;background:#f23f2e;border-radius:999px}
.sy-mic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:40px;padding:24px 28px;border-radius:22px;background:linear-gradient(120deg,#25131a,#1b1b21 60%);border:1px solid #3a2a30;color:#fff}
.sy-mic-ic{width:72px;height:72px;border-radius:50%;background:#f23f2e;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(242,63,46,.18),0 0 0 20px rgba(242,63,46,.08)}
.sy-quiz{margin-top:20px;padding:22px 24px;border-radius:20px;background:#fff;border:1px solid #dbe5f5}
.sy-quiz fieldset{border:0;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f4f8ff;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.sy-quiz legend{float:left;margin-right:auto;font-size:14px;font-weight:600;padding:0}
.sy-quiz label{display:inline-flex;align-items:center;gap:6px;font-size:13px;min-height:32px}
.sy-quiz input{accent-color:#1f5fa8;width:18px;height:18px}
.sy-quiz-out{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:12px;background:#fff4f2;font-size:14px}
.sy-quiz-out span{flex:1 1 260px}
.sy-band{padding:72px 0;background:#fff linear-gradient(180deg,#fff,#fff7f5)}
.sy-goal{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:18px;border:1px solid #ececec;background:#fff;color:#141414;transition:transform .15s,box-shadow .15s}
.sy-goal:hover{transform:translateY(-3px);border-color:#f23f2e;box-shadow:0 12px 30px rgba(242,63,46,.12)}
.sy-goal small{margin-top:12px;font-size:12px;color:#8a8d93;text-transform:uppercase;letter-spacing:.08em}
.sy-goal strong{font:700 21px/1.25 "Josefin Sans",sans-serif}
.sy-goal-svc{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;color:#c8301f}
.sy-ic{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}
.sy-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:24px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #f1d6d0}
.sy-bar > span:nth-child(2){margin-right:auto;font-size:15px}
.sy-bar-ic{width:44px;height:44px;border-radius:50%;background:#e9f8ef;color:#1f8f4e;display:inline-flex;align-items:center;justify-content:center}
.sy-map{display:grid;grid-template-columns:320px minmax(0,1fr) auto;gap:26px;align-items:center;margin-top:36px;padding:22px 26px;border-radius:22px;background:#fff;border:1px solid #cfe9d8;color:#141414}
.sy-map-mock{background:#eaf4ee;border-radius:16px;padding:12px;background-image:linear-gradient(#dbeee2 1px,transparent 1px),linear-gradient(90deg,#dbeee2 1px,transparent 1px);background-size:22px 22px}
.sy-pin-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff;font-size:13px}
.sy-pin-row .dy-ico{color:#8a8d93}.sy-pin-row b{display:block}.sy-pin-row small{color:#5f6368;font-size:12px}
.sy-pin-row.you{border:2px solid #1b7a45}.sy-pin-row.you .dy-ico{color:#f23f2e}
.sy-pass{display:grid;grid-template-columns:minmax(0,1fr) 230px;margin-top:36px;border-radius:22px;overflow:hidden;color:#fff;background:#163b49}
.sy-pass-main{padding:24px 28px}
.sy-pass-route{display:flex;align-items:center;gap:20px;margin:12px 0}
.sy-pass-route b{display:block;font:700 34px/1 "Josefin Sans",sans-serif}.sy-pass-route small{font-size:12px;color:#a9c8d2}
.sy-pass-stub{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:22px;background:#0b222b;border-left:2px dashed #3c6b7b}
.sy-pass-stub small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a9c8d2}.sy-pass-stub b{font-size:26px}
.sy-ai{display:grid;grid-template-columns:360px minmax(0,1fr) auto;gap:26px;align-items:center;margin-top:36px;padding:22px 26px;border-radius:22px;background:#fff;border:1px solid #dcd6fb;color:#141414}
.sy-chat{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:#f6f5ff}
.bub{max-width:90%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.45}
.bub.q{align-self:flex-end;background:#5b3fd0;color:#fff;border-bottom-right-radius:4px}
.bub.a{align-self:flex-start;background:#fff;border:1px solid #e4e0fb;border-bottom-left-radius:4px}
.ai-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:conic-gradient(#5b3fd0,#f23f2e,#4fc3f7,#5b3fd0);margin-right:6px;vertical-align:middle}
@media (max-width:1000px){.sy-hero,.sy-map,.sy-ai,.sy-mic,.sy-pass{grid-template-columns:minmax(0,1fr)}.sy-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-pass-stub{border-left:0;border-top:2px dashed #3c6b7b}}
@media (max-width:600px){.sy-list{grid-template-columns:minmax(0,1fr)}.sy-form{flex-direction:column;border-radius:18px}.sy-form input:not([type=hidden]){min-height:44px}}
.sy-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sy-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #3a3d45;color:#e8e8ee!important;font-size:13px}
.sy-links a:hover{border-color:#f23f2e;color:#fff!important}
.kp{position:relative;z-index:1;background:#fff;color:#141414;border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:rotate(-1.5deg)}
.kp-card{margin-top:12px;border:1px solid #e6e6e9;border-radius:14px;padding:6px 14px}
.kp-top{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}
.kp-top b{display:block;font-size:17px}.kp-top small{font-size:12px;color:#5f6368}
.kp-logo{width:42px;height:42px;border-radius:10px;background:#f23f2e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 16px "Josefin Sans",sans-serif}
.kp-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.kp-row:last-child{border-bottom:0}
.kp-row b{display:block;font-size:14px}.kp-row small{color:#5f6368;font-size:12px}
.kp-ic{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.kp-ic .dy-ico{width:15px;height:15px}
.kp-row.ok .kp-ic{background:#e7f5ec;color:#1b7a45}
.kp-row.bad{background:#fff4f2;margin:4px -14px 0;padding:10px 14px;border-radius:0 0 12px 12px}
.kp-row.bad .kp-ic{background:#f23f2e;color:#fff}
.sy-pin-row.bad{opacity:.75}.sy-pin-row.bad .dy-ico{color:#f23f2e}
.sy-pin-row.you .dy-ico{color:#1b7a45!important}
.sy-phone{display:flex;align-items:center;gap:18px;padding:14px;border-radius:16px;background:#f6f5ff}
.ph{position:relative;width:118px;height:210px;border-radius:22px;border:6px solid #141414;background:#fff;padding:22px 10px 10px;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.ph-notch{position:absolute;top:0;left:50%;width:44px;height:10px;transform:translateX(-50%);background:#141414;border-radius:0 0 8px 8px}
.ph-bar{height:10px;width:60%;border-radius:6px;background:#e4e0fb}
.ph-card{border-radius:10px}.ph-card.a{height:52px;background:#5b3fd0}.ph-card.b{height:30px;background:#e4e0fb}
.ph-row{display:flex;gap:6px}.ph-row i{flex:1;height:22px;border-radius:7px;background:#f1eafa}
.ph-btn{margin-top:auto;text-align:center;font:700 11px Poppins,sans-serif;color:#fff;background:#f23f2e;border-radius:8px;padding:6px 0}
.ph-tags{display:flex;flex-direction:column;gap:8px}
.ph-tags span{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e4e0fb;color:#5b3fd0}
.hero_latest_sectio.dh .hero_latest_post_item::after{display:none}

/* =====================================================================
   v2 fixes (14 Nov): base font, link colours inside promos, hero slider,
   new interview / film banner, boarding-pass ticket
   ===================================================================== */
.dh { font-size: 16px; line-height: 1.5; letter-spacing: 0; }

/* promos are links: keep their own colours, lift on hover instead of turning red */
.dh a.sy-mic, .dh a.sy-mic:hover { color: #fff; }
.dh a.sy-map, .dh a.sy-map:hover, .dh a.sy-ai, .dh a.sy-ai:hover, .dh a.sy-goal, .dh a.sy-goal:hover, .dh .sy-list a, .dh .sy-list a:hover, .dh a.sy-ticket, .dh a.sy-ticket:hover { color: #141414; }
.dh .sy-links a:hover { color: #fff; }
.sy-mic, .sy-map, .sy-ai, .sy-ticket { transition: transform .15s, box-shadow .15s; }
.sy-mic:hover, .sy-map:hover, .sy-ai:hover, .sy-ticket:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,.14); }

/* interview / film banner */
.sy-mic { grid-template-columns: auto minmax(0, 1fr) auto; }
.sy-mic-txt { display: flex; flex-direction: column; gap: 6px; }
.sy-mic-txt .sy-lbl { color: #ff9d92; }
.sy-mic-txt strong { font-size: 26px; line-height: 1.2; color: #fff; }
.sy-mic-steps { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.sy-mic-steps i { font-style: normal; font-size: 13px; font-weight: 500; color: #fff; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.sy-mic-steps i::before { content: "\2713"; margin-right: 6px; color: #7ee2a8; font-weight: 700; }
.sy-mic-by { font-size: 12px; color: #9a9aa5; }
.sy-mic.film { background: linear-gradient(120deg, #2a0f2a, #1b1b21 60%); border-color: #4a2440; }
.sy-mic.film .sy-mic-ic { background: #b0127a; box-shadow: 0 0 0 10px rgba(176,18,122,.2), 0 0 0 20px rgba(176,18,122,.08); }
.sy-mic.film .sy-lbl { color: #f3c6de; }
.sy-mic.film .sy-cta { background: #b0127a; }

/* boarding-pass ticket (hotels & restaurants) */
.sy-ticket { display: grid; grid-template-columns: minmax(0, 1fr) 240px; margin-top: 36px; border-radius: 22px; background: #fff; box-shadow: 0 10px 30px rgba(14,42,53,.12); position: relative; overflow: hidden; }
.sy-ticket::before, .sy-ticket::after { content: ""; position: absolute; right: 228px; width: 24px; height: 24px; border-radius: 50%; background: var(--tint, #eef8fa); z-index: 2; }
.sy-ticket::before { top: -12px; } .sy-ticket::after { bottom: -12px; }
.tk-main { padding: 0 0 22px; }
.tk-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 14px 26px; background: #0e2a35; color: #fff; }
.tk-air { display: inline-flex; align-items: center; gap: 8px; font: 700 16px "Josefin Sans", sans-serif; }
.tk-air .dy-ico { color: #7fd3e6; }
.tk-bp { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #a9c8d2; align-self: center; }
.tk-route { display: grid; grid-template-columns: auto minmax(60px, 1fr) auto; align-items: center; gap: 18px; padding: 20px 26px 6px; }
.tk-route small, .tk-fields small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7c83; }
.tk-route b { display: block; font-size: 44px; line-height: 1; color: #0e2a35; }
.tk-route > div:last-child b { color: #0e7490; }
.tk-route span { font-size: 13px; color: #4a4d52; }
.tk-path { position: relative; height: 2px; border-top: 3px dashed #b6dbe4; }
.tk-path .dy-ico { position: absolute; left: 50%; top: -14px; transform: translateX(-50%) rotate(45deg); width: 26px; height: 26px; color: #0e7490; background: #fff; }
.tk-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 14px 26px 0; padding-top: 14px; border-top: 1px solid #e3eef1; }
.tk-fields b { display: block; margin-top: 3px; font-size: 14px; color: #141414; }
.tk-stub { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 22px; background: #f2f9fb; border-left: 2px dashed #b6dbe4; }
.tk-stub small { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7c83; }
.tk-stub b { font-size: 26px; color: #0e2a35; }
.tk-code { height: 38px; border-radius: 4px; background: repeating-linear-gradient(90deg, #0e2a35 0 2px, transparent 2px 5px, #0e2a35 5px 6px, transparent 6px 9px, #0e2a35 9px 12px, transparent 12px 14px); opacity: .8; }
.tk-stub .sy-cta { background: #0e7490; }

/* hero slider: clean cards, caption under the banner, arrows below */
.hero_latest_sectio.dh { background: #f5f5f7; padding: 24px 0 18px; }
.hero_latest_sectio.dh .hero_latest_slider { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.hero_latest_sectio.dh .hero_latest_post_item { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.hero_latest_sectio.dh .hero_latest_post_item .dh-fit { border-radius: 0; background: #ececef; }
.hero_latest_post_item .dh-hero-cap { display: block; padding: 16px 20px 20px; background: #fff; color: #141414; font: 700 20px/1.3 "Josefin Sans", Poppins, sans-serif; min-height: 92px; }
.hero_latest_post_item .dh-hero-cap a, .hero_latest_post_item .dh-hero-cap a:hover { color: #141414 !important; }
.hero_latest_post_item .dh-hero-cap small, .hero_latest_post_item .dh-hero-cap small a { display: block; margin-bottom: 6px; font: 600 12px Poppins, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #c8301f !important; }
.dyc .hero_latest_post_item .dh-hero-cap small, .dyc .hero_latest_post_item .dh-hero-cap small a { color: var(--acc) !important; }
main .hero_latest_sectio.dh .owl-nav { display: flex !important; position: static; height: auto; width: auto; justify-content: center; gap: 10px; margin-top: 16px; pointer-events: auto; }
.hero_latest_sectio.dh .HeroSlider .owl-nav .owl-prev, .hero_latest_sectio.dh .HeroSlider .owl-nav .owl-next { position: static; margin: 0; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #dcdcdc !important; background: #fff !important; box-shadow: none; }
.hero_latest_sectio.dh .HeroSlider .owl-nav .owl-next { background: #141414 !important; border-color: #141414 !important; }
.hero_latest_sectio.dh .HeroSlider .owl-nav i { line-height: 42px; font-size: 16px; color: #141414; }
.hero_latest_sectio.dh .HeroSlider .owl-nav .owl-next i { color: #fff; }
.hero_latest_sectio.dh .owl-dots { display: none; }

@media (max-width: 1000px) {
  .sy-mic { grid-template-columns: minmax(0, 1fr); }
  .sy-ticket { grid-template-columns: minmax(0, 1fr); }
  .sy-ticket::before, .sy-ticket::after { display: none; }
  .tk-stub { border-left: 0; border-top: 2px dashed #b6dbe4; }
  .tk-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .tk-route b { font-size: 32px; }
  .sy-mic-txt strong { font-size: 21px; }
}
.dyc-promo .sy-ticket::before, .dyc-promo .sy-ticket::after { background: #fff; }
.dh-th-travel .sy-ticket::before, .dh-th-travel .sy-ticket::after { background: #0e2a35; }