/* ==========================================================================
   STRENGTH FIT — Industrial Performance identity
   Charcoal #101010 · electric indigo #fb5b21 · sharp 3px geometry · hard offset shadows
   Visual layer only: no markup, no JS, no form / enquiry / notification logic touched.
   ========================================================================== */
:root{
  --qd-ink:#101010; --qd-ink-2:#3b3b3b; --qd-muted:#7a7a7a;
  --qd-line:#e6e6e6; --qd-line-2:#f0f0f0; --qd-bg:#f7f7f7;
  --qd-accent:#fb5b21; --qd-accent-2:#e04a14; --qd-radius:3px;
  --qp-ink:#101010; --qp-ink-2:#3b3b3b; --qp-muted:#7a7a7a;
  --qp-line:#e6e6e6; --qp-line-2:#f0f0f0; --qp-bg:#f7f7f7;
  --qp-card:#fff; --qp-accent:#fb5b21; --qp-accent-2:#e04a14;
  --qp-r:3px; --qp-r-sm:2px;
  --br-ink:#101010; --br-ink-2:#3b3b3b; --br-muted:#7a7a7a;
  --br-accent:#fb5b21; --br-accent-2:#e04a14; --br-soft:#FFE9DD;
  --br-surface:#f7f7f7; --br-line:#e6e6e6; --br-line-2:#f0f0f0;
  --br-body:Roboto,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --br-display:Oswald,"Arial Narrow","Helvetica Neue",Arial,sans-serif;
}
body{color:var(--br-ink);font-family:var(--br-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5{font-family:var(--br-display);color:var(--br-ink);font-weight:900;letter-spacing:.005em}
h1{text-transform:uppercase}
p{color:var(--br-ink-2)}
img{max-width:100%;height:auto}
::selection{background:rgba(251,91,33,.20)}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}

/* ---------- product system ---------- */
.qp-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.qp-hero{position:relative;background:var(--br-ink);color:#fff;padding:78px 0 66px;border-bottom:0;overflow:hidden}
.qp-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--br-accent)}
.qp-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border:26px solid rgba(251,91,33,.16);transform:rotate(45deg)}
.qp-hero .qp-eyebrow{color:#ffb08a}
.qp-hero h1{color:#fff;font-size:clamp(30px,4.2vw,50px);line-height:1.02;margin:0 0 16px;font-weight:900;letter-spacing:.005em}
.qp-hero .qp-lede{color:rgba(255,255,255,.74);max-width:66ch}
.qp-eyebrow{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--br-accent);font-weight:800;margin:0 0 14px}
.qp-eyebrow:before{content:"";width:11px;height:11px;background:var(--br-accent);display:block;flex:none}
.qp-lede{font-size:16px;line-height:1.62;color:var(--br-muted);margin:0;max-width:70ch}
.qp-section{padding:78px 0}
.qp-section.alt{background:var(--br-surface)}
.qp-h2{font-size:23px;font-weight:900;letter-spacing:.01em;text-transform:uppercase;margin:0 0 24px}
.qp-crumb{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--br-muted);margin:0 0 28px}
.qp-crumb a{color:var(--br-muted);text-decoration:none}
.qp-crumb a:hover{color:var(--br-accent)}
.qp-crumb span{color:var(--br-ink)}

.qp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media(max-width:1080px){.qp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.qp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.qp-card{position:relative;display:flex;flex-direction:column;background:var(--qp-card);border:0;border-radius:var(--qp-r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--br-line) inset,0 0 0 1px var(--br-line);transition:box-shadow .18s,transform .18s}
.qp-card:hover{box-shadow:7px 7px 0 var(--br-ink),0 0 0 1px var(--br-ink);transform:translate(-2px,-2px)}
.qp-card-media{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--br-line-2)}
.qp-card-media img{width:100%;height:100%;object-fit:contain;display:block}
.qp-card-body{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
.qp-card-body h3{font-size:14px;line-height:1.38;font-weight:800;margin:0 0 7px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:uppercase;letter-spacing:.01em}
.qp-card-body p{font-size:12.5px;line-height:1.5;color:var(--br-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qp-card-more{margin-top:auto;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--br-accent)}
.qp-card-x{position:absolute;top:12px;right:12px;display:inline-flex;gap:6px}
.qp-badge{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:2px;background:var(--br-accent);color:#fff}

.qp-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:start}
@media(max-width:900px){.qp-detail{grid-template-columns:1fr;gap:26px}}
.qp-detail-media{aspect-ratio:1/1;background:#fff;border:1px solid var(--br-line);border-radius:var(--qp-r);display:flex;align-items:center;justify-content:center;padding:26px}
.qp-detail-media img{width:100%;height:100%;object-fit:contain}
.qp-sku{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--br-accent);font-weight:800;margin:0 0 12px}
.qp-detail-info h1{font-size:clamp(24px,3vw,36px);line-height:1.08;margin:0 0 16px;font-weight:900;text-transform:uppercase}
.qp-specs{margin:24px 0 26px;border-top:2px solid var(--br-ink)}
.qp-specs div{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--br-line-2);font-size:14px}
.qp-specs dt{min-width:134px;color:var(--br-muted);margin:0;font-weight:600;text-transform:uppercase;font-size:11.5px;letter-spacing:.08em;padding-top:2px}
.qp-specs dd{margin:0;color:var(--br-ink-2);font-weight:600}
.qp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--br-accent);color:#fff;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:15px 28px;border-radius:var(--qp-r);border:0;transition:background .18s,box-shadow .18s,transform .18s}
.qp-btn:hover{background:var(--br-accent-2);color:#fff;box-shadow:5px 5px 0 var(--br-ink);transform:translate(-1px,-1px)}
.qp-btn.ghost{background:#fff;color:var(--br-ink);border:2px solid var(--br-ink)}
.qp-btn.ghost:hover{border-color:var(--br-ink);color:#fff;background:var(--br-ink);box-shadow:none;transform:none}
.qp-note{font-size:13px;color:var(--br-muted);margin:14px 0 0}
.qp-points{list-style:none;margin:22px 0 0;padding:0}
.qp-points li{position:relative;padding-left:20px;font-size:14px;line-height:1.6;color:var(--br-ink-2);margin-bottom:9px}
.qp-points li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--br-accent)}
.qp-carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 14px}
.qp-carousel>*{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;min-width:0}
@media(max-width:1080px){.qp-carousel>*{flex:0 0 calc((100% - 48px)/3)}}
@media(max-width:760px){.qp-carousel>*{flex:0 0 calc((100% - 24px)/2)}}
.qp-carousel::-webkit-scrollbar{height:6px}
.qp-carousel::-webkit-scrollbar-thumb{background:var(--br-ink);border-radius:0}
.qp-more{display:flex;justify-content:center;margin-top:28px}

/* ---------- site-wide layer ---------- */
.section_padding a:not(.btn):not(.qp-btn):not(.qci-btn),article a,.blog-entry a,.blog-item a,.post-content a{color:var(--br-accent)}
.section_padding a:not(.btn):not(.qp-btn):not(.qci-btn):hover,article a:hover,.blog-entry a:hover,.blog-item a:hover{color:var(--br-accent-2)}
.form-control,input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{border:1px solid var(--br-line);border-radius:3px;color:var(--br-ink);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}
.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--br-accent);box-shadow:0 0 0 3px rgba(251,91,33,.16);outline:none}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#9a9aa4}
input[type=submit],button[type=submit],.btn,.btn-primary,.s_bg_btn,.slider_btn,.default-btn,.sigma_btn,.theme-btn,.wp-block-button__link{border-radius:3px;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
input[type=submit]:hover,button[type=submit]:hover,.btn-primary:hover,.s_bg_btn:hover,.slider_btn:hover,.default-btn:hover,.sigma_btn:hover,.theme-btn:hover{box-shadow:5px 5px 0 rgba(12,12,16,.16)}
.btn-outline-primary,.theme-btn.ghost{border-color:var(--br-line)}
.btn-outline-primary:hover,.theme-btn.ghost:hover{border-color:var(--br-ink);color:var(--br-ink)}
.package-program,.quadra-product-card,.yoga-product-card,.product-item,.blog-entry,.blog-item,.service-item,.sigma_service,.testimony-wrap{border-radius:var(--qd-radius);border:1px solid var(--br-line);background:#fff;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.package-program:hover,.quadra-product-card:hover,.yoga-product-card:hover,.product-item:hover,.blog-entry:hover,.blog-item:hover,.service-item:hover,.sigma_service:hover{box-shadow:6px 6px 0 rgba(12,12,16,.9);border-color:var(--br-ink);transform:translate(-2px,-2px)}
.blog-entry img,.blog-item img,.service-item img{display:block}
.section_padding{padding-top:78px;padding-bottom:78px}
@media(max-width:767px){.section_padding{padding-top:48px;padding-bottom:48px}}
.faq-item{border-top:1px solid var(--br-line-2);padding:18px 0}
.faq-item:first-of-type{border-top:0}
.faq-item h3{font-size:16px;margin:0 0 6px;text-transform:none;letter-spacing:0}
.faq-item p{margin:0;color:var(--br-muted);font-size:14.5px;line-height:1.65}
