/* Greenery Field Notes / News Detail v6 */
@font-face{font-family:"IBM Plex Sans Thai";src:url("/assets/fonts/IBMPlexSansThai-Light.woff2") format("woff2");font-weight:300;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai";src:url("/assets/fonts/IBMPlexSansThai-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai";src:url("/assets/fonts/IBMPlexSansThai-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--gdc-news-ink:#02120c;--gdc-news-deep:#05251a;--gdc-news-panel:#073225;--gdc-news-gold:#d8b65c;--gdc-news-cream:#f2eee4;--gdc-news-white:#faf9f4;--gdc-news-line:rgba(216,182,92,.25)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)){margin:0;background:var(--gdc-news-ink);color:var(--gdc-news-white);font-family:"IBM Plex Sans Thai",Arial,sans-serif;font-weight:300}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail))::before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(216,182,92,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.045) 1px,transparent 1px);background-size:8vw 8vw;pointer-events:none}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product{overflow:hidden;background:transparent}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .upper-top-header,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product #top-header-4{display:none!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header{height:78px;border-bottom:1px solid var(--gdc-news-line);background:rgba(2,13,9,.9)!important;backdrop-filter:blur(18px);box-shadow:none!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{min-height:78px;padding:0 4vw}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{position:relative;display:flex!important;align-items:center!important;gap:.8rem;min-width:245px}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:54px!important;height:54px!important;object-fit:contain}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand::after{content:"GREENERY\A FIELD NOTES / LIVE";white-space:pre;color:var(--gdc-news-white);font:600 .78rem/1.15 "Courier New",monospace;letter-spacing:.12em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-menu .navbar-nav .nav-link{padding:27px 18px!important;color:rgba(250,249,244,.72)!important;font-size:.9rem;font-weight:400}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-menu .navbar-nav .nav-link:hover{color:var(--gdc-news-gold)!important}

:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{position:relative;min-height:380px;display:flex;align-items:flex-end;padding:8rem 0 4rem;border-bottom:1px solid var(--gdc-news-line);background:radial-gradient(circle at 82% 45%,transparent 0 115px,rgba(216,182,92,.18) 116px 117px,transparent 118px 190px,rgba(216,182,92,.1) 191px 192px,transparent 193px),linear-gradient(115deg,#05291d,#020d09)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::before{content:"GDC / FIELD NOTES / LIVE";position:absolute;top:122px;left:max(5vw,calc((100vw - 1280px)/2));color:var(--gdc-news-gold);font:600 .62rem/1 "Courier New",monospace;letter-spacing:.2em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::after{content:"WEATHER  •  SITE  •  HOME SYSTEM";position:absolute;right:5vw;bottom:4rem;color:rgba(250,249,244,.45);font:600 .56rem/1 "Courier New",monospace;letter-spacing:.18em;writing-mode:vertical-rl}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner .overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(216,182,92,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.055) 1px,transparent 1px);background-size:8.333vw 8.333vw}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner .container{position:relative;z-index:2;width:min(1280px,90vw);max-width:none}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area{text-align:left!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area h1{margin:0 0 1.2rem;color:var(--gdc-news-white)!important;font-size:clamp(3.1rem,6.4vw,7rem)!important;font-weight:300!important;line-height:.92!important;letter-spacing:-.05em;text-shadow:none!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs{display:flex;gap:.55rem;margin:0!important;padding:0!important;color:rgba(250,249,244,.55)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs a,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs li{color:inherit!important;font-size:.75rem!important}

:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body{position:relative;padding:0 0 clamp(5rem,8vw,9rem)!important;background:var(--gdc-news-ink)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body::before{content:"01 / LIVE BRIEFING";display:block;width:min(1180px,90vw);margin:auto;padding:2.2rem 0;color:var(--gdc-news-gold);font:600 .6rem/1 "Courier New",monospace;letter-spacing:.18em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body>.container{width:min(1180px,90vw);max-width:none;padding:0}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body>.container>.row{margin:0}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body [class*="col-"]{width:100%;max-width:none;padding:0;flex:0 0 100%}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box{margin:0!important;border:1px solid var(--gdc-news-line);border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box>img{display:block;width:100%;height:auto;max-height:690px;aspect-ratio:16/9;object-fit:cover;border:0!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail{position:relative;width:min(980px,calc(100% - 4rem));margin:-6rem auto 0;padding:clamp(2rem,5vw,5rem);background:var(--gdc-news-cream)!important;color:#092218;box-shadow:none!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail::before{content:"VERIFIED SOURCES / GDC ANALYSIS";display:block;margin-bottom:2rem;color:#98731b;font:600 .58rem/1 "Courier New",monospace;letter-spacing:.16em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date{display:grid!important;grid-template-columns:1fr auto;gap:2rem;align-items:end;height:auto!important;margin:0 0 3.5rem!important;padding:0 0 2rem!important;border-bottom:1px solid rgba(9,34,24,.2)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date .title{margin:0!important;color:#092218!important;font-size:clamp(2rem,4vw,4rem)!important;font-weight:300!important;line-height:1.06!important;letter-spacing:-.035em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date>span{min-width:150px;padding:1rem;border:1px solid rgba(9,34,24,.18);color:#745914!important;font-size:.72rem!important;text-align:center}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>h2{position:relative;margin:3.6rem 0 1.1rem!important;padding:0 0 0 1.35rem;color:#092218!important;font-size:clamp(1.7rem,2.8vw,2.8rem)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.025em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.12em;width:3px;background:var(--gdc-news-gold)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ul,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol{color:#425149!important;font-size:1rem!important;line-height:1.9!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p{margin:0 0 1.4rem!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p:first-of-type{font-size:1.08rem!important;color:#263b31!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol{counter-reset:gdc-check;margin:1.7rem 0 2.5rem!important;padding:0!important;list-style:none!important;border-top:1px solid rgba(9,34,24,.18)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol>li{counter-increment:gdc-check;position:relative;margin:0!important;padding:1.2rem 1rem 1.2rem 4rem;border-bottom:1px solid rgba(9,34,24,.18)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol>li::before{content:counter(gdc-check,decimal-leading-zero);position:absolute;left:.8rem;top:1.35rem;color:#98731b;font:600 .7rem/1 "Courier New",monospace;letter-spacing:.1em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p>em{display:block;margin:2.5rem 0;padding:1.5rem 1.7rem;border-left:3px solid var(--gdc-news-gold);background:#e7e1d4;color:#394940!important;font-style:normal!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail a{color:#715511!important;text-decoration-thickness:1px!important;text-underline-offset:4px}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p>strong:first-child{color:#092218}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ul{margin:1rem 0 0!important;padding:1.5rem 1.5rem 1.5rem 3rem!important;border:1px solid rgba(9,34,24,.18);background:#e7e1d4}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ul li{margin:.6rem 0!important}

:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2{padding-top:5rem!important;border-top:1px solid var(--gdc-news-line);background:#010906!important;color:rgba(250,249,244,.68)}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 a{color:inherit!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 a:hover{color:var(--gdc-news-gold)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .social-media-footer{position:relative!important;z-index:2!important;margin-bottom:-2.2rem!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product #gdMessengerFab,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product #gdCallFab{background:var(--gdc-news-gold)!important;color:#092218!important;box-shadow:0 10px 34px rgba(0,0,0,.3)!important}

@media(max-width:991px){:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{padding-inline:5vw}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{min-height:330px}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::after{display:none}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail{width:calc(100% - 2rem);margin-top:-3rem}}
@media(max-width:575px){:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header{height:68px}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{min-height:68px}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{min-width:0}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand::after{font-size:.55rem}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{min-height:360px;padding:7.5rem 0 3rem}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::before{top:98px;left:6vw;font-size:.52rem}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area h1{font-size:3.1rem!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body::before{padding:1.5rem 0;font-size:.52rem}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-body>.container{width:94vw}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box>img{aspect-ratio:4/3}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail{width:calc(100% - 1rem);margin-top:-1.5rem;padding:1.6rem}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date .title{font-size:2.2rem!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date>span{justify-self:start;min-width:0}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>h2{margin-top:2.8rem!important;font-size:1.75rem!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>p,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ul,:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol{font-size:.95rem!important;line-height:1.8!important}:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail>ol>li{padding-left:3.2rem}}
@media(prefers-reduced-motion:reduce){:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* Greenery Editorial Detail v7 — shared by every News and Blog detail route */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)){
  --gdc-editorial-font:"IBM Plex Sans Thai","Noto Sans Thai",Tahoma,Arial,sans-serif;
  overflow-x:clip;
  font-family:var(--gdc-editorial-font);
}

/* Greenery Editorial Detail v8 — immersive precision interface */
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header{border-bottom:1px solid rgba(216,182,92,.32)!important;box-shadow:0 18px 60px rgba(0,0,0,.18)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand{display:grid!important;grid-template-columns:58px auto;gap:.85rem;min-width:250px!important;max-width:280px!important;color:var(--gdc-news-white)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand img{width:58px!important;height:58px!important;filter:drop-shadow(0 8px 18px rgba(216,182,92,.16))}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand::after{content:"GREENERY\A DESIGN & CONSTRUCTION"!important;display:block!important;white-space:pre;color:var(--gdc-news-white);font:600 .72rem/1.35 "IBM Plex Sans Thai",Arial,sans-serif;letter-spacing:.13em}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-menu .navbar-nav .nav-link{position:relative;transition:color .25s ease!important}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-menu .navbar-nav .nav-link::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:20px;height:1px;background:var(--gdc-news-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-menu .navbar-nav .nav-link:hover::after{transform:scaleX(1)}

:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner{isolation:isolate;background:radial-gradient(circle at 79% 48%,rgba(216,182,92,.07) 0 6%,transparent 6.2% 18%,rgba(216,182,92,.14) 18.2% 18.4%,transparent 18.6%),linear-gradient(115deg,#05291d,#020d09)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::before,:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::after{content:"";position:absolute;pointer-events:none}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::before{width:min(37vw,470px);aspect-ratio:1;right:7vw;top:50%;border:1px solid rgba(216,182,92,.2);border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 5vw rgba(216,182,92,.018);animation:gdc-orbit 18s linear infinite}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::after{left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gdc-news-gold),transparent);opacity:.55;animation:gdc-scan 6s ease-in-out infinite}
@keyframes gdc-orbit{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes gdc-scan{0%,100%{top:8%;opacity:0}15%,85%{opacity:.55}50%{top:88%;opacity:.28}}

:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-body::after{content:"SOURCE VERIFIED  /  RESPONSIVE SYSTEM  /  TH–EN";position:absolute;top:2.1rem;right:max(5vw,calc((100vw - 1180px)/2));color:rgba(250,249,244,.35);font:500 .52rem/1 "Courier New",monospace;letter-spacing:.15em}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-box{box-shadow:0 35px 90px rgba(0,0,0,.22)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-box>img{filter:saturate(.88) contrast(1.02)}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-box .detail{border-top:4px solid var(--gdc-news-gold);background:linear-gradient(rgba(9,34,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,34,24,.035) 1px,transparent 1px),var(--gdc-news-cream)!important;background-size:64px 64px}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-box .detail::after{content:"GDC / EDITORIAL SYSTEM";position:absolute;top:1.1rem;right:1.35rem;color:rgba(9,34,24,.28);font:500 .5rem/1 "Courier New",monospace;letter-spacing:.13em}
:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-footer-2 img{max-width:min(250px,68vw)!important;filter:drop-shadow(0 12px 30px rgba(216,182,92,.12))}

@media(max-width:991px){
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand{grid-template-columns:50px auto;min-width:210px!important;max-width:230px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand img{width:50px!important;height:50px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::before{width:62vw;right:-18vw}
}
@media(max-width:575px){
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand{grid-template-columns:44px auto;min-width:178px!important;max-width:195px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand img{width:44px!important;height:44px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .main-header .navbar-brand::after{font-size:.56rem!important;letter-spacing:.08em}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::before{width:92vw;right:-50vw;opacity:.72}
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-body::after,:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .blog-box .detail::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  :is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::before,:is(body.gdc-news-detail,body.gdc-blog-detail) .template-product .sub-banner .overlay::after{animation:none!important}
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) *,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) *::before,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) *::after{box-sizing:border-box}

/* Header / new logo presentation */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header{
  position:relative!important;
  z-index:100!important;
  height:auto!important;
  min-height:84px;
  background:rgba(1,14,9,.96)!important;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{
  width:min(1320px,94vw);
  min-height:84px;
  margin-inline:auto;
  padding:0!important;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{
  min-width:172px!important;
  max-width:210px;
  padding:10px 0!important;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand::after{display:none!important;content:none!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{
  width:172px!important;
  height:56px!important;
  max-width:100%!important;
  object-fit:contain;
  object-position:left center;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-menu .navbar-nav{
  align-items:center;
  gap:clamp(.1rem,.7vw,.8rem);
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-menu .navbar-nav .nav-link{
  padding:31px clamp(.45rem,.8vw,.85rem)!important;
  font-family:var(--gdc-editorial-font)!important;
  font-size:clamp(.78rem,.85vw,.92rem)!important;
  line-height:1.45!important;
  white-space:nowrap;
}

/* Hero title: no overlap, no clipped Thai vowels, balanced line wrapping */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{
  min-height:clamp(390px,48vw,610px)!important;
  align-items:center!important;
  padding:clamp(4.5rem,8vw,7rem) 0!important;
  overflow:hidden;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::before{top:clamp(2rem,5vw,4.5rem)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area{max-width:1080px}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area h1{
  max-width:18ch!important;
  margin:0 0 1.5rem!important;
  font-family:var(--gdc-editorial-font)!important;
  font-size:clamp(2.5rem,5.2vw,5.7rem)!important;
  font-weight:300!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:balance;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs{
  flex-wrap:wrap;
  align-items:center;
  row-gap:.45rem;
  max-width:100%;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs li,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumbs a{overflow-wrap:anywhere}

/* Article typography */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail{
  width:min(980px,calc(100% - clamp(1rem,5vw,4rem)));
  overflow:hidden;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date .title,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail h1,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail h2,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail h3{
  font-family:var(--gdc-editorial-font)!important;
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:pretty;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail p,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail li,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail a{
  overflow-wrap:anywhere;
  word-break:normal;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail img,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail iframe,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail video{max-width:100%;height:auto}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .detail table{display:block;max-width:100%;overflow-x:auto}

/* Footer: remove the legacy floating overlap and give the new logo breathing room */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .social-media-footer{
  position:relative!important;
  z-index:3!important;
  width:min(760px,92vw)!important;
  margin:0 auto!important;
  transform:translateY(50%);
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2{
  padding-top:clamp(7rem,12vw,10rem)!important;
  overflow:hidden;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 img{
  width:auto!important;
  max-width:min(220px,64vw)!important;
  height:auto!important;
  object-fit:contain;
}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 .footer-menu,
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem 1.2rem;
}

@media(max-width:991px){
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header{min-height:72px}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{min-height:72px}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{min-width:144px!important;max-width:160px}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:144px!important;height:48px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{min-height:430px!important;padding:5rem 0 3.5rem!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area h1{max-width:22ch!important;font-size:clamp(2.35rem,8vw,4.7rem)!important;line-height:1.12!important}
}
@media(max-width:575px){
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header,
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar{min-height:66px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{min-width:126px!important;max-width:138px}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:126px!important;height:44px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner{min-height:420px!important;padding:4.8rem 0 3rem!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .sub-banner::before{top:2rem!important;left:5vw!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .breadcrumb-area h1{max-width:100%!important;font-size:clamp(2rem,10vw,3.15rem)!important;line-height:1.16!important;letter-spacing:-.025em!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .blog-box .detail{width:calc(100% - 1rem)!important;padding:1.35rem!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .title-date .title{font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.18!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .social-media-footer{width:94vw!important;transform:translateY(38%)}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2{padding-top:7.5rem!important}
}

/* v8 final cascade: new mark + responsive brand lockup */
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{display:grid!important;grid-template-columns:58px auto;gap:.85rem;min-width:250px!important;max-width:280px!important;color:var(--gdc-news-white)!important}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:58px!important;height:58px!important;max-width:58px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(216,182,92,.16))}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand::after{content:"GREENERY\A DESIGN & CONSTRUCTION"!important;display:block!important;white-space:pre;color:var(--gdc-news-white);font:600 .72rem/1.35 "IBM Plex Sans Thai",Arial,sans-serif;letter-spacing:.13em}
:is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-footer-2 img{width:auto!important;max-width:min(250px,68vw)!important;height:auto!important;filter:drop-shadow(0 12px 30px rgba(216,182,92,.12))}
@media(max-width:991px){
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{grid-template-columns:50px auto;min-width:210px!important;max-width:230px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:50px!important;height:50px!important;max-width:50px!important}
}
@media(max-width:575px){
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand{grid-template-columns:44px auto;min-width:178px!important;max-width:195px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand img{width:44px!important;height:44px!important;max-width:44px!important}
  :is(body.gdc-news-detail,body.gdc-blog-detail,body:has(.blog-body .blog-box .detail)) .template-product .main-header .navbar-brand::after{font-size:.56rem!important;letter-spacing:.08em}
}