/* =========================================================
   ThaiDataWeb V4.4 — Social Mobile + Factory Solutions
   - TD monogram brand rendered as real HTML + SVG (no clipped wordmark)
   - Mobile home behaves like a premium social/product feed
   - Image-first hero using original ThaiDataWeb factory concept artwork
   - Factory solution catalogue uses real HTML components, not baked UI screenshots
   ========================================================= */

/* Brand -------------------------------------------------- */
.site-header .brand-v44,
.footer .brand-v44{
  display:inline-flex!important;align-items:center!important;gap:11px!important;
  min-width:0!important;width:auto!important;max-width:none!important;
  padding:0!important;border:0!important;background:transparent!important;
  text-decoration:none!important;overflow:visible!important;
}
.brand-mark-v44{display:block!important;width:52px!important;height:52px!important;min-width:52px!important;object-fit:contain!important;overflow:visible!important}
.brand-wordmark-v44{display:block;color:var(--text-primary);font-size:28px;line-height:1;font-weight:850;letter-spacing:-.045em;white-space:nowrap;font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif}
.footer .brand-wordmark-v44{color:#fff;font-size:25px}.footer .brand-mark-v44{width:48px!important;height:48px!important;min-width:48px!important}
body[data-theme="midnight"] .site-header .brand-v44,body[data-theme="midnight"] .footer .brand-v44{background:transparent!important;border:0!important;padding:0!important}
body[data-theme="midnight"] .site-header .brand-wordmark-v44{color:var(--text-primary)}

/* Header CTA ------------------------------------------------ */
.desktop-quote{border-radius:14px!important;min-height:46px!important;padding:10px 18px!important;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 22%,transparent)!important}
.desktop-quote svg{width:18px!important;height:18px!important}.desktop-quote span{font-size:15px!important;font-weight:800!important}
.mobile-quote-btn{box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 22%,transparent)!important}

/* V4.4 hero ------------------------------------------------ */
.tdw-hero-panel-v44{display:grid!important;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr)!important;grid-template-areas:"copy media";overflow:hidden!important;background:var(--bg-dark)!important;min-height:540px!important}
.tdw-hero-panel-v44 .tdw-hero-copy{grid-area:copy;align-self:center;padding:50px 38px 44px!important;position:relative;z-index:3}
.tdw-hero-panel-v44 .tdw-hero-copy h1{font-size:clamp(40px,3.4vw,62px)!important;line-height:1.09!important;letter-spacing:-.045em!important;max-width:760px!important}
.tdw-hero-panel-v44 .tdw-hero-copy p{font-size:17px!important;line-height:1.72!important;max-width:680px!important}
.tdw-hero-visual{grid-area:media;position:relative;min-height:540px;background:#071426;overflow:hidden}
.tdw-hero-visual>img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center 48%;display:block;filter:saturate(1.04) contrast(1.02)}
.tdw-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-dark) 0,transparent 22%,transparent 78%,rgba(2,10,24,.08) 100%);pointer-events:none}
.tdw-price-orb-v44{z-index:4;right:22px!important;top:22px!important;width:104px!important;height:104px!important;box-shadow:0 16px 35px rgba(0,0,0,.26)!important}
.tdw-visual-caption{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(4,15,34,.72);backdrop-filter:blur(14px);color:#fff}
.tdw-visual-caption span{font-size:13px;font-weight:800}.tdw-visual-caption b{font-size:12px;color:#b9d7ff;font-weight:650}

/* Factory section ------------------------------------------ */
.tdw-factory-section{padding:72px 0 78px;background:linear-gradient(180deg,var(--bg-dark),color-mix(in srgb,var(--bg-dark) 92%,#0b67ff));color:var(--text-inverse);border-top:1px solid color-mix(in srgb,var(--text-inverse) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-inverse) 8%,transparent)}
.tdw-factory-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:24px}.tdw-factory-head h2{margin:8px 0 8px;color:#fff;font-size:clamp(31px,3vw,46px);line-height:1.15;letter-spacing:-.035em}.tdw-factory-head p{max-width:820px;margin:0;color:rgba(238,246,255,.78);font-size:16px;line-height:1.72}.tdw-factory-head .tdw-kicker{color:#69b8ff!important}.tdw-factory-head .tdw-btn-outline{background:#fff!important;color:#071426!important;border-color:#fff!important}
.tdw-factory-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.055);box-shadow:0 26px 70px rgba(0,0,0,.18);margin-bottom:22px}
.tdw-factory-feature-media{min-height:360px;background:#06152b}.tdw-factory-feature-media img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center;display:block}.tdw-factory-feature-copy{padding:34px 32px;display:flex;flex-direction:column;justify-content:center}.tdw-factory-feature-copy>span{font-size:13px;font-weight:800;color:#67c6ff;text-transform:uppercase;letter-spacing:.06em}.tdw-factory-feature-copy h3{font-size:30px;line-height:1.2;margin:9px 0 12px;color:#fff;letter-spacing:-.025em}.tdw-factory-feature-copy p{font-size:15px;line-height:1.75;color:rgba(238,246,255,.78);margin:0}.tdw-factory-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tdw-factory-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);font-size:12.5px;font-weight:750;color:#d7e9ff}
.tdw-factory-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tdw-factory-module{position:relative;display:grid;grid-template-columns:46px 1fr 28px;align-items:start;gap:12px;min-height:155px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);transition:transform .18s ease,background .18s ease,border-color .18s ease}.tdw-factory-module:hover{transform:translateY(-3px);background:rgba(255,255,255,.09);border-color:rgba(103,198,255,.42)}.tdw-factory-module>i{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#0b74ff,#6047f6);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(0,94,255,.25)}.tdw-factory-module>i svg,.tdw-factory-module>a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.tdw-factory-module h3{font-size:16px!important;line-height:1.35;margin:0 0 6px;color:#fff}.tdw-factory-module p{font-size:13.5px!important;line-height:1.58;color:rgba(235,244,255,.72);margin:0}.tdw-factory-module>a{align-self:center;width:28px;height:28px;display:grid;place-items:center;color:#79caff;border-radius:8px}.tdw-factory-module>a:hover{background:rgba(255,255,255,.08)}

/* Factory service card accent */
.tdw-service-card.is-factory{background:color-mix(in srgb,#0b67ff 6%,var(--bg-elevated));border-color:color-mix(in srgb,#0b67ff 24%,var(--border-default))}.tdw-service-card.is-factory .tdw-service-card-head b,.tdw-service-card.is-factory .tdw-service-action{color:#0b67ff}

/* Readability floor ---------------------------------------- */
body{font-size:16px!important}.tdw-capability-card strong{font-size:14px!important}.tdw-capability-card small{font-size:13px!important}.tdw-kicker{font-size:12.5px!important}.tdw-section-title p{font-size:15px!important}.tdw-section-title>a{font-size:14px!important}.tdw-service-card p{font-size:14px!important}.tdw-service-card-head span{font-size:15px!important}.tdw-service-card-head b{font-size:13.5px!important}.tdw-service-action{font-size:14px!important}.tdw-showcase-body span{font-size:12.5px!important}.tdw-showcase-body h3{font-size:16px!important}.tdw-showcase-body a{font-size:14px!important}.tdw-price-card li{font-size:14px!important}.tdw-price-card>p{font-size:14px!important}.tdw-price-card-top span,.tdw-price-card-top b{font-size:12.5px!important}.article-meta,.breadcrumb,.portfolio-meta{font-size:13.5px!important}.footer a,.footer p,.footer-bottom{font-size:14.5px!important}

/* Desktop/tablet ------------------------------------------- */
@media(max-width:1180px){
  .tdw-hero-panel-v44{grid-template-columns:1fr 1fr!important}.tdw-hero-panel-v44 .tdw-hero-copy{padding:38px 28px!important}.tdw-factory-modules{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .tdw-hero-panel-v44{grid-template-columns:1fr!important;grid-template-areas:"media" "copy"!important}.tdw-hero-visual,.tdw-hero-visual>img{min-height:430px}.tdw-hero-panel-v44 .tdw-hero-copy{padding:34px 28px 38px!important}.tdw-factory-feature{grid-template-columns:1fr}.tdw-factory-feature-media,.tdw-factory-feature-media img{min-height:330px}.tdw-factory-modules{grid-template-columns:repeat(2,1fr)}
}

/* Mobile — social/product-feed behavior ------------------- */
@media(max-width:720px){
  :root{--header-h:72px!important}
  html{scroll-behavior:smooth}.site-header{height:72px!important;transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.site-header .container.nav{height:72px!important;padding-inline:12px!important}.site-header.tdw-header-hidden{transform:translateY(-100%)}
  .site-header .brand-v44{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;gap:7px!important;max-width:220px!important}.brand-mark-v44{width:37px!important;height:37px!important;min-width:37px!important}.brand-wordmark-v44{font-size:21px!important;letter-spacing:-.04em!important}.menu-btn{left:10px!important;width:44px!important;height:44px!important}.mobile-quote-btn{right:57px!important;width:44px!important;height:44px!important;border-radius:13px!important}.mobile-pref-wrap{right:10px!important}.mobile-pref-btn{width:44px!important;height:44px!important;border-radius:13px!important}
  .promo{font-size:13px!important;line-height:1.35!important}

  /* home surface becomes edge-to-edge like a social feed */
  .tdw-sales-hero{padding:0!important;border:0!important}.tdw-sales-hero>.container{padding-inline:0!important;max-width:none!important}.tdw-sales-shell--hero{display:block!important}.tdw-sales-main{width:100%!important}.tdw-hero-panel-v44{border-radius:0!important;border-left:0!important;border-right:0!important;grid-template-areas:"media" "copy"!important;min-height:0!important;box-shadow:none!important}.tdw-hero-visual{min-height:0!important;aspect-ratio:4/3;width:100%;border-radius:0}.tdw-hero-visual>img{min-height:0!important;width:100%;height:100%;object-fit:cover;object-position:center 47%}.tdw-hero-visual:after{background:linear-gradient(0deg,rgba(4,14,31,.44),transparent 32%)!important}.tdw-price-orb-v44{width:84px!important;height:84px!important;top:12px!important;right:12px!important}.tdw-price-orb-v44 strong{font-size:20px!important}.tdw-visual-caption{left:12px;right:12px;bottom:12px;padding:9px 11px;border-radius:12px}.tdw-visual-caption span{font-size:12px}.tdw-visual-caption b{display:none}.tdw-hero-panel-v44 .tdw-hero-copy{padding:25px 18px 28px!important}.tdw-hero-panel-v44 .tdw-hero-copy h1{font-size:clamp(34px,10vw,45px)!important;line-height:1.12!important}.tdw-hero-panel-v44 .tdw-hero-copy p{font-size:16px!important;line-height:1.72!important}.tdw-studio-pill{font-size:11px!important}.tdw-hero-checks{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important}.tdw-hero-checks span{font-size:13px!important}.tdw-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.tdw-hero-actions .btn{min-height:50px!important;font-size:15px!important;width:100%!important}.tdw-domain-search{height:52px!important}.tdw-domain-search input,.tdw-domain-search button{font-size:14px!important}

  /* horizontal feature rails, full-screen cards */
  .tdw-capability-strip{padding:12px 0!important}.tdw-capability-strip>.container{padding-inline:14px!important}.tdw-capability-row{gap:10px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}.tdw-capability-row::-webkit-scrollbar{display:none}.tdw-capability-card{min-width:68vw!important;scroll-snap-align:center!important;padding:14px!important;border-radius:17px!important}.tdw-capability-card strong{font-size:14px!important}.tdw-capability-card small{font-size:13px!important}

  /* factory section = dark premium story card with horizontally swipable modules */
  .tdw-factory-section{padding:36px 0 42px!important}.tdw-factory-section>.container{padding-inline:0!important}.tdw-factory-head{display:block!important;padding:0 18px;margin-bottom:20px}.tdw-factory-head h2{font-size:30px!important}.tdw-factory-head p{font-size:15px!important}.tdw-factory-head .btn{width:100%;margin-top:16px;min-height:48px}.tdw-factory-feature{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;margin-bottom:18px}.tdw-factory-feature-media,.tdw-factory-feature-media img{min-height:0!important;aspect-ratio:16/10}.tdw-factory-feature-copy{padding:24px 18px 26px!important}.tdw-factory-feature-copy h3{font-size:25px!important}.tdw-factory-feature-copy p{font-size:15px!important}.tdw-factory-modules{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:0 18px 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}.tdw-factory-modules::-webkit-scrollbar{display:none}.tdw-factory-module{min-width:82vw!important;scroll-snap-align:center!important;min-height:170px!important;padding:20px!important}.tdw-factory-module h3{font-size:17px!important}.tdw-factory-module p{font-size:14px!important}

  .tdw-home-commercial{padding:0 0 30px!important}.tdw-home-commercial>.container{padding-inline:0!important}.tdw-home-commercial .tdw-sales-main{display:block}.tdw-block{padding:30px 18px!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}.tdw-block+.tdw-block{border-top:10px solid var(--bg-subtle)!important}.tdw-section-title{gap:12px}.tdw-section-title h2{font-size:27px!important;line-height:1.22!important}.tdw-section-title p{font-size:15px!important}.tdw-section-title>a{font-size:14px!important}
  .tdw-service-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:12px!important;margin-inline:-18px;padding:0 18px 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}.tdw-service-grid::-webkit-scrollbar{display:none}.tdw-service-card{min-width:84vw!important;scroll-snap-align:center!important;padding:14px!important;border-radius:20px!important}.tdw-service-thumb{aspect-ratio:16/10!important;border-radius:14px!important}.tdw-service-card-head span{font-size:16px!important}.tdw-service-card p{font-size:14px!important}
  .tdw-filter-row{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;margin-right:-18px;padding-right:18px;scrollbar-width:none}.tdw-filter-row::-webkit-scrollbar{display:none}.tdw-filter-row .chip{font-size:13px!important;white-space:nowrap!important}
  .tdw-showcase-track{margin-inline:-18px;padding:0 18px 8px!important;gap:12px!important}.tdw-showcase-card{min-width:88vw!important;border-radius:20px!important;overflow:hidden}.tdw-showcase-image{aspect-ratio:4/3!important}.tdw-showcase-body{padding:14px!important}.tdw-showcase-body h3{font-size:17px!important}.tdw-showcase-body span,.tdw-showcase-body a{font-size:13.5px!important}
  .tdw-package-rail{margin-inline:-18px;padding:0 18px 8px!important;gap:12px!important}.tdw-price-card{min-width:84vw!important;border-radius:20px!important;padding:18px!important}.tdw-price-card li{font-size:14px!important}.tdw-package-price strong{font-size:31px!important}
  .tdw-sticky-aside{padding:0 18px 30px!important}.tdw-quote-panel{border-radius:20px!important}.tdw-quote-head strong,.tdw-quote-step b{font-size:15px!important}.tdw-type-choice small,.tdw-type-choice b,.tdw-feature-list label{font-size:14px!important}.tdw-estimate-box>span,.tdw-estimate-box small{font-size:13.5px!important}

  /* following sections become clean feed blocks */
  .tdw-value-section,.process-section,.section-market,.tdw-included-section,.knowledge-section{padding-block:42px!important}.engineering-panel,.included-panel{border-radius:20px!important}.process-grid{grid-template-columns:1fr!important}.premium-articles{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;padding-bottom:8px;scrollbar-width:none}.premium-articles::-webkit-scrollbar{display:none}.premium-articles .article-card{min-width:88vw!important;scroll-snap-align:center!important;border-radius:20px!important;overflow:hidden}.article-card p{font-size:15px!important}

  .footer .brand-v44{gap:9px!important}.footer .brand-mark-v44{width:42px!important;height:42px!important;min-width:42px!important}.footer .brand-wordmark-v44{font-size:23px!important}.footer-brand-copy{font-size:14px!important}.footer a,.footer p,.footer-bottom{font-size:14px!important}
  .float-contact{right:12px!important;bottom:12px!important}.float-contact-launcher{width:52px!important;height:52px!important;border-radius:17px!important}.cookie-banner{bottom:78px!important}
}

@media(max-width:380px){
  .brand-wordmark-v44{font-size:19px!important}.brand-mark-v44{width:34px!important;height:34px!important;min-width:34px!important}.site-header .brand-v44{max-width:190px!important}.tdw-hero-panel-v44 .tdw-hero-copy h1{font-size:33px!important}.tdw-factory-module{min-width:86vw!important}.tdw-service-card,.tdw-price-card{min-width:88vw!important}
}

@media(prefers-reduced-motion:reduce){.site-header,.tdw-factory-module{transition:none!important}html{scroll-behavior:auto!important}}
/* Final brand size override: beats legacy generic .brand img rules. */
.site-header .brand.brand-v44 img.brand-mark-v44{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;max-height:52px!important;object-fit:contain!important}
.footer .brand.brand-v44 img.brand-mark-v44{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important}
@media(max-width:720px){
  .site-header .brand.brand-v44 img.brand-mark-v44{width:37px!important;height:37px!important;min-width:37px!important;max-width:37px!important;max-height:37px!important}
  .footer .brand.brand-v44 img.brand-mark-v44{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important}
}
@media(max-width:380px){.site-header .brand.brand-v44 img.brand-mark-v44{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;max-height:34px!important}}