/* Greenery House Detail System v5 — scoped to the legacy product template */
@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-ink:#020d09;--gdc-deep:#052118;--gdc-panel:#08291e;--gdc-gold:#d8b65c;--gdc-cream:#eee9de;--gdc-line:rgba(216,182,92,.23);--gdc-white:#f8f7f2}
body.gdc-house-detail{background:var(--gdc-ink);color:var(--gdc-white);font-family:"IBM Plex Sans Thai",Arial,sans-serif;font-weight:300}
body.gdc-house-detail::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;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}
body.gdc-house-detail .template-product{overflow:hidden;background:transparent}
body.gdc-house-detail .template-product .upper-top-header,body.gdc-house-detail .template-product #top-header-4{display:none!important}
body.gdc-house-detail .template-product .main-header{height:78px;border-bottom:1px solid var(--gdc-line);background:rgba(2,13,9,.88)!important;backdrop-filter:blur(18px);box-shadow:none!important}
body.gdc-house-detail .template-product .main-header .navbar{min-height:78px;padding:0 4vw}
body.gdc-house-detail .template-product .main-header .navbar-brand img{width:54px!important;height:54px!important;object-fit:contain}
body.gdc-house-detail .template-product .main-header .navbar-brand{position:relative;display:flex!important;align-items:center!important;gap:.8rem;min-width:245px}
body.gdc-house-detail .template-product .main-header .navbar-brand::after{content:"GREENERY\A DESIGN / BUILD / FUTURE";white-space:pre;color:var(--gdc-white);font:600 .78rem/1.15 "Courier New",monospace;letter-spacing:.12em}
body.gdc-house-detail .template-product .main-menu .navbar-nav .nav-link{padding:27px 18px!important;color:rgba(248,247,242,.76)!important;font-size:.92rem;font-weight:400;letter-spacing:.02em}
body.gdc-house-detail .template-product .main-menu .navbar-nav .nav-link:hover{color:var(--gdc-gold)!important}

body.gdc-house-detail .template-product .sub-banner{position:relative;min-height:clamp(430px,60vw,720px);display:flex;align-items:flex-end;padding:clamp(7rem,12vw,12rem) 0 clamp(3rem,6vw,6rem);background:linear-gradient(110deg,rgba(2,15,10,.98) 5%,rgba(2,15,10,.84) 48%,rgba(2,15,10,.28)),url("/assets/greenery-signature-home-2200.webp") center/cover no-repeat!important;border-bottom:1px solid var(--gdc-line)}
body.gdc-house-detail .template-product .sub-banner::before{content:"HOUSE DESIGN / CONFIGURATION";position:absolute;top:120px;left:max(4vw,calc((100vw - 1320px)/2));color:var(--gdc-gold);font:600 .64rem/1 "Courier New",monospace;letter-spacing:.2em}
body.gdc-house-detail .template-product .sub-banner::after{content:"DESIGN  •  ENGINEERING  •  CONSTRUCTION";position:absolute;right:4vw;bottom:2rem;color:rgba(248,247,242,.62);font:400 .58rem/1 "Courier New",monospace;letter-spacing:.15em;writing-mode:vertical-rl}
body.gdc-house-detail .template-product .sub-banner .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,13,9,.92))}
body.gdc-house-detail .template-product .sub-banner .container{position:relative;z-index:2;width:min(1320px,92vw);max-width:none;margin-inline:auto}
body.gdc-house-detail .template-product .breadcrumb-area{text-align:left!important}
body.gdc-house-detail .template-product .breadcrumb-area h1{max-width:980px;margin:0 0 2rem;color:var(--gdc-white)!important;font-size:clamp(3.2rem,8vw,8.8rem)!important;font-weight:300!important;line-height:.88!important;letter-spacing:-.055em;text-shadow:none!important}
body.gdc-house-detail .template-product .breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;margin:0!important;padding:0!important;color:rgba(248,247,242,.64)}
body.gdc-house-detail .template-product .breadcrumbs li,body.gdc-house-detail .template-product .breadcrumbs a{color:inherit!important;font-size:.8rem;letter-spacing:.03em}

body.gdc-house-detail .template-product .properties-details-page{position:relative;padding:1px 0!important;background:var(--gdc-ink)}
body.gdc-house-detail .template-product .properties-details-page::before{content:"01  HOME SYSTEM / SPECIFICATION";display:block;width:min(1320px,92vw);margin:0 auto;padding:2rem 0;color:var(--gdc-gold);font:600 .62rem/1 "Courier New",monospace;letter-spacing:.18em}
body.gdc-house-detail .template-product .properties-details-page>.container{width:min(1320px,92vw);max-width:none;padding:0;margin:0 auto 5rem}
body.gdc-house-detail .template-product .properties-details-page>.container>.row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:1px;margin:0;background:var(--gdc-line);border:1px solid var(--gdc-line)}
body.gdc-house-detail .template-product .properties-details-page [class^="col-lg-"],body.gdc-house-detail .template-product .properties-details-page [class*=" col-lg-"]{width:auto;max-width:none;padding:0;flex:none}
body.gdc-house-detail .template-product .properties-slider-section{height:100%;min-height:620px;margin:0!important;background:linear-gradient(140deg,#0d3829,#03130d);position:relative}
body.gdc-house-detail .template-product .properties-slider-section:empty::after,body.gdc-house-detail .template-product .properties-slider-section:not(:has(.slick-slide))::after{content:"GREENERY\A DESIGN & CONSTRUCTION";white-space:pre;position:absolute;left:clamp(2rem,5vw,5rem);bottom:clamp(2rem,5vw,5rem);color:rgba(248,247,242,.86);font:300 clamp(1.8rem,4vw,4.8rem)/.95 "IBM Plex Sans Thai",sans-serif;letter-spacing:-.035em}
body.gdc-house-detail .template-product .slider-for,body.gdc-house-detail .template-product .slider-for .slick-list,body.gdc-house-detail .template-product .slider-for .slick-track,body.gdc-house-detail .template-product .slider-for .slick-slide{height:100%}
body.gdc-house-detail .template-product .slider-for img{width:100%;height:100%;object-fit:cover}
body.gdc-house-detail .template-product .heading-properties{height:100%;margin:0!important;padding:clamp(2.2rem,4vw,4.5rem)!important;background:var(--gdc-cream);color:#061a12;box-shadow:none!important}
body.gdc-house-detail .template-product .heading-properties::before{content:"CONFIG / LIVE";display:block;margin-bottom:2.2rem;color:#96731f;font:600 .6rem/1 "Courier New",monospace;letter-spacing:.18em}
body.gdc-house-detail .template-product .heading-properties h3{margin:0 0 1rem!important;color:#061a12!important;font-size:clamp(2.2rem,4vw,4.6rem)!important;font-weight:300!important;line-height:1!important;letter-spacing:-.035em}
body.gdc-house-detail .template-product .heading-properties h4{margin:0 0 2.8rem!important;color:rgba(6,26,18,.62)!important;font-size:1rem!important;font-weight:400!important;line-height:1.6}
body.gdc-house-detail .template-product .facilities-list{display:grid!important;grid-template-columns:1fr 1fr;margin:0!important;border-top:1px solid rgba(6,26,18,.18)}
body.gdc-house-detail .template-product .facilities-list li{display:grid!important;grid-template-columns:1fr auto;min-width:0;margin:0!important;padding:1.25rem 0!important;border-bottom:1px solid rgba(6,26,18,.18);color:#061a12!important}
body.gdc-house-detail .template-product .facilities-list li:nth-child(odd){padding-right:1rem!important;border-right:1px solid rgba(6,26,18,.18)}
body.gdc-house-detail .template-product .facilities-list li:nth-child(even){padding-left:1rem!important}
body.gdc-house-detail .template-product .facilities-list p{margin:0!important;color:rgba(6,26,18,.56)!important;font-size:.75rem!important}
body.gdc-house-detail .template-product .facilities-list i{display:none!important}
body.gdc-house-detail .template-product .facilities-list span{color:#061a12!important;font-size:1.2rem!important;font-weight:600}
body.gdc-house-detail .template-product .social-media-area{margin:3rem 0 0!important;padding-top:2rem;border-top:1px solid rgba(6,26,18,.18)}
body.gdc-house-detail .template-product .social-media-area h3{color:#061a12!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase}

body.gdc-house-detail .template-product #page-content>.pt-4,body.gdc-house-detail .template-product #page-content>.pt-8{padding:clamp(4rem,8vw,8rem) 0!important;background:transparent!important;border-top:1px solid var(--gdc-line)}
body.gdc-house-detail .template-product #page-content>.pt-4.bg-white,body.gdc-house-detail .template-product #page-content>.pt-8.bg-white{background:var(--gdc-cream)!important;color:#061a12}
body.gdc-house-detail .template-product #page-content>.pt-4>.container,body.gdc-house-detail .template-product #page-content>.pt-8>.container{width:min(1180px,88vw);max-width:none}
body.gdc-house-detail .template-product .main-title-3{margin:0 0 clamp(2.2rem,5vw,5rem)!important;text-align:left!important}
body.gdc-house-detail .template-product .main-title-3 h2{margin:0!important;color:inherit!important;font-size:clamp(2.7rem,6vw,6.8rem)!important;font-weight:300!important;line-height:.95!important;letter-spacing:-.04em}
body.gdc-house-detail .template-product #page-content>.bg-white .main-title-3 h2{color:#06251a!important}
body.gdc-house-detail .template-product .main-title-3 h2::before{content:"02  SYSTEM MODULE";display:block;margin-bottom:1.5rem;color:var(--gdc-gold);font:600 .62rem/1 "Courier New",monospace;letter-spacing:.18em}
body.gdc-house-detail .template-product .pt-4.bg-white .img-fluid{display:block;width:min(100%,1050px);max-height:900px;margin:auto;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(2,13,9,.16))}
body.gdc-house-detail .template-product #page-content>.pt-4.bg-white{background:#e9e4d8!important}
body.gdc-house-detail .template-product #page-content>.pt-4.bg-white .text-center{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(6,37,26,.16);background:#f7f4ec}

body.gdc-house-detail .template-product .search-area.property-form{padding:clamp(1.4rem,4vw,4rem)!important;border:1px solid var(--gdc-line);background:rgba(8,41,30,.78)!important;box-shadow:none!important}
body.gdc-house-detail .template-product .property-form label{color:rgba(248,247,242,.7)!important;font-size:.8rem!important;font-weight:400!important}
body.gdc-house-detail .template-product .property-form .form-control,body.gdc-house-detail .template-product .property-form .bootstrap-select>.dropdown-toggle,body.gdc-house-detail .template-product .property-form textarea{min-height:54px!important;border:0!important;border-bottom:1px solid rgba(248,247,242,.24)!important;border-radius:0!important;background:transparent!important;color:var(--gdc-white)!important;box-shadow:none!important}
body.gdc-house-detail .template-product .property-form .form-control:focus,body.gdc-house-detail .template-product .property-form textarea:focus{border-color:var(--gdc-gold)!important}
body.gdc-house-detail .template-product .property-form .btn,body.gdc-house-detail .template-product .property-form button[type="submit"]{min-height:58px!important;border:1px solid var(--gdc-gold)!important;border-radius:0!important;background:var(--gdc-gold)!important;color:#061a12!important;font-weight:600!important;letter-spacing:.04em}

body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .row{gap:1px;background:var(--gdc-line)}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 [class*="col-"]{background:var(--gdc-panel)}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 img{width:100%;aspect-ratio:16/10;object-fit:cover}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 h2,body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 h3{color:var(--gdc-white)!important;font-weight:300!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12{padding-block:clamp(4rem,7vw,7rem)!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(290px,420px));justify-content:center;align-items:start;margin:0!important;background:transparent!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .row>[class*="col-"]{width:auto!important;max-width:none!important;min-height:0!important;padding:0!important;flex:none!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .property{height:auto!important;min-height:0!important;margin:0!important;border:1px solid var(--gdc-line);background:var(--gdc-panel)!important;box-shadow:none!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .property-img{min-height:250px!important;height:auto!important;background:url("/assets/greenery-signature-home-2200.webp") center/cover no-repeat!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .property-content,body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .property-content .info{height:auto!important;min-height:0!important;background:var(--gdc-panel)!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .property-content .info{padding:1.5rem!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .facilities-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;height:auto!important;margin:1.2rem 0 0!important}
body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .facilities-list li{width:auto!important;min-height:64px!important;margin:0!important;padding:.8rem!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--gdc-white)!important}

body.gdc-house-detail .template-product .main-footer-2{padding-top:5rem!important;border-top:1px solid var(--gdc-line);background:#020b08!important;color:rgba(248,247,242,.72)}
body.gdc-house-detail .template-product .main-footer-2 a{color:inherit!important}body.gdc-house-detail .template-product .main-footer-2 a:hover{color:var(--gdc-gold)!important}
body.gdc-house-detail .template-product #gdMessengerFab,body.gdc-house-detail .template-product #gdCallFab{background:var(--gdc-gold)!important;color:#061a12!important;box-shadow:0 10px 34px rgba(0,0,0,.3)!important}

@media(max-width:991px){
  body.gdc-house-detail .template-product .main-header .navbar{padding-inline:5vw}
  body.gdc-house-detail .template-product .sub-banner{min-height:620px}
  body.gdc-house-detail .template-product .sub-banner::after{display:none}
  body.gdc-house-detail .template-product .properties-details-page>.container>.row{grid-template-columns:1fr}
  body.gdc-house-detail .template-product .properties-slider-section{min-height:480px}
  body.gdc-house-detail .template-product .heading-properties{min-height:auto}
}
@media(max-width:575px){
  body.gdc-house-detail .template-product .main-header{height:68px}body.gdc-house-detail .template-product .main-header .navbar{min-height:68px}
  body.gdc-house-detail .template-product .sub-banner{min-height:560px;padding-bottom:3.5rem}
  body.gdc-house-detail .template-product .sub-banner::before{top:100px;left:6vw;font-size:.54rem}
  body.gdc-house-detail .template-product .breadcrumb-area h1{font-size:clamp(3.1rem,16vw,5rem);line-height:.9}
  body.gdc-house-detail .template-product .properties-details-page::before{padding:1.4rem 0;font-size:.54rem}
  body.gdc-house-detail .template-product .properties-details-page>.container{width:92vw;margin-bottom:3rem}
  body.gdc-house-detail .template-product .properties-slider-section{min-height:330px}
  body.gdc-house-detail .template-product .heading-properties{padding:2rem!important}
  body.gdc-house-detail .template-product .heading-properties h3{font-size:2.4rem!important}
  body.gdc-house-detail .template-product .facilities-list{grid-template-columns:1fr}
  body.gdc-house-detail .template-product .facilities-list li{padding:1rem 0!important;border-right:0!important}
  body.gdc-house-detail .template-product #page-content>.pt-4>.container,body.gdc-house-detail .template-product #page-content>.pt-8>.container{width:88vw}
  body.gdc-house-detail .template-product .main-title-3 h2{font-size:2.8rem!important}
  body.gdc-house-detail .template-product .search-area.property-form{padding:1.2rem!important}
  body.gdc-house-detail .template-product .main-header .navbar-brand{min-width:0}
  body.gdc-house-detail .template-product .main-header .navbar-brand::after{font-size:.58rem}
  body.gdc-house-detail .template-product #page-content>.pt-8.pb-12 .row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.gdc-house-detail .template-product *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}