.elementor-28 .elementor-element.elementor-element-65b1193{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-4fc2f50{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-b2aa2ac{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-ef223d9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-3662221{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-93a5609{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   KING FENCE — HOMEPAGE (HERO) CSS  ·  เวอร์ชัน Full-bleed
   วางที่:  แก้หน้าแรกด้วย Elementor → เมนู (☰ ซ้ายล่าง) →
            Page Settings → Advanced → Custom CSS
   พื้นเขียวเต็มขอบจอ + เนื้อหา boxed 1260px
   *** ต้องติดตั้ง kingfence-global.css ก่อน (ใช้ tokens ร่วมกัน) ***
   *** Container แม่: Content Width = Full Width, Width = 100%, Padding = 0 ***
   ============================================================ */

/* Hero : พื้นเขียวเต็มขอบจอ (full-bleed) */
.kf-hero{position:relative;width:100%;overflow:hidden;font-family:'Sarabun',sans-serif;color:var(--kf-ink);background:linear-gradient(160deg,var(--kf-card-top) 0%,var(--kf-card-mid) 55%,var(--kf-card-btm) 100%)}
.kf-hero a{text-decoration:none}
.kf-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 480px at 85% 0%,rgba(217,180,91,.14),transparent 65%)}

/* Inner : กล่อง box เนื้อหาที่ 1260px (แก้เลขนี้ = ปรับความกว้างเนื้อหา) */
.kf-hero__inner{position:relative;max-width:1260px;margin:0 auto;padding:56px 40px 48px}

/* Hero layout : 2 คอลัมน์ */
.kf-hero .kf-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:44px;align-items:center}
.kf-hero .kf-col{display:flex;flex-direction:column;gap:20px;min-width:0}

/* Typography */
.kf-hero .kf-eyebrow{margin:0;font-family:'Prompt',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:1.5px;color:var(--kf-gold-soft)}
.kf-hero .kf-h1{margin:0;font-family:'Prompt',sans-serif;font-weight:600;font-size:46px;line-height:1.16;color:#fff}
.kf-hero .kf-h1 span{display:block;margin-top:10px;font-size:28px;font-weight:500;color:var(--kf-gold-soft)}
.kf-hero .kf-lead{margin:0;font-size:16.5px;line-height:1.75;color:rgba(var(--kf-cream-rgb),.8);max-width:520px}
.kf-hero .kf-subtext{margin:0;font-size:14.5px;line-height:1.7;color:rgba(var(--kf-cream-rgb),.65)}
.kf-hero .kf-subtext a{color:var(--kf-gold-soft);font-weight:700}

/* Image + ป้าย */
.kf-hero .kf-media{position:relative;align-self:stretch;display:flex}
.kf-hero .kf-media img{width:100%;flex:1;min-height:480px;object-fit:cover;border-radius:20px;display:block}
.kf-hero .kf-badge{position:absolute;top:16px;left:16px;background:rgba(21,37,19,.78);border:1px solid rgba(217,180,91,.5);color:var(--kf-btn-top);font-family:'Prompt',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:1px;padding:7px 16px;border-radius:999px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.kf-hero .kf-tag{position:absolute;right:16px;bottom:16px;background:#fff;border-radius:14px;padding:14px 20px;box-shadow:0 12px 32px rgba(10,20,8,.3);display:flex;flex-direction:column;gap:2px;pointer-events:none;max-width:calc(100% - 32px)}
.kf-hero .kf-tag__t{margin:0;font-family:'Prompt',sans-serif;font-weight:600;font-size:15px;color:var(--kf-ink)}
.kf-hero .kf-tag__s{margin:0;font-size:13px;color:#8A8672}

/* Trust bar : ระยะห่างจาก grid (ตัว component + responsive อยู่ใน Global) */
.kf-hero .kf-trust{margin-top:32px}

/* Responsive : เฉพาะ layout ของ hero */
@media (max-width:1024px){
  .kf-hero__inner{padding:48px 32px 40px}
  .kf-hero .kf-hero-grid{grid-template-columns:1fr;gap:34px}
  .kf-hero .kf-h1{font-size:38px}
  .kf-hero .kf-h1 span{font-size:24px}
  .kf-hero .kf-lead{max-width:none}
  .kf-hero .kf-media img{min-height:340px}
  .kf-hero .kf-trust{margin-top:28px}
}
@media (max-width:768px){
  .kf-hero__inner{padding:36px 18px 32px}
  .kf-hero .kf-hero-grid{gap:26px}
  .kf-hero .kf-h1{font-size:30px}
  .kf-hero .kf-h1 span{font-size:20px;margin-top:8px}
  .kf-hero .kf-lead{font-size:15.5px}
  .kf-hero .kf-media img{min-height:260px}
  .kf-hero .kf-tag{padding:11px 15px}
  .kf-hero .kf-tag__t{font-size:14px}
  .kf-hero .kf-trust{margin-top:24px}
}/* End custom CSS */