/* ============================================================ */
/* Six Finger OEM / ODM 官网 — 完整样式                        */
/* 独立文件，通过 functions.php 中 wp_enqueue_style() 引入      */
/* ============================================================ */

/* ---- CSS Custom Properties ---- */
:root {
  --color-text-primary:   #1a1a2e;
  --color-text-secondary: #6b7280;
  --color-background-primary:   #ffffff;
  --color-background-secondary: #f9fafb;
  --color-border-tertiary: #e5e7eb;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---- Reset ---- */
body.sf-template {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sf-template *,
.sf-template *::before,
.sf-template *::after {
  box-sizing: border-box;
}

/* ============================================================ */
/* HERO                                                         */
/* ============================================================ */
.sf-hero {
  background: #0d1f3c;
  color: #fff;
}

/* Top Bar */
.sf-topbar {
  background: #071429;
  padding: 8px 32px;
  display: flex;
  gap: 32px;
  font-size: 12px;
  color: #aac4e8;
}
.sf-topbar span {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Nav */
.sf-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px;
  border-bottom: 0.5px solid rgba(255,255,255,0.1);
}
.sf-logo {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sf-logo-dot {
  width: 28px;
  height: 28px;
  background: #e03a2f;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
}
.sf-navlinks,
.sf-template .sf-navlinks {
  display: flex;
  gap: 24px;
  font-size: 13px;
  color: #aac4e8;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-template .sf-navlinks li {
  margin: 0;
  padding: 0;
}
.sf-template .sf-navlinks a {
  color: #aac4e8;
  text-decoration: none;
  transition: color 0.2s;
}
.sf-template .sf-navlinks a:hover,
.sf-template .sf-navlinks a:focus {
  color: #fff;
}
.sf-navlinks span {
  cursor: pointer;
}
.sf-navlinks span:hover {
  color: #fff;
}
.sf-quote-btn {
  background: #e03a2f;
  color: #fff;
  border: none;
  padding: 8px 18px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
}
.sf-quote-btn:hover {
  background: #c22e23;
}

/* Hero Body */
.sf-hero-body {
  display: flex;
  align-items: center;
  padding: 48px 32px 56px;
  gap: 32px;
}
.sf-hero-text {
  flex: 1;
}
.sf-badge {
  display: inline-block;
  background: rgba(224,58,47,0.18);
  color: #f07a74;
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.sf-hero-text h1 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  margin: 0 0 12px;
}
.sf-hero-text h1 span {
  color: #e03a2f;
}
.sf-hero-text p {
  font-size: 14px;
  color: #aac4e8;
  line-height: 1.7;
  margin: 0 0 24px;
  max-width: 420px;
}
.sf-hero-btns {
  display: flex;
  gap: 12px;
}
.sf-btn-primary {
  background: #e03a2f;
  color: #fff;
  border: none;
  padding: 11px 24px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.sf-btn-primary:hover {
  background: #c22e23;
}
.sf-btn-outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.35);
  padding: 11px 24px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.2s;
}
.sf-btn-outline:hover {
  border-color: rgba(255,255,255,0.65);
}

/* Hero Stats */
.sf-hero-stats {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 200px;
}
.sf-stat-card {
  background: rgba(255,255,255,0.06);
  border: 0.5px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 16px 20px;
}
.sf-stat-card .num {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
}
.sf-stat-card .num span {
  color: #e03a2f;
}
.sf-stat-card .label {
  font-size: 12px;
  color: #aac4e8;
  margin-top: 2px;
}

/* ============================================================ */
/* SECTION GENERIC                                              */
/* ============================================================ */
.sf-section {
  padding: 48px 32px;
}
.sf-section-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-text-secondary);
  margin-bottom: 8px;
}
.sf-section-h2 {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0 0 6px;
}
.sf-section-sub {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 0 0 32px;
  line-height: 1.6;
}

/* ============================================================ */
/* WHY CHOOSE US GRID                                           */
/* ============================================================ */
.sf-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.sf-why-card {
  background: var(--color-background-primary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 10px;
  padding: 20px;
}
.sf-why-icon {
  width: 36px;
  height: 36px;
  background: #fdecea;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.sf-why-icon i {
  font-size: 18px;
  color: #e03a2f;
}
.sf-why-card h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0 0 6px;
}
.sf-why-card p {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

/* ============================================================ */
/* PRODUCTS                                                     */
/* ============================================================ */
.sf-products {
  background: var(--color-background-secondary);
}
.sf-prod-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.sf-prod-card {
  background: var(--color-background-primary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 10px;
  overflow: hidden;
}
.sf-prod-img {
  background: #0d1f3c;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sf-prod-img i {
  font-size: 48px;
  color: rgba(255,255,255,0.2);
}
.sf-prod-body {
  padding: 16px;
}
.sf-prod-body h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0 0 4px;
}
.sf-prod-body p {
  font-size: 13px;
  color: var(--color-text-secondary);
  margin: 0 0 12px;
  line-height: 1.5;
}
.sf-prod-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sf-tag {
  font-size: 11px;
  background: var(--color-background-secondary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 4px;
  padding: 3px 8px;
  color: var(--color-text-secondary);
}

/* ============================================================ */
/* CUSTOMIZATION                                                */
/* ============================================================ */
.sf-custom {
  border-top: 0.5px solid var(--color-border-tertiary);
}
.sf-custom-inner {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}
.sf-custom-left {
  flex: 1;
}
.sf-custom-right {
  min-width: 260px;
  background: var(--color-background-secondary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 10px;
  padding: 20px;
}
.sf-custom-right h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0 0 14px;
}
.sf-custom-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.sf-custom-item:last-child {
  margin-bottom: 0;
}
.sf-custom-item i {
  font-size: 16px;
  color: #e03a2f;
  margin-top: 1px;
}
.sf-custom-item div {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.5;
}
.sf-custom-item div strong {
  color: var(--color-text-primary);
  font-weight: 500;
  display: block;
  font-size: 13px;
}

/* ============================================================ */
/* MOQ CTA BANNER                                              */
/* ============================================================ */
.sf-moq {
  background: #0d1f3c;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sf-moq-text h2 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 6px;
}
.sf-moq-text p {
  font-size: 13px;
  color: #aac4e8;
  margin: 0;
}
.sf-moq-btns {
  display: flex;
  gap: 12px;
}

/* ============================================================ */
/* CONTACT                                                      */
/* ============================================================ */
.sf-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.sf-contact-info {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sf-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.sf-contact-row i {
  font-size: 18px;
  color: #e03a2f;
  margin-top: 2px;
}
.sf-contact-row div {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.6;
}
.sf-contact-row div strong {
  color: var(--color-text-primary);
  font-weight: 500;
  display: block;
}

/* Contact Form */
.sf-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sf-form input,
.sf-form textarea {
  width: 100%;
  font-size: 13px;
  padding: 9px 12px;
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 6px;
  background: var(--color-background-primary);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  transition: border-color 0.2s;
}
.sf-form input:focus,
.sf-form textarea:focus {
  outline: none;
  border-color: #e03a2f;
}
.sf-form textarea {
  height: 80px;
  resize: none;
}
.sf-form button {
  background: #e03a2f;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.sf-form button:hover {
  background: #c22e23;
}

/* ============================================================ */
/* FOOTER                                                       */
/* ============================================================ */
.sf-footer {
  background: #071429;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #aac4e8;
}

/* ============================================================ */
/* RESPONSIVE                                                   */
/* ============================================================ */

  .sf-hero-text p {
    max-width: none;
  }
  .sf-hero-stats {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .sf-stat-card {
    flex: 1;
    min-width: 140px;
  }
  .sf-custom-inner {
    flex-direction: column;
  }
  .sf-custom-right {
    min-width: auto;
    width: 100%;
  }
  .sf-contact {
    grid-template-columns: 1fr;
  }
  .sf-moq {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}

  .sf-nav {
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 16px;
  }
  .sf-navlinks {
    order: 3;
    width: 100%;
    justify-content: center;
  }
  .sf-hero-body {
    padding: 32px 16px;
  }
  .sf-hero-text h1 {
    font-size: 24px;
  }
  .sf-section {
    padding: 32px 16px;
  }
  .sf-why-grid {
    grid-template-columns: 1fr;
  }
  .sf-prod-grid {
    grid-template-columns: 1fr;
  }
  .sf-hero-stats {
    flex-direction: column;
  }
  .sf-footer {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}

  .sf-hero-btns {
    flex-direction: column;
  }
  .sf-btn-primary,
  .sf-btn-outline {
    width: 100%;
    text-align: center;
  }
}

/* Essential: full-width container override */
.elementor-section-boxed>.elementor-container{max-width:none!important;width:100%!important;padding:0!important}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0!important}

.sf-nav{font-size:0}
.sf-logo,.sf-navlinks,.sf-navlinks span,.sf-navlinks a,.sf-quote-btn{font-size:13px}
.sf-logo{font-size:18px}
.sf-logo img{height:auto;max-height:80px}

/* PC only: logo 50% bigger + menu enlarged + evenly spaced */

  .sf-logo{font-size:29px!important}
  .sf-navlinks{font-size:21px!important;gap:40px!important;margin-left:50%!important}
  .sf-navlinks span,.sf-navlinks a{font-size:21px!important}
  .sf-quote-btn{font-size:21px!important;padding:10px 28px!important}
  .sf-nav{padding:4px 32px!important;background:rgba(13,31,60,0.5)!important}
  .sf-topbar{padding:18px 40px!important;font-size:40px!important;gap:60px!important}
  .sf-topbar span:nth-child(1)::after,.sf-topbar span:nth-child(2)::after,.sf-topbar span:nth-child(3)::after{font-size:18px!important}
  .sf-topbar span i{font-size:18px!important}
  
  /* Hero layout: flex 6:4 */
  .sf-hero{min-height:800px!important;position:relative!important;padding-bottom:60px!important}
  .sf-hero{background-image:linear-gradient(rgba(13,31,60,0.25),rgba(13,31,60,0.25)),url(/wp-content/uploads/2026/05/sixfinger-hero-bg.jpg)!important}
  .sf-hero-body{display:flex!important;flex-direction:row!important;align-items:center!important;gap:48px!important;padding:56px 48px!important;flex:1!important;width:100%!important}
  .sf-hero-text{flex:6!important;max-width:60%!important}
  .sf-hero-stats{flex:4!important;max-width:40%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;min-width:auto!important}
  .sf-stat-card{background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:10px!important;padding:18px 16px!important}
  .sf-stat-card .num{font-size:28px!important;font-weight:700!important;color:#fff!important}
  .sf-stat-card .num span{color:#e03a2f!important}
  .sf-stat-card .label{font-size:11px!important;color:#6a8dad!important}
  
  /* Left column: text styles */
  .sf-hero-text h1{font-size:42px!important;line-height:1.1!important}
  .sf-hero-text h1 span{color:#e03a2f!important}
  .sf-hero-text p{font-size:18px!important;color:#7a9abb!important;max-width:420px!important}
  .sf-hero-btns{gap:12px!important}
  .sf-btn-primary,.sf-btn-outline{font-size:18px!important;height:42px!important;line-height:42px!important;padding:0 24px!important}
  
  /* Bottom contact bar: repurpose topbar */
  
  .sf-topbar span i{font-size:18px!important;color:#e03a2f!important}
  .sf-topbar span{font-size:0!important}
  .sf-topbar span:nth-child(1)::after{content:"Lantian Yao Ethnic Township, Longmen County, Huizhou City, Guangdong Province, China"!important;font-size:11px!important;color:rgba(255,255,255,0.6)!important}
  .sf-topbar span:nth-child(2)::after{content:"+86 193-1450-0916"!important;font-size:11px!important;color:rgba(255,255,255,0.6)!important}
  .sf-topbar span:nth-child(3)::after{content:"info@sixfingermusic.com"!important;font-size:11px!important;color:rgba(255,255,255,0.6)!important}
  .sf-nav{border-bottom:0.5px solid rgba(255,255,255,0.1)!important}
  
  /* Stats text replacement */
  .sf-stat-card:nth-child(2) .num{font-size:0!important}
  .sf-stat-card:nth-child(2) .num::after{content:"50K"!important;font-size:28px!important;font-weight:700!important;color:#fff!important}
  .sf-stat-card:nth-child(2) .num span{font-size:28px!important}
  
  /* 1,000m² → 1,000m² */
  .sf-stat-card:nth-child(4) .num{font-size:28px!important}
}

/* ===== 导航菜单滑动红框动画 ===== */
.sf-navlinks{position:relative!important;display:flex!important;align-items:center!important;gap:4px!important}
.sf-navlinks span,.sf-navlinks a{position:relative!important;z-index:1!important;padding:8px 16px!important;border-radius:6px!important;color:rgba(255,255,255,0.9)!important;background:transparent!important;transition:color .25s ease!important;white-space:nowrap!important;cursor:pointer!important}
.sf-navlinks span:hover,.sf-navlinks a:hover{color:#fff!important;background:transparent!important}
.sf-navlinks span::before,.sf-navlinks a::before{content:''!important;position:absolute!important;inset:0!important;background:#e03a2f!important;border-radius:6px!important;z-index:-1!important;opacity:0!important;transform:scale(.85)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}
.sf-navlinks span:hover::before,.sf-navlinks a:hover::before{opacity:1!important;transform:scale(1)!important}

  .sf-topbar span i{font-size:18px!important}
  .sf-topbar{padding:4px 40px!important;gap:60px!important}
}

  .sf-topbar span i{font-size:18px!important}
  .sf-topbar{padding:4px 40px!important;gap:60px!important}
}


/* PC only */
@media (min-width: 769px) {
  /* Topbar */
  .sf-topbar{padding:4px 40px!important;gap:60px!important}
  .sf-topbar span:nth-child(1)::after,.sf-topbar span:nth-child(2)::after,.sf-topbar span:nth-child(3)::after{font-size:18px!important}
  .sf-topbar span i{font-size:18px!important}
  
  /* Nav */
  .sf-logo img{height:78px!important;width:auto!important}
  .sf-logo{font-size:29px!important}
  .sf-navlinks{font-size:21px!important;gap:40px!important;margin-left:50%!important}
  .sf-navlinks span,.sf-navlinks a{font-size:21px!important}
  .sf-quote-btn{font-size:21px!important;padding:10px 28px!important}
  .sf-nav{padding:4px 32px!important;background:rgba(13,31,60,0.5)!important}
  
  /* Hero bg - use ::before for overlay */
  .sf-hero{position:relative!important;min-height:560px!important;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url(/wp-content/uploads/2026/05/sixfinger-hero-bg.jpg)!important;background-size:cover!important;background-position:center!important;padding-bottom:0!important}
  .sf-hero::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(to right,rgba(11,28,53,0.92) 0%,rgba(11,28,53,0.75) 45%,rgba(11,28,53,0.25) 100%)!important;z-index:1!important;pointer-events:none!important}
  .sf-hero>*{position:relative!important;z-index:2!important}
  
  /* Hero layout */
  .sf-hero-body{display:flex!important;flex-direction:row!important;align-items:center!important;gap:60px!important;padding:80px 60px!important;flex:1!important;width:100%!important}
  .sf-hero-text{flex:6!important;max-width:58%!important}
  .sf-hero-stats{flex:4!important;max-width:38%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;min-width:auto!important}
  .sf-stat-card{background:rgba(0,0,0,0.45)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:10px!important;padding:20px!important}
  .sf-stat-card .num{font-size:32px!important;font-weight:700!important;color:#fff!important}
  .sf-stat-card .num span{color:#e03a2f!important}
  .sf-stat-card .label{font-size:12px!important;color:rgba(255,255,255,0.6)!important}
  
  /* Left text */
  .sf-hero-text h1{font-size:52px!important;line-height:1.1!important}
  .sf-hero-text h1 span{color:#e03a2f!important}
  .sf-hero-text p{margin:0 0 28px!important}
  .sf-hero-btns{gap:14px!important}
  .sf-btn-primary,.sf-btn-outline{font-size:14px!important;height:auto!important;line-height:1!important;padding:12px 28px!important}
  
  /* Text replacements (English) */
  .sf-hero-text p{font-size:0!important;position:relative!important;min-height:45px!important}
  .sf-hero-text p::after{content:"Six Finger Music — With 20+ years of core team expertise, we produce 45,000 to 50,000 guitars annually, offering full customization with MOQ as low as 200 units."!important;font-size:15px!important;color:rgba(255,255,255,0.75)!important;position:absolute!important;top:0!important;left:0!important;line-height:1.7!important;width:460px!important}
  
  .sf-btn-primary{font-size:0!important;min-width:180px!important}
  .sf-btn-primary::after{content:"Request a Free Quote"!important;font-size:14px!important;color:#fff!important}
  
  .sf-btn-outline{font-size:0!important;min-width:180px!important}
  .sf-btn-outline::after{content:"View Our Products"!important;font-size:14px!important;color:#fff!important}
  
  /* Stats text replacement: 50,000->50,000+ */
  .sf-stat-card:nth-child(2) .num{font-size:0!important}
  .sf-stat-card:nth-child(2) .num::after{content:"50,000"!important;font-size:32px!important;font-weight:700!important;color:#fff!important}
  .sf-stat-card:nth-child(2) .num span{font-size:32px!important}
}

/* Mobile */
@media (max-width: 768px) {
  .sf-hero-body{flex-direction:column!important;gap:24px!important;padding:30px 16px!important;width:100%!important;overflow-x:hidden!important}
  .sf-hero-text,.sf-hero-stats{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  .sf-hero-text{text-align:center!important}
  .sf-hero-text p{margin:0 auto 24px!important;text-align:center!important}
  .sf-hero-btns{flex-direction:column!important;gap:10px!important;align-items:stretch!important;width:100%!important}
  .sf-btn-primary,.sf-btn-outline{width:100%!important;text-align:center!important}
  .sf-hero-text h1{font-size:32px!important}
  .sf-hero-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .sf-stat-card{padding:12px!important;text-align:center!important}
  .sf-stat-card .num{font-size:20px!important;color:#fff!important}
  .sf-stat-card .label{font-size:11px!important;color:rgba(255,255,255,0.6)!important}
  .sf-why-grid{gap:12px!important;grid-template-columns:1fr!important}
  .sf-prod-grid{grid-template-columns:1fr!important;gap:12px!important}
  .sf-custom-inner{flex-direction:column!important;gap:24px!important}
  .sf-custom-right{width:100%!important}
  .sf-contact{grid-template-columns:1fr!important;gap:20px!important}
  .sf-footer{flex-direction:column!important;text-align:center!important;gap:8px!important}
  .sf-section{padding:32px 16px!important}
  .sf-moq{flex-direction:column!important;gap:16px!important;text-align:center!important;padding:24px 16px!important}
  .sf-topbar{padding:6px 12px!important;gap:4px!important;flex-wrap:wrap!important}
  .sf-topbar span:nth-child(1)::after,.sf-topbar span:nth-child(2)::after,.sf-topbar span:nth-child(3)::after{font-size:10px!important}
  .sf-topbar span i{font-size:10px!important}
}


/* === FINAL ADJUSTMENTS === */
/* 1. Hero full screen */
.sf-hero{width:100%!important;min-height:560px!important;margin:0!important;padding:0!important;overflow:hidden!important}

/* 2. Nav layout */
.sf-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:4px 40px!important}

/* 4. Badge styling */
.sf-badge{font-size:13px!important;color:#fff!important;opacity:1!important;background:rgba(224,58,47,0.25)!important;border:1px solid rgba(224,58,47,0.6)!important;padding:6px 16px!important;border-radius:20px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:20px!important}

/* 5. English text for Why Choose Us */
.sf-section-sub{font-size:0!important;position:relative!important;min-height:22px!important}
.sf-section-sub::after{content:"Specializing in OEM/ODM production of electric guitars and basses, serving brand owners, distributors, and wholesalers worldwide."!important;font-size:14px!important;color:var(--color-text-secondary)!important;line-height:1.6!important;position:absolute!important;top:0!important;left:0!important}

/* 6. Description text */
.sf-hero-text p{font-size:15px!important;color:rgba(255,255,255,0.85)!important;line-height:1.7!important;max-width:480px!important;margin-bottom:28px!important}