:root{
  --ngg-white:#ffffff;
  --ngg-ink:#3f3834;
  --ngg-muted:#6f6762;
  --ngg-soft:#f7f4f2;
  --ngg-pink:#c55b88;
  --ngg-gold:#d7a24a;
  --ngg-border:#ded8d4;
  --ngg-max:1120px;
}
/* *{box-sizing:border-box} */
/* html,body{margin:0;padding:0;background:#fff;color:var(--ngg-ink);font-size:14px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto} */
.ngg-page {font-family: 'ngg_fontregular';}
.ngg-page a{color:inherit;text-decoration:none;}
.ngg-page img {width: 100%;}
.ngg-page{width:100%;overflow:hidden;background:#fff}.ngg-center{text-align:center}
.ngg-eyebrow{margin:0 0 12px;color:#b8a196;font-size:1vw;font-weight:300;letter-spacing:.30em;text-transform:uppercase}.ngg-section{width:min(var(--ngg-max),calc(100% - 48px));margin:0 auto;padding:22px 0 36px}
.ngg-section-title {margin:0 0 22px;font-size:2vw;line-height:1.2;font-weight:500;color:#3f3834}

/* HERO */
.ngg-hero-section{position:relative;width:100%;overflow:hidden;background:#f6edf5}.ngg-hero-bg{width:100%;height:auto;display:block}.ngg-hero-inner{position:absolute;inset:0;z-index:2;width:min(var(--ngg-max),calc(100% - 48px));margin:0 auto;display:flex;align-items:flex-start;padding-top:48px;pointer-events:none}
.ngg-hero-content{width:47%;max-width:560px;padding-left:0;pointer-events:auto; transform: translate(10px, 8.5vw);}
.ngg-hero-section .ngg-eyebrow{margin-bottom:10px;color:#2f2a2b;font-size:1vw;letter-spacing:.48em}
.ngg-hero-title{margin:0;color:var(--ngg-pink);font-size:3vw;line-height:1.02;font-weight:700;letter-spacing:.005em}
.ngg-hero-copy{max-width:400px;margin:22px 0 22px;color:#2f2a2b;font-size:1.1vw;}
.ngg-button{display:inline-flex;align-items:center;
    justify-content:center;min-height:42px;padding:0 28px;border:1px solid rgba(0,0,0,.36);
    font-size:1.2vw;font-weight:300;transition:.2s ease;}
.ngg-button:hover{transform:translateY(-1px)}
/* .ngg-button-light{background:rgba(255,255,255,.44);backdrop-filter:blur(6px)} */
.ngg-button-dark{background:#111;color: #fff !important;;border-color:#111}
.ngg-button-outline{background:#fff;border-color:#cfc8c3;color:#312b28}

/* CATEGORY */
.ngg-category-section{padding-top:18px}
.ngg-category-section 
.ngg-eyebrow{margin-bottom:12px}
.ngg-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ngg-category-card{display:flex;flex-direction:column;gap:15px;align-items:center;font-size:1.2vw;font-weight:300;color:#3e3936;text-align:center}.ngg-category-card img{width:100%;aspect-ratio:1.04;object-fit:cover;background:#f8f7f6}.ngg-category-card span{min-height:18px}

/* YELLOW DIAMOND */
.ngg-split-section{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:20px}.ngg-split-image-wrap{overflow:hidden;background:#f8f4f1}.ngg-split-image{width:100%;height:auto;object-fit:cover}.ngg-split-content{text-align:left}
.ngg-content-title{    margin: 0 0 12px;
    font-size: 2.5vw;
    line-height: 1.2;
    font-weight: 600;
    color: #3f3834;
    font-family: 'DBHeavent' !important;}
.ngg-content-title span{display:block;color:#e2a16f;font-weight:500}
.ngg-body-text{max-width:500px;margin:0 0 32px;color:#6d6560;font-size:1.1vw;}
.ngg-product-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px;align-items:center;margin:0 0 26px}
.ngg-mini-product{text-align:center;color:#7b716d;font-size:1vw;}
.ngg-mini-product img{width:100%;margin:0 auto 8px;object-fit:contain}
.ngg-mini-product p{margin:0;line-height:1.35}.ngg-explore-card{display:flex;align-items:center;justify-content:center}
.ngg-explore-card a{width: 95px;
    height: 95px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    color: #888;
    font-size: 1vw;
    font-weight: 300;
    /* letter-spacing: .08em;*/}
    .ngg-text-link,.ngg-view-all{display:flex;align-items:center;justify-content:center;border:1px solid #9f9995;height:36px;
        padding:0 16px;font-size:1.1vw;font-weight:300;letter-spacing:.04em}
        .ngg-split-content .ngg-text-link{width:100%;}

/* FEATURE */
.ngg-feature-section{text-align:center;padding-top:18px}
.ngg-feature-section .ngg-section-title{margin-bottom:28px}
.ngg-feature-banner{position:relative;overflow:hidden;background:#f8e6ed}
.ngg-feature-banner>img{width:100%;height:auto;object-fit:cover}
.ngg-view-all{margin:24px auto 0;width:max-content;height:auto;padding:0 0 6px;border:0;border-bottom:1px solid #81746f;color:#81746f;letter-spacing:.18em}

/* BRANDS */
.ngg-brand-section{padding-top:18px}.ngg-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.ngg-brand-card{position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:34px;background:#888}.ngg-brand-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ngg-brand-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.42) 100%)}.ngg-brand-card>div{position:relative;z-index:1}.ngg-brand-card h3{margin:0 0 10px;font-size:2vw;font-weight:500}.ngg-brand-card p{margin:0;max-width:390px;color:rgba(255,255,255,.88);font-size:1.2vw;}.ngg-brand-card-light{color:#fff}.ngg-brand-card-light p{color:rgba(255,255,255,.9)}.ngg-brand-card-tall{min-height:360px}.ngg-brand-stack{display:grid;gap:8px}.ngg-brand-card-small{min-height:176px;padding:24px 30px}.ngg-brand-card-small h3{font-size:22px}

/* DSHINE .ngg-split-image{height:auto}*/
.ngg-dshine-section{background:#f7f7f7;margin-top:40px;padding:72px 0}.ngg-dshine-inner{width:min(var(--ngg-max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ngg-dshine-section 
.ngg-thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.ngg-thumb-row a{display:block;background:#fff;border-radius:10px;overflow:hidden}.ngg-thumb-row img{width:100%;background:#fff;border:0}.ngg-dshine-section .ngg-text-link{width:100%}

/* BENEFITS */
.ngg-benefit-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:min(var(--ngg-max),calc(100% - 48px));margin:0 auto;padding:48px 0;text-align:center;background:#fff}.ngg-benefit-section article{color:#9c8577}.ngg-benefit-section span{font-size:24px}
.ngg-benefit-section h3{margin:10px 0 4px;color:#6a5b52;font-size:1.3vw}
.ngg-benefit-section p{margin:0;color:#a0938c;font-size:1.1vw}

/* DESTINATION 
.ngg-destination-section{display:grid;grid-template-columns:1fr 1fr;min-height:330px;background:#eee3dc;margin-top:0}.ngg-destination-content{padding:74px max(24px,calc((100vw - var(--ngg-max))/2))}.ngg-destination-content h2{margin:0 0 14px;font-size:34px;font-weight:500}.ngg-destination-content p{margin:0 0 28px;color:#6c625f}.ngg-action-row{display:flex;gap:12px}.ngg-destination-image{width:100%;height:100%;object-fit:cover;min-height:330px}
*/
@media (max-width: 900px){
  .ngg-section,.ngg-dshine-inner,.ngg-benefit-section{width:calc(100% - 32px)}
  .ngg-hero-inner{width:calc(100% - 32px);padding-top:28px}.ngg-hero-content{width:52%}.ngg-hero-title{font-size:clamp(30px,7vw,4vw);}.ngg-hero-copy{font-size:12px;margin:14px 0}.ngg-button{min-height:36px;padding:0 18px}
  .ngg-category-grid{grid-template-columns:repeat(3,1fr)}.ngg-split-section,.ngg-dshine-inner,.ngg-destination-section{grid-template-columns:1fr}.ngg-brand-grid{grid-template-columns:1fr}.ngg-product-row{grid-template-columns:repeat(3,1fr)}.ngg-benefit-section{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 520px){
  .ngg-hero-content{width:58%}.ngg-hero-section .ngg-eyebrow{font-size:7px}.ngg-hero-title{font-size:30px}.ngg-hero-copy{display:none}.ngg-button-light{display:none}.ngg-section-title{font-size:24px}.ngg-category-grid{grid-template-columns:repeat(2,1fr)}
}
.ngg-split-section,.ngg-dshine-inner{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.ngg-split-image-wrap{overflow:hidden;background:#f8f4f1}
.ngg-split-image{width:100%;height:440px;object-fit:cover}
.ngg-split-content{text-align:left}


/* DESTINATION */
.ngg-destination-section {
  position: relative;
  display: grid;
    grid-template-columns: 58% 55%;
  min-height: 410px;
  margin-top: 10px;
  background: #eee7e1;
  overflow: hidden;
}

.ngg-destination-content {
  position: relative;
  z-index: 2;
  padding: 105px 0px 80px max(80px, calc((100vw - var(--ngg-max)) / 2));
}

.ngg-destination-content .ngg-eyebrow {
  margin: 0 0 26px;
  color: #c3a982;
  font-size: 1vw;
  letter-spacing: .20em;
}

.ngg-destination-content h2 {
  margin: 0 0 24px;
  font-size: 3vw;
  line-height: 1.12;
  font-weight: 500;
  color: #111;
}

.ngg-destination-content p {
  max-width: 760px;
  margin: 0 0 36px;
  color: #333;
  font-size: 1.2vw;
  line-height: 1.7;
}

.ngg-destination-photo img {
    width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
  object-position: right center;
  display: block;
}

.ngg-action-row {
  display: flex;
  gap: 16px;
}

.ngg-destination-image {
  width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
  object-position: center right;
  display: block;
}

.ngg-destination-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 28%;
  bottom: 0;
  width: 30%;
  z-index: 1;
  pointer-events: none;
    background: linear-gradient(90deg, #eee7e1 0%, rgba(238, 231, 225, .96) 85%, rgba(238, 231, 225, .58) 95%, rgba(238, 231, 225, 0) 100%);
}



/* FONT MATCH WITH MB VERSION - THAI TEXT STRONGER */
.ngg-page{
  font-family:'ngg_fontregular';
}

.ngg-page p,
.ngg-page a,
.ngg-page span,
.ngg-page h3,
.ngg-page .ngg-button,
.ngg-page .ngg-body-text,
.ngg-page .ngg-category-card,
.ngg-page .ngg-mini-product,
.ngg-page .ngg-benefit-section,
.ngg-page .ngg-destination-content p{
  font-family:'DBHeavent';
}

.ngg-page h1,
.ngg-page h2,
.ngg-page .ngg-section-title,
.ngg-page .ngg-hero-title,
.ngg-page .ngg-content-title,
.ngg-page .ngg-destination-content h2{
  font-family:'ngg_fontregular';
}

.ngg-benefit-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin:0 auto 10px;
  color:#9c8577;
}

.ngg-benefit-icon svg{
  width:24px;
  height:24px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ngg-benefit-section span.ngg-benefit-icon{
  font-size:0;
}