/* GunBangkok — Elementor landing styles (Modern Monochrome).
   Scoped to .gbk* classes so it never affects other Elementor pages. */
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --gbk-ink:#0a0a0b; --gbk-soft:#2e2f31; --gbk-muted:#6a6c6f; --gbk-line:#e8e8e7;
  --gbk-dark:#0b0b0c; --gbk-ondark:#f5f5f4; --gbk-ondarkmuted:#a2a4a7;
  --gbk-green:#06c755; --gbk-paper2:#f4f4f3;
}

/* base */
.gbk, .gbk *{ box-sizing:border-box; font-family:'Anuphan',system-ui,sans-serif; }
.gbk{ color:var(--gbk-ink); background:#fff; padding-top:56px; padding-bottom:56px; }
.gbk .elementor-widget:not(:last-child){ margin-bottom:0; }
.gbk-alt{ background:var(--gbk-paper2); }
.gbk-dark{ background:var(--gbk-dark); color:var(--gbk-ondark); }
.gbk-dark .elementor-heading-title,
.gbk-dark p,.gbk-dark li,.gbk-dark span{ color:var(--gbk-ondark); }

/* header */
.gbk-header{ padding:14px 0!important; position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--gbk-line); }
.gbk-col-right{ text-align:right; }
.gbk-col-right .elementor-widget-container{ display:flex; justify-content:flex-end; }
.gbk-logo{ font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:.14em; font-size:19px; }
.gbk-logo b{ color:var(--gbk-ink); } .gbk-logo span{ } .gbk-logo:not(.gbk-logo--light){ color:var(--gbk-ink); }
.gbk-logo--light{ color:var(--gbk-ondark); }

/* typography */
.gbk-eyebrow .elementor-heading-title{ font-family:'Space Grotesk',sans-serif; font-size:13px!important; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--gbk-muted)!important; }
.gbk-eyebrow--dark .elementor-heading-title{ color:var(--gbk-ondarkmuted)!important; }
.gbk-h1 .elementor-heading-title{ font-size:clamp(34px,5vw,60px)!important; font-weight:700; line-height:1.08; letter-spacing:-.02em; }
.gbk-h1--muted .elementor-heading-title{ color:var(--gbk-muted)!important; }
.gbk-h2 .elementor-heading-title{ font-size:clamp(26px,3.4vw,42px)!important; font-weight:700; line-height:1.14; letter-spacing:-.01em; margin-top:8px; }
.gbk-lead .elementor-widget-container,.gbk-lead p{ font-size:clamp(17px,1.4vw,20px); color:var(--gbk-soft); line-height:1.55; max-width:60ch; }
.gbk-dark .gbk-lead p{ color:var(--gbk-ondarkmuted); }
.gbk-micro p{ font-size:14px; color:var(--gbk-muted); margin-top:8px; }
.gbk-center-text .elementor-heading-title,.gbk-center-text p{ text-align:center; margin-left:auto; margin-right:auto; }

/* buttons */
.gbk .elementor-button{ border-radius:4px; font-weight:600; font-family:'Anuphan',sans-serif; letter-spacing:.01em; transition:.18s; }
.gbk-line .elementor-button{ background:var(--gbk-green); color:#08341a; }
.gbk-line .elementor-button:hover{ background:#05b64d; }
.gbk-ghost .elementor-button{ background:transparent; border:1px solid var(--gbk-line); color:var(--gbk-ink); }
.gbk-dark .gbk-ghost .elementor-button{ border-color:#2a2c2f; color:var(--gbk-ondark); }
.gbk-lg .elementor-button{ padding:15px 30px; font-size:17px; }
.gbk-sm .elementor-button{ padding:9px 18px; font-size:14px; }
.gbk-cta-row{ height:6px; }
.gbk-center{ text-align:center; } .gbk-center-col{ text-align:center; }
.gbk-center-col .elementor-widget-button{ text-align:center; }

/* icon-box cards */
.gbk-card{ height:100%; }
.gbk-card .elementor-icon-box-wrapper{ background:#fff; border:1px solid var(--gbk-line); border-radius:8px; padding:22px 20px; height:100%; text-align:left; }
.gbk-alt .gbk-card .elementor-icon-box-wrapper{ background:#fff; }
.gbk-card .elementor-icon{ width:44px; height:44px; background:#0a0a0b; color:#fff; border-radius:6px; font-size:20px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.gbk-card .elementor-icon-box-title{ font-size:17px!important; margin:0 0 6px; }
.gbk-card .elementor-icon-box-title span{ font-weight:600; }
.gbk-card .elementor-icon-box-description{ font-size:14px; color:var(--gbk-muted); line-height:1.55; }
.gbk-grid .elementor-column-gap-default{ }

/* trust strip */
.gbk-strip-sec{ padding:14px 0!important; border-top:1px solid #2a2c2f; border-bottom:1px solid #2a2c2f; }
.gbk-strip{ display:flex; flex-wrap:wrap; gap:10px 34px; justify-content:center; margin:0; padding:0; list-style:none; }
.gbk-strip li{ font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; letter-spacing:.16em; color:var(--gbk-ondarkmuted); }

/* comparison */
.gbk-cmp{ background:#fff; border:1px solid var(--gbk-line); border-radius:8px; padding:26px 24px; height:100%; }
.gbk-cmp--custom{ border-color:#0a0a0b; box-shadow:0 8px 30px -16px rgba(10,10,11,.25); }
.gbk-tag{ font-family:'Space Grotesk',sans-serif; font-size:12px; letter-spacing:.16em; font-weight:600; color:var(--gbk-muted); border:1px solid var(--gbk-line); border-radius:999px; padding:4px 10px; }
.gbk-tag--accent{ color:#0a0a0b; border-color:#0a0a0b; }
.gbk-cmp h3{ font-size:22px; margin:14px 0 10px; }
.gbk-flow{ font-size:14px; background:var(--gbk-paper2); border:1px dashed var(--gbk-line); border-radius:4px; padding:11px 13px; color:var(--gbk-soft); margin-bottom:14px; }
.gbk-list{ list-style:none; padding:0; margin:0; display:grid; gap:9px; font-size:14px; color:var(--gbk-soft); }
.gbk-list li{ padding-left:16px; position:relative; }
.gbk-list li::before{ content:'·'; position:absolute; left:2px; color:#9aa0a6; font-weight:700; }
.gbk-list--check li::before{ content:'✓'; color:#0a0a0b; font-size:12px; }
.gbk-highlight{ text-align:center; font-size:20px; color:var(--gbk-soft); margin-top:22px; }
.gbk-highlight b{ color:#0a0a0b; } .gbk-highlight s{ color:#9aa0a6; }

/* steps */
.gbk-steps{ list-style:none; padding:0; margin:24px 0 0; display:grid; gap:12px; }
.gbk-steps li{ display:grid; grid-template-columns:96px 1fr; gap:20px; background:#fff; border:1px solid var(--gbk-line); border-radius:8px; padding:20px 22px; }
.gbk-stepno{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:40px; color:#0a0a0b; line-height:1; border-right:1px solid var(--gbk-line); }
.gbk-steps h3{ font-size:19px; margin:0 0 6px; }
.gbk-steps p{ color:var(--gbk-soft); font-size:15px; margin:0 0 8px; }
.gbk-steps em{ font-size:14px; color:#474c31; background:#f0f0ef; padding:6px 10px; border-radius:4px; font-style:normal; display:inline-block; }
.gbk-flowline{ font-family:'Space Grotesk',sans-serif; font-weight:600; letter-spacing:.06em; font-size:14px!important; color:#0a0a0b!important; }

/* config diagram */
.gbk-diagram{ display:grid; justify-items:center; gap:10px; margin-top:24px; }
.gbk-diagram ul{ list-style:none; padding:0; margin:0; display:grid; gap:8px; width:100%; max-width:340px; }
.gbk-diagram li{ text-align:center; font-family:'Space Grotesk',sans-serif; font-weight:600; letter-spacing:.1em; padding:13px; background:#fff; border:1px solid var(--gbk-line); border-radius:4px; }
.gbk-diagram-arrow{ color:#9aa0a6; font-size:22px; }
.gbk-diagram-result{ text-align:center; background:#0b0b0c; color:#fff; border-radius:8px; padding:18px 22px; display:grid; gap:4px; max-width:360px; width:100%; }
.gbk-diagram-result b{ font-family:'Space Grotesk',sans-serif; letter-spacing:.08em; }
.gbk-diagram-result span{ color:var(--gbk-ondarkmuted); font-size:14px; }

/* manufacturing */
.gbk-mfg{ list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.gbk-mfg li{ background:#17181a; border:1px solid #2a2c2f; border-radius:8px; padding:16px; font-size:15px; }
.gbk-mfg b{ display:block; color:#a2a4a7; font-family:'Space Grotesk',sans-serif; margin-bottom:4px; }

/* reviews placeholder */
.gbk-reviews-ph{ max-width:620px; margin:24px auto 0; text-align:center; background:var(--gbk-paper2); border:1px dashed var(--gbk-line); border-radius:8px; padding:34px 26px; }
.gbk-reviews-ph h3{ font-size:22px; margin:0 0 8px; }
.gbk-reviews-ph p{ color:var(--gbk-muted); margin:0; }

/* faq */
.gbk-faq .elementor-accordion-item{ border:1px solid var(--gbk-line)!important; border-radius:8px; margin-bottom:8px; overflow:hidden; }
.gbk-faq .elementor-tab-title{ font-weight:600!important; font-size:17px; }
.gbk-faq .elementor-tab-content{ color:var(--gbk-soft); }

/* final + footer */
.gbk-final{ text-align:center; }
.gbk-footer-sec{ padding:40px 0!important; }
.gbk-footer{ text-align:center; display:grid; gap:8px; }
.gbk-footer p{ color:var(--gbk-ondarkmuted); margin:0; }
.gbk-foot-copy{ font-size:13px; opacity:.8; margin-top:10px!important; }
.gbk-note{ text-align:center; font-size:13px; color:var(--gbk-ondarkmuted); margin-top:12px; }

/* placeholders */
.gbk-ph{ background:repeating-linear-gradient(-45deg,rgba(10,10,11,.04) 0 12px,transparent 12px 24px),linear-gradient(135deg,#efefee,#e2e2e1); border-radius:8px; min-height:340px; display:flex; align-items:center; justify-content:center; color:var(--gbk-muted); font-size:14px; text-align:center; padding:20px; }
.gbk-hero-img img{ border-radius:8px; }

/* responsive */
@media(max-width:767px){
  .gbk-steps li{ grid-template-columns:1fr; gap:8px; }
  .gbk-stepno{ border-right:none; }
  .gbk-mfg{ grid-template-columns:1fr 1fr; }
  .gbk-strip{ justify-content:flex-start; }
}