/* =========================================================
   West Gate – TRANG CHỦ: các section thiết kế lại
   ========================================================= */
.wg-sec{position:relative;z-index:2;margin:var(--wg-gap) var(--wg-gap) 0;width:calc(100% - 2*var(--wg-gap));border-radius:var(--wg-r-lg);overflow:hidden;box-sizing:border-box}
.wg-sec .container_frame{width:100%;max-width:var(--width-container,1268px);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);box-sizing:border-box}
.wg-title{font-family:var(--bde-heading-font-family,"Lostgun-SemiBold"),serif;font-weight:600;font-size:clamp(34px,4.2vw,64px);line-height:1.06;color:#216260;margin:0;text-transform:none}
.wg-title::before{content:"";display:block;width:56px;height:3px;border-radius:3px;background:#ffdb8f;margin:0 0 22px}
.wg-title--center{text-align:center}.wg-title--center::before{margin-left:auto;margin-right:auto}
.wg-sec svg .st0{fill:#75abab}.wg-sec svg .st1{fill:#3f7071}.wg-sec svg .st2{fill:#5c9593}.wg-sec svg .st3{fill:#3f5d5e}
.wg-sec svg .text-logo{color:#2e4a63;fill:#2e4a63}

/* --- 1. BANNER: chữ giữa, nút điều hướng giữa --- */
.breakdance .bde-section.section_pin .content_banner{left:0!important;right:0;width:100%;bottom:19vh!important;margin:0!important;text-align:center}
.breakdance .bde-section.section_pin .content_banner .container_frame{display:flex;justify-content:center;text-align:center}
.item_banner .segTitle{font-size:clamp(42px,7.2vw,110px)!important;letter-spacing:.05em;text-align:center;text-shadow:0 6px 40px rgba(0,0,0,.45)}
.item_banner .segTitle::before{display:none}
.item_banner .segTitle::after{content:"";display:block;width:96px;height:2px;background:#ffdb8f;margin:26px auto 0}
.section_pin .advanced-slider__slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(16,54,52,.7),rgba(16,54,52,.05) 55%,rgba(16,54,52,.25))}
.section_pin .content_banner{z-index:3}
.breakdance .bde-advancedslider-32-102 .swiper-button-prev,.breakdance .bde-advancedslider-32-102 .swiper-button-next{
  top:auto!important;bottom:7vh!important;width:54px!important;height:54px!important;z-index:5;
  background:rgba(16,54,52,.35)!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7)!important}
.breakdance .bde-advancedslider-32-102 .swiper-button-prev{left:calc(50% - 66px)!important;right:auto!important}
.breakdance .bde-advancedslider-32-102 .swiper-button-next{left:calc(50% + 12px)!important;right:auto!important}
.breakdance .bde-advancedslider-32-102 .swiper-button-prev:hover,.breakdance .bde-advancedslider-32-102 .swiper-button-next:hover{background:#ffdb8f!important}
.breakdance .bde-advancedslider-32-102 .swiper-button-prev:hover path,.breakdance .bde-advancedslider-32-102 .swiper-button-next:hover path{fill:#103634}

/* --- 2. GIỚI THIỆU TẬP ĐOÀN --- */
.wg-about{background:var(--wg-cream);padding:clamp(70px,10vw,140px) 0}
.wg-about__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center;position:relative;z-index:1}
.wg-about__desc{font-size:clamp(16px,1.45vw,20px);line-height:1.8;color:#3a4a49;border-left:3px solid #ffdb8f;padding-left:28px;margin-top:34px;max-width:640px}
.wg-about__desc p{margin:0 0 1em}.wg-about__desc p:last-child{margin:0}
.wg-about__logo{justify-self:end;width:min(100%,560px);opacity:0;transform:translateX(180px);transition:opacity 1.6s ease,transform 1.6s cubic-bezier(.16,.8,.2,1)}
.wg-about__logo.is-in{opacity:.17;transform:none}
.wg-about__logo svg{width:100%;height:auto;display:block}
.wg-about__decor{position:absolute;right:0;top:0;height:100%;width:auto;max-width:50%;object-fit:contain;opacity:.55;pointer-events:none}

/* --- 3. SỐNG THỊNH VƯỢNG --- */
.wg-live{background:linear-gradient(135deg,#103634,#216260 55%,#2f7b78);color:#fff;text-align:center;padding:clamp(80px,12vw,180px) 20px}
.wg-live__mark{position:absolute;left:50%;top:50%;width:min(92vw,960px);transform:translate(-50%,-50%);opacity:.07;pointer-events:none}
.wg-live__mark svg{width:100%;height:auto;display:block}
.wg-live__mark svg *{fill:#fff!important;color:#fff!important}
.wg-live__decor{position:absolute;right:0;bottom:0;max-height:100%;opacity:.4;pointer-events:none}
.wg-live__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.wg-live__eyebrow{font-size:clamp(13px,1.35vw,19px);letter-spacing:.34em;text-transform:uppercase;color:#ffdb8f;font-weight:600;line-height:1.7;max-width:760px}
.wg-live__big{font-family:var(--bde-heading-font-family,"Lostgun-SemiBold"),serif;font-size:clamp(110px,21vw,330px);line-height:.95;color:#f5f1e8;text-shadow:0 20px 60px rgba(0,0,0,.25)}
.wg-live__tail{display:flex;align-items:center;justify-content:center;gap:24px;letter-spacing:.62em;text-transform:uppercase;font-size:clamp(14px,1.7vw,26px);font-weight:500}
.wg-live__tail::before,.wg-live__tail::after{content:"";flex:0 0 clamp(30px,6vw,90px);height:1px;background:#ffdb8f}

/* --- 4. TỔNG QUAN DỰ ÁN --- */
.wg-overview{background:linear-gradient(160deg,#184b49,#216260 58%,#3d7c7a);color:#fff;padding:clamp(60px,8vw,120px) 0}
.wg-overview__decor{position:absolute;right:0;bottom:0;max-height:70%;opacity:.25;pointer-events:none}
.wg-overview__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(30px,4vw,52px)}
.wg-overview .wg-title{color:#fff}
.wg-overview__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.wg-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,219,143,.3);border-radius:22px;padding:26px 26px 24px;backdrop-filter:blur(6px)}
.wg-stat__num{font-family:var(--bde-heading-font-family,"Lostgun-SemiBold"),serif;font-size:clamp(38px,4.4vw,64px);line-height:1;color:#ffdb8f}
.wg-stat__unit{font-size:15px;margin-left:8px;opacity:.85}
.wg-stat__label{margin-top:12px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.wg-overview__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:stretch}
.wg-overview__figure{position:relative;margin:0;border-radius:28px;overflow:hidden;min-height:340px;background:#103634}
.wg-overview__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}
.wg-overview__badge{position:absolute;left:18px;bottom:18px;max-width:min(420px,calc(100% - 36px));background:rgba(16,54,52,.84);backdrop-filter:blur(10px);border-radius:18px;padding:18px 22px;display:flex;flex-direction:column;gap:6px}
.wg-overview__badge-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ffdb8f}
.wg-overview__badge-text{font-size:17px;font-weight:600;line-height:1.5}
.wg-overview__list{margin:0;display:flex;flex-direction:column;justify-content:center}
.wg-overview__row{display:grid;grid-template-columns:minmax(110px,.75fr) 1.5fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.wg-overview__row:first-child{border-top:1px solid rgba(255,255,255,.18)}
.wg-overview__row dt{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffdb8f;padding-top:3px}
.wg-overview__row dd{margin:0;font-size:17px;font-weight:600;line-height:1.5}

/* --- 6. DẤU ẤN: logo trái, slider giữa + lấp ló hai bên --- */
.wg-imprint{background:linear-gradient(120deg,#103634,#216260);padding:clamp(56px,8vw,110px) 0}
.wg-imprint__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);align-items:center;gap:clamp(16px,3vw,40px);padding-left:clamp(20px,5vw,80px)}
.wg-imprint__brand{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}
.wg-imprint__logo{position:relative;z-index:1;width:min(85%,400px);height:auto}
.wg-imprint__pat{position:absolute;max-width:55%;opacity:.5;pointer-events:none}
.wg-imprint__pat--l{left:0;top:0}.wg-imprint__pat--r{right:0;bottom:0}
.wg-imprint__slider{position:relative;min-width:0}
.wg-imprint__swiper{overflow:hidden;padding:10px 0 74px}
.wg-imprint__slide{transform:scale(.82);opacity:.5;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s;height:auto}
.wg-imprint__slide.swiper-slide-active{transform:scale(1);opacity:1}
.wg-imprint__photo{display:block;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.7)}
.wg-imprint__photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}
.wg-imprint__photo:hover img{transform:scale(1.04)}
.wg-imprint__cap{display:flex;flex-direction:column;gap:4px;padding:16px 6px 0;color:#fff;opacity:0;transition:opacity .5s}
.wg-imprint__slide.swiper-slide-active .wg-imprint__cap{opacity:1}
.wg-imprint__cap .name{font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.wg-imprint__cap .txt{font-size:14px;opacity:.8}
.wg-imprint__nav{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:12px}
.wg-imprint__btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,219,143,.7);background:transparent;color:#ffdb8f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s}
.wg-imprint__btn:hover{background:#ffdb8f;color:#103634}

/* --- 8. TIỆN ÍCH: text một bên, ảnh dạng grid --- */
.wg-amenity{background:var(--wg-cream);padding:clamp(60px,8vw,120px) 0}
.wg-amenity__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(30px,5vw,72px);align-items:center}
.wg-amenity__sub{font-size:clamp(16px,1.5vw,22px);font-weight:600;letter-spacing:.06em;color:#965a25;margin-top:20px;line-height:1.5}
.wg-amenity__desc{margin-top:22px;font-size:16px;line-height:1.85;color:#3a4a49}
.wg-amenity__desc p{margin:0 0 1em}
.wg-amenity__grid{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:clamp(190px,19vw,270px) clamp(190px,19vw,270px);gap:16px;position:relative}
.wg-tile{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#d9d3c3}
.wg-tile--tall{grid-row:1 / span 2}
.wg-tile__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wg-tile:hover .wg-tile__img{transform:scale(1.07)}
.wg-tile__go{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:#ffdb8f;color:#103634;display:flex;align-items:center;justify-content:center;transition:transform .3s}
.wg-tile__go:hover{transform:translateX(4px)}
.wg-amenity__badge{position:absolute;left:-26px;bottom:-22px;width:clamp(90px,10vw,150px);height:auto;border-radius:20px;border:6px solid var(--wg-cream);z-index:2;box-shadow:0 16px 30px -14px rgba(0,0,0,.4)}

@media (max-width:900px){
  .wg-about__inner,.wg-overview__body,.wg-imprint__inner,.wg-amenity__inner{grid-template-columns:1fr}
  .wg-about__logo{justify-self:center;width:min(70%,380px)}
  .wg-imprint__inner{padding-left:0}
  .wg-imprint__brand{min-height:160px}
  .wg-overview__stats{grid-template-columns:repeat(2,1fr)}
  .wg-live__tail{letter-spacing:.3em}
  .wg-amenity__grid{grid-template-rows:200px 200px}
  .breakdance .bde-advancedslider-32-102 .swiper-button-prev,.breakdance .bde-advancedslider-32-102 .swiper-button-next{width:44px!important;height:44px!important;bottom:5vh!important}
}

/* ---- chỉnh sau khi kiểm tra ---- */
.st0{fill:#75abab}.st1{fill:#3f7071}.st2{fill:#5c9593}.st3{fill:#3f5d5e}
.wg-tile__img,.wg-overview__img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.wg-overview__img{object-position:center bottom!important}
.wg-overview__figure{background:linear-gradient(180deg,#3d7c7a,#103634)}
.wg-overview .wg-title{text-transform:uppercase;letter-spacing:.08em}
.wg-live__tail{margin-top:34px}
.breakdance .bde-section.section_pin .content_banner{bottom:27vh!important}
.breakdance .bde-section.section_pin .content_banner .container_frame,
.breakdance .bde-section.section_pin .content_banner .ani_text,
.breakdance .bde-section.section_pin .content_banner .words_ani{width:100%!important;max-width:none!important;display:block;text-align:center;margin-left:0;margin-right:0}
.breakdance .bde-advancedslider-32-102 .swiper-button-prev,.breakdance .bde-advancedslider-32-102 .swiper-button-next{bottom:112px!important}

/* ---- Slider "phút" ở mục Vị trí: nút trái/phải bấm được ---- */
.breakdance .bde-advancedslider-32-348 .breakdance-swiper-wrapper{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;column-gap:0}
.breakdance .bde-advancedslider-32-348 .swiper{grid-column:1 / -1;grid-row:1}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav{grid-column:1;grid-row:2}
.breakdance .bde-advancedslider-32-348 .swiper-pagination{grid-column:2;grid-row:2;margin-top:0!important}
.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav{grid-column:3;grid-row:2}
.breakdance .bde-advancedslider-32-348 .swiper-pagination::before,.breakdance .bde-advancedslider-32-348 .swiper-pagination::after{display:none!important}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav,.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav{
  position:static!important;margin:28px 0 0!important;width:56px!important;height:32px!important;inset:auto!important;
  background:no-repeat center / 45px 10px;cursor:pointer;z-index:5;opacity:.9;transition:opacity .25s,transform .25s}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav{background-image:url(/wp-content/uploads/2025/12/slide-prev-arrow.svg)}
.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav{background-image:url(/wp-content/uploads/2025/12/slide-next-arrow.svg)}
.breakdance .bde-advancedslider-32-348 .wg-loc-nav::after{display:none!important}
.breakdance .bde-advancedslider-32-348 .wg-loc-nav:hover{opacity:1}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav:hover{transform:translateX(-4px)}
.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav:hover{transform:translateX(4px)}
.breakdance .bde-advancedslider-32-348 .swiper-pagination-bullet{cursor:pointer;width:12px!important;height:12px!important}
.breakdance .bde-advancedslider-32-348 .swiper-button-disabled{opacity:.9;pointer-events:auto}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav,.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav{
  border:0!important;border-radius:0!important;background-color:transparent!important;color:inherit;display:block!important;margin:0!important;transform:none}
.breakdance .bde-advancedslider-32-348 .swiper-pagination{margin:0!important}
.breakdance .bde-advancedslider-32-348 .breakdance-swiper-wrapper{row-gap:26px}
.breakdance .bde-advancedslider-32-348 .swiper-button-prev.wg-loc-nav:hover{transform:translateX(-4px)}
.breakdance .bde-advancedslider-32-348 .swiper-button-next.wg-loc-nav:hover{transform:translateX(4px)}