Team Sideline Chairs
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap'); .tab__container .section__heading--heading{ display: none !important; } /* IMG2: hide native Booster product area (gallery/title/price/ATC/social); keep .spiff-button in DOM for page CTAs */ .product__row.product__row--default{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; } /* IMG3: hide the original standalone Request-a-Quote button (page CTAs still trigger it via .click()) */ [data-quote-trigger]{ display:none !important; } /* IMG1: clickable storage-cart cards */ .hkc .gal-link{ display:block; text-decoration:none; color:inherit; transition:transform .2s ease; } .hkc .gal-link:hover{ transform:translateY(-3px); } .hkc{ --o:#ff6b1a; --od:#ff8a3d; --ink:#f4f4f6; --ink2:#d6d6dc; --gray:#9a9aa3; --line:#2a2a31; --bg:#0c0c0e; --bg2:#131318; --card:#1a1a1f; --char:#cdcdd5; font-family:'Inter',Arial,Helvetica,sans-serif; color:var(--ink); background:var(--bg); line-height:1.65; } .hkc *{ box-sizing:border-box; } .hkc img{ display:block; max-width:100%; } .hkc .wrap{ max-width:1200px; margin:0 auto; padding:0 24px; } .hkc h1,.hkc h2,.hkc h3,.hkc h2.t{ font-family:'Oswald','Inter',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.005em; font-style:normal; } .hkc .sec{ padding:84px 0; background:var(--bg); } .hkc .sec--soft{ background:var(--bg2); } .hkc .sec--dark{ background:linear-gradient(160deg,#000 0%,#15151c 100%); color:var(--ink); } .hkc .ey{ display:inline-block; font-family:'Oswald'; font-size:12.5px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--od); margin-bottom:18px; } .hkc .kick{ text-align:center; max-width:780px; margin:0 auto 50px; } .hkc h2.t{ font-size:clamp(30px,4.2vw,52px); line-height:1.0; letter-spacing:-.01em; margin:0 0 16px; color:var(--ink); } .hkc .kick p{ font-size:18px; color:var(--gray); margin:0; } .hkc .hero{ position:relative; overflow:hidden; border-radius:0; margin-top:8px; min-height:clamp(480px,52vw,700px); display:flex; align-items:center; color:#fff; background-image:linear-gradient(90deg,rgba(6,6,8,.96) 0%,rgba(6,6,8,.86) 38%,rgba(6,6,8,.45) 66%,rgba(6,6,8,.12) 100%), url('https://cdn.shopify.com/s/files/1/0752/5249/8730/files/Two_chairs_with_smoke_202605201228.jpg'); background-size:cover; background-position:center; box-shadow:0 30px 70px rgba(0,0,0,.5); border:1px solid var(--line); } .hkc .hero-sec .wrap{ max-width:none !important; padding:0 !important; } .hkc .hero{ border:none !important; } .hkc .hero__copy{ padding:clamp(44px,5vw,64px) clamp(28px,5vw,66px); max-width:680px; } .hkc .hero h1{ font-size:clamp(36px,5vw,74px); line-height:.98; letter-spacing:0; margin:0 0 18px; color:#fff; text-shadow:0 4px 30px rgba(0,0,0,.5); } .hkc .hero h1 .o{ color:var(--o); } .hkc .hero__sub{ font-size:clamp(15px,1.5vw,18px); line-height:1.6; color:rgba(255,255,255,.85); max-width:560px; margin:0 0 24px; } .hkc .hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; } .hkc .hero__pills{ list-style:none; display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0; } .hkc .hero__pills li{ font-family:'Oswald'; font-size:12px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:8px 14px; } .hkc .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; font-family:'Oswald','Inter',sans-serif; padding:16px 30px; border-radius:8px; font-size:15px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; border:2px solid transparent; transition:transform .18s, background .18s, box-shadow .18s; } .hkc .btn--o{ background:var(--o); color:#fff; box-shadow:0 14px 30px rgba(255,107,26,.28); } .hkc .btn--o:hover{ background:var(--od); transform:translateY(-2px); } .hkc .btn--ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.45); } .hkc .btn--ghost:hover{ background:#fff; color:#111; transform:translateY(-2px); } .hkc .btn--dark{ background:#23232a; color:#fff; border-color:var(--line); box-shadow:0 14px 30px rgba(0,0,0,.3); } .hkc .btn--dark:hover{ background:#2e2e37; transform:translateY(-2px); } .hkc .paths{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } .hkc .path{ position:relative; background:var(--card); border:1px solid var(--line); border-radius:18px; padding:38px 34px; box-shadow:0 24px 60px rgba(0,0,0,.4); display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s; } .hkc .path:hover{ transform:translateY(-4px); box-shadow:0 30px 70px rgba(0,0,0,.55); border-color:#3a3a44; } .hkc .path--fast{ border-top:5px solid var(--o); } .hkc .path--quote{ border-top:5px solid var(--char); } .hkc .path__rib{ position:absolute; top:22px; right:22px; font-family:'Oswald'; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; padding:6px 12px; border-radius:999px; } .hkc .path--fast .path__rib{ background:var(--o); color:#fff; } .hkc .path--quote .path__rib{ background:#2a2a31; color:#f4f4f6; } .hkc .path__n{ font-family:'Oswald'; font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--od); margin-bottom:8px; } .hkc .path h3{ font-size:27px; letter-spacing:-.01em; margin:0 0 12px; line-height:1.02; color:var(--ink); } .hkc .path__lead{ font-size:15px; color:var(--gray); line-height:1.6; margin:0 0 18px; } .hkc .path ul{ list-style:none; margin:0 0 24px; padding:0; } .hkc .path li{ position:relative; padding-left:28px; margin-bottom:11px; font-size:14.5px; line-height:1.5; color:var(--ink2); } .hkc .path li::before{ content:""; position:absolute; left:0; top:3px; width:17px; height:17px; border-radius:50%; background:var(--o); -webkit-mask:url("data:image/svg+xml;utf8,") center/13px no-repeat; mask:url("data:image/svg+xml;utf8,") center/13px no-repeat; } .hkc .path--quote li::before{ background:var(--char); } .hkc .path .btn{ margin-top:auto; width:100%; } .hkc .path__foot{ margin-top:12px; font-size:12.5px; font-weight:600; text-align:center; color:var(--gray); } .hkc .path-branch{ margin:8px 0 18px; } .hkc .pb{ position:relative; max-width:660px; height:120px; margin:0 auto; } .hkc .pb__stem{ position:absolute; left:50%; top:0; width:5px; height:22px; background:var(--o); border-radius:3px; transform:translateX(-50%); } .hkc .pb__dot{ position:absolute; left:50%; top:18px; width:15px; height:15px; border-radius:50%; background:var(--o); transform:translateX(-50%); box-shadow:0 0 0 5px rgba(255,107,26,.16); } .hkc .pb__bar{ position:absolute; top:31px; left:25%; right:25%; height:5px; border-radius:3px; background:linear-gradient(90deg,var(--o) 0 50%, var(--char) 50% 100%); } .hkc .pb__leg{ position:absolute; top:31px; width:5px; height:33px; border-radius:3px; } .hkc .pb__leg--o{ left:25%; background:var(--o); transform:translateX(-50%); } .hkc .pb__leg--k{ left:75%; background:var(--char); transform:translateX(-50%); } .hkc .pb__arr{ position:absolute; top:62px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; } .hkc .pb__arr--o{ left:25%; border-top:14px solid var(--o); transform:translateX(-50%); } .hkc .pb__arr--k{ left:75%; border-top:14px solid var(--char); transform:translateX(-50%); } .hkc .pb__lbl{ position:absolute; top:80px; font-family:'Oswald'; font-weight:600; letter-spacing:.12em; font-size:13px; transform:translateX(-50%); white-space:nowrap; } .hkc .pb__lbl--o{ left:25%; color:var(--od); } .hkc .pb__lbl--k{ left:75%; color:var(--ink); } .hkc .usecase-banner{ max-width:460px; margin:0 auto 34px; } .hkc .usecase-banner img{ width:100%; border-radius:18px; border:1px solid var(--line); box-shadow:0 22px 55px rgba(0,0,0,.4); } .hkc .usecase-banner figcaption{ text-align:center; margin-top:14px; font-size:14px; font-weight:600; color:var(--gray); } .hkc .revbox{ background:linear-gradient(135deg,rgba(255,107,26,.16),rgba(255,107,26,.04)); border:1px solid rgba(255,107,26,.4); border-radius:16px; padding:22px 28px; margin:0 auto 30px; max-width:880px; text-align:center; font-size:16px; line-height:1.6; color:var(--ink); } .hkc .revbox strong{ color:var(--od); } .hkc .addons{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px; } .hkc .addon{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 14px 36px rgba(0,0,0,.4); display:flex; flex-direction:column; } .hkc .addon img{ width:100%; aspect-ratio:4/3; object-fit:cover; background:#0c0c0e; } .hkc .addon__b{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; } .hkc .addon__b h3{ font-size:18px; margin:0 0 4px; color:var(--ink); } .hkc .addon__price{ color:var(--od); font-weight:700; font-size:15px; margin-bottom:8px; font-family:'Oswald'; } .hkc .addon__b p{ font-size:13.5px; color:var(--gray); line-height:1.55; margin:0 0 16px; } .hkc .addon .btn{ margin-top:auto; width:100%; padding:12px 18px; font-size:13px; } .hkc .guide{ display:grid; grid-template-columns:1.25fr .75fr; gap:30px; align-items:center; background:linear-gradient(135deg,rgba(255,107,26,.2) 0%,rgba(255,107,26,0) 42%),linear-gradient(160deg,#15151b 0%,#0a0a0c 100%); border:1px solid var(--line); border-radius:22px; padding:46px; color:#fff; box-shadow:0 26px 60px rgba(0,0,0,.5); } .hkc .guide h2{ font-size:clamp(26px,3.4vw,40px); letter-spacing:-.01em; line-height:1.02; margin:0 0 12px; color:#fff; } .hkc .guide p{ margin:0; color:rgba(255,255,255,.82); font-size:15.5px; line-height:1.6; } .hkc .guide__form{ display:flex; flex-direction:column; gap:10px; } .hkc .guide__form input{ padding:14px 16px; border-radius:8px; border:1px solid rgba(255,255,255,.22); background:#fff; color:#111; font-size:15px; font-family:inherit; } .hkc .guide__form .btn{ width:100%; } .hkc .guide__msg{ font-size:13px; } .hkc .strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .hkc .strip img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:14px; border:1px solid var(--line); } .hkc .gal{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .hkc .gal figure{ margin:0; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:0 16px 40px rgba(0,0,0,.4); background:var(--card); } .hkc .gal img{ width:100%; aspect-ratio:4/3; object-fit:cover; } .hkc .gal figcaption{ padding:12px 16px; text-align:center; font-weight:600; font-size:14.5px; color:var(--ink); } .hkc .pgal{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .hkc .pgal figure{ margin:0; border-radius:14px; overflow:hidden; border:1px solid var(--line); box-shadow:0 14px 36px rgba(0,0,0,.4); background:var(--card); } .hkc .pgal img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; } .hkc .show{ display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center; } .hkc .show img{ width:100%; border-radius:18px; border:1px solid var(--line); box-shadow:0 20px 50px rgba(0,0,0,.45); aspect-ratio:4/3; object-fit:cover; } .hkc .show h2.t{ text-align:left; } .hkc .show p{ font-size:16.5px; color:var(--gray); margin:0 0 16px; } .hkc .show .o{ color:var(--od); font-weight:600; } .hkc .two{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } .hkc .cbox{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:32px; box-shadow:0 16px 40px rgba(0,0,0,.4); } .hkc .cbox--win{ border-top:5px solid var(--o); } .hkc .cbox img{ width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:12px; border:1px solid var(--line); margin-bottom:18px; } .hkc .cbox h3{ font-size:22px; margin:0 0 10px; color:var(--ink); } .hkc .cbox p{ margin:0; color:var(--gray); font-size:15.5px; } .hkc .grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } .hkc .fcard{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:26px 22px; box-shadow:0 14px 36px rgba(0,0,0,.4); } .hkc .sec--dark .fcard{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12); } .hkc .fcard h3{ font-size:18px; margin:0 0 8px; color:var(--ink); } .hkc .fcard p{ margin:0; font-size:14px; color:var(--gray); line-height:1.6; } .hkc .tbl{ width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,.4); } .hkc .tbl th,.hkc .tbl td{ padding:16px 20px; text-align:left; border-bottom:1px solid var(--line); font-size:15.5px; color:var(--ink); } .hkc .tbl th{ background:#000; color:#fff; font-family:'Oswald'; font-weight:600; text-transform:uppercase; letter-spacing:.04em; font-size:13px; } .hkc .tbl tr:last-child td{ border-bottom:none; } .hkc .tbl tbody tr:nth-child(even) td{ background:#16161c; } .hkc .tbl td:last-child{ font-weight:700; color:var(--od); } .hkc .tbl tr.hot td{ background:#241a12 !important; } .hkc .specs{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .hkc .spec{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px; } .hkc .spec b{ display:block; font-family:'Oswald'; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--od); margin-bottom:5px; } .hkc .spec span{ font-size:16px; font-weight:600; color:var(--ink); } .hkc .faq details{ background:var(--card); border:1px solid var(--line); border-radius:12px; margin-bottom:12px; overflow:hidden; } .hkc .faq summary{ list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:16.5px; color:var(--ink); position:relative; font-family:'Oswald'; letter-spacing:.01em; } .hkc .faq summary::-webkit-details-marker{ display:none; } .hkc .faq summary::after{ content:"+"; position:absolute; right:24px; top:18px; color:var(--o); font-weight:700; font-size:22px; } .hkc .faq details[open] summary::after{ content:"\2013"; } .hkc .faq p{ margin:0; padding:0 24px 22px; color:var(--gray); font-size:15.5px; line-height:1.7; } .hkc .tbl tr:hover td{ background:#1f1f26 !important; color:var(--ink) !important; } .hkc .tbl tr:hover td:last-child{ color:var(--od) !important; } .hkc .tbl tr.hot:hover td{ background:#2a1d13 !important; } .hkc .cta{ display:grid; grid-template-columns:1.3fr .7fr; gap:28px; align-items:center; background:linear-gradient(135deg,rgba(255,107,26,.2) 0%,rgba(255,107,26,0) 40%),linear-gradient(160deg,#15151b 0%,#0a0a0c 100%); border:1px solid var(--line); border-radius:22px; padding:48px 44px; color:#fff; box-shadow:0 26px 60px rgba(0,0,0,.5); } .hkc .cta h2{ font-size:clamp(28px,3.6vw,44px); line-height:1.02; letter-spacing:-.01em; margin:0 0 12px; color:#fff; } .hkc .cta p{ margin:0; color:rgba(255,255,255,.8); font-size:16px; } .hkc .cta__btns{ display:flex; flex-direction:column; gap:12px; } .hkc .cta__btns .btn{ width:100%; } .hkc .callouts{ display:grid; grid-template-columns:1fr 1.05fr 1fr; gap:26px; align-items:center; max-width:1120px; margin:0 auto; } .hkc .callouts__chair{ text-align:center; } .hkc .callouts__chair img{ width:100%; max-width:340px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:0 26px 50px rgba(0,0,0,.6); } .hkc .co{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-left:3px solid var(--o); border-radius:12px; padding:16px 18px; margin-bottom:14px; } .hkc .co:last-child{ margin-bottom:0; } .hkc .co h4{ font-family:'Oswald'; font-size:14.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--od); margin:0 0 6px; } .hkc .co p{ margin:0; font-size:13px; color:rgba(255,255,255,.74); line-height:1.55; } .hkc .callouts__col--right .co{ border-left:none; border-right:3px solid var(--o); text-align:right; } .hkc .colorchart{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:30px 32px; max-width:1000px; margin:44px auto 0; } .hkc .colorchart__grid{ display:grid; grid-template-columns:1fr 1fr; gap:34px; } .hkc .cc-h{ font-family:'Oswald'; font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--od); margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.12); } .hkc .swatches{ display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; } .hkc .sw{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:rgba(255,255,255,.85); } .hkc .sw i{ width:16px; height:16px; border-radius:50%; border:1px solid rgba(255,255,255,.25); flex:none; } .hkc .cc-note{ text-align:center; margin:24px 0 0; font-size:13.5px; color:var(--gray); } .hkc .cc-note a{ color:var(--od); font-weight:600; text-decoration:underline; } .hkc .cc-note strong{ color:var(--ink); } .hkc .vids{ display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:720px; margin:0 auto; } .hkc .vid{ position:relative; padding-bottom:177.78%; height:0; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:0 18px 44px rgba(0,0,0,.55); background:#000; } .hkc .vid iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } .hkc .showcase{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .hkc .sc{ display:block; text-decoration:none; color:inherit; background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:transform .2s ease, border-color .2s ease; } .hkc .sc:hover{ transform:translateY(-4px); border-color:var(--o); } .hkc .sc img{ width:100%; aspect-ratio:1/1; object-fit:contain; background:#fff; padding:10px; } .hkc .sc__t{ padding:14px 16px; font-family:'Oswald'; font-weight:600; font-size:14px; color:var(--ink); text-transform:uppercase; letter-spacing:.02em; border-top:1px solid var(--line); } @media(max-width:860px){ .hkc .callouts{ grid-template-columns:1fr; } .hkc .callouts__chair{ order:-1; } .hkc .callouts__col--right .co{ border-right:none; border-left:3px solid var(--o); text-align:left; } .hkc .colorchart__grid{ grid-template-columns:1fr; gap:24px; } .hkc .showcase{ grid-template-columns:1fr 1fr; } } @media(max-width:600px){ .hkc .vids{ grid-template-columns:1fr; max-width:320px; } .hkc .swatches{ grid-template-columns:1fr; } .hkc .showcase{ grid-template-columns:1fr; } } .hkc-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 78px 11px 22px; background:rgba(9,9,11,.93); backdrop-filter:blur(8px); border-top:1px solid #2a2a31; font-family:'Inter',sans-serif; } .hkc-sticky__msg{ font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#f4f4f6; font-size:14px; } .hkc-sticky__btns{ display:flex; gap:10px; } .hkc-sticky .btn{ padding:11px 20px; font-size:13px; } @media (max-width:900px){ .hkc .sec{ padding:56px 0; } .hkc .paths,.hkc .show,.hkc .two,.hkc .cta,.hkc .guide{ grid-template-columns:1fr; } .hkc .path-branch{ display:none; } .hkc .hero{ min-height:560px; align-items:flex-end; background-image:linear-gradient(180deg,rgba(6,6,8,.35) 0%,rgba(6,6,8,.6) 50%,rgba(6,6,8,.95) 100%), url('https://cdn.shopify.com/s/files/1/0752/5249/8730/files/Two_chairs_with_smoke_202605201228.jpg'); background-position:center; } .hkc .hero__copy{ padding:34px 24px; } .hkc .grid4,.hkc .strip,.hkc .gal,.hkc .pgal,.hkc .specs,.hkc .addons{ grid-template-columns:1fr 1fr; } .hkc-sticky__msg{ display:none; } .hkc-sticky__btns{ width:100%; } .hkc-sticky .btn{ flex:1; } } @media (max-width:560px){ .hkc .grid4,.hkc .specs,.hkc .addons,.hkc .pgal{ grid-template-columns:1fr; } } .hkc .cmp-wrap{ overflow-x:auto; max-width:1000px; margin:0 auto; -webkit-overflow-scrolling:touch; } .hkc .cmp{ width:100%; border-collapse:collapse; min-width:680px; background:transparent; } .hkc .cmp th,.hkc .cmp td{ padding:14px 16px; text-align:center; border-bottom:1px solid var(--line) !important; font-size:14.5px; background:transparent !important; } .hkc .cmp th:first-child,.hkc .cmp td:first-child{ text-align:left; color:#cfcfd6; font-weight:600; white-space:nowrap; } .hkc .cmp thead th{ vertical-align:top; border-bottom:2px solid var(--line) !important; background:#0d0d11 !important; } .hkc .cmp thead a{ display:block; font-family:'Oswald'; font-weight:700; font-size:18px; text-transform:uppercase; color:#fff; text-decoration:none; letter-spacing:.02em; } .hkc .cmp thead a:hover{ color:var(--o); } .hkc .cmp thead .mdl{ display:block; font-size:11px; color:#a7a7af; text-transform:uppercase; letter-spacing:.08em; margin-top:4px; } .hkc .cmp tbody td{ color:#eaeaef; } .hkc .cmp tbody tr:nth-child(even) td{ background:#181820 !important; } .hkc .cmp tbody tr:hover td{ background:#23232c !important; } .hkc .cmp .y{ color:var(--o); font-weight:800; font-size:17px; } .hkc .cmp .n{ color:#6a6a72; } .hkc .cmp .badge{ display:inline-block; margin-top:8px; font-family:'Oswald'; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:var(--o); border-radius:999px; padding:3px 10px; } .hkc .cmp-thumb{ height:160px; margin:0 auto 12px; display:flex; align-items:flex-end; justify-content:center; } .hkc .cmp-thumb img{ max-height:160px; max-width:150px; width:auto; height:auto; display:block; filter:drop-shadow(0 12px 18px rgba(0,0,0,.55)); } @media(max-width:680px){ .hkc .cmp-thumb{ height:120px; } .hkc .cmp-thumb img{ max-height:120px; max-width:110px; } } .hkc .cmp--c1 thead th:nth-child(2),.hkc .cmp--c1 tbody tr td:nth-child(2),.hkc .cmp--c2 thead th:nth-child(3),.hkc .cmp--c2 tbody tr td:nth-child(3),.hkc .cmp--c3 thead th:nth-child(4),.hkc .cmp--c3 tbody tr td:nth-child(4){ background:#2c1c0e !important; } .hkc .cmp--c1 thead th:nth-child(2),.hkc .cmp--c2 thead th:nth-child(3),.hkc .cmp--c3 thead th:nth-child(4){ border-top:3px solid var(--o); } /* MOBILE POLISH */ @media(max-width:680px){ .hkc .sec{ padding:48px 0; } .hkc .kick{ margin-bottom:30px; } /* comparison table: compact + sticky label column + swipe hint */ .hkc .cmp th,.hkc .cmp td{ padding:11px 10px !important; font-size:12.5px !important; } .hkc .cmp thead a{ font-size:14px; } .hkc .cmp-wrap{ position:relative; } .hkc .cmp-wrap::after{ content:"Swipe to compare \2192"; position:absolute; top:-4px; right:4px; font:600 10px 'Oswald',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--od); opacity:.85; pointer-events:none; } .hkc .cmp tbody tr td:first-child,.hkc .cmp thead th:first-child{ position:sticky; left:0; z-index:3; background:#0d0d11 !important; box-shadow:3px 0 8px rgba(0,0,0,.55); min-width:116px; } /* hero + CTA bands: stack buttons full width for easy tapping */ .hkc .hero__cta{ flex-direction:column; align-items:stretch; } .hkc .hero__cta .btn{ width:100%; } .hkc .cta__btns .btn{ width:100%; } } @media(max-width:560px){ .hkc .hero{ min-height:520px; } .hkc .hero h1{ font-size:33px !important; line-height:1.04 !important; } .hkc .hero__sub{ font-size:15px; } .hkc h2.t{ font-size:27px !important; } .hkc .btn{ padding:14px 22px; font-size:14px; } .hkc .cta{ padding:30px 22px; } .hkc .path{ padding:30px 24px; } .hkc .colorchart{ padding:24px 18px; } } /* /MOBILE POLISH */ Custom Team Sideline Chairs Get a Quote Design Your Chair Now Custom Team Sideline Chairs Build a Sideline That Looks Like a Real Program. Custom-branded team chairs for schools, colleges, clubs, gyms, and athletic departments that want their bench to look organized, professional, and respected. Your colors. Your logo. Your program — on display before the first whistle. Start Your 3D Chair Design Get a Quote HoopsKing Custom Quality Your Logo & Team Colors Schools · Colleges · Clubs · Gyms PO & Full-Team Orders Real Sidelines They Broke In Their New Arena With These Chairs. When Bismarck State College opened their brand-new Bavendick Center, custom team sideline chairs were on the floor for the grand opening. Real programs outfitting real facilities — the same chairs you can customize for your team, school, or event right here. Design Your Custom Chairs Request a Quote See the Chairs Custom Chairs, On Real Sidelines A look at custom sideline chairs we’ve built for schools, clubs, and programs — your colors, your logo, your look. Two Ways to Order — Both Built to Be Fast Choose Your Buying Path Design and order online for the quickest path, or request a fast quote if you need a PO, approvals, or help with a full team set. DESIGN NOW GET A QUOTE Fastest Path 1 Design & Order Online Use our 3D design tool to lay out your chairs, lock in your branding, and place the order yourself — the fastest way to get your chairs moving. Best when you know your quantity and branding direction Design details submitted upfront, cutting the back-and-forth Speeds up the overall process by about a week You still approve a final proof before production — you're always in complete control Start Your 3D Chair Design ⚡ Submitting your design upfront speeds up the process ~1 week White-Glove Path 2 Request a Fast Quote Need a PO, budget approval, or a hand with a full team order? Send a quick request and our team gets you a real quote fast — mockups included if you upload a logo. Most quote requests are returned in under 10 minutes Upload your logo and we'll also send mockups of the finished look Built for athletic directors, schools, colleges, and clubs Perfect for purchase orders and full team sets Get a Quote in Under 10 Minutes 📄 PO-ready quotes · mockups sent when you upload a logo Path 1 · Design Online Build It Yourself in the 3D Designer Pick your colors, drop in your logo, lay out your chairs, and submit — all online. You see exactly what you're getting before you buy, and you still approve a final proof before anything is produced. Start Your 3D Chair Design Program Image Your Sideline Is Part of Your Brand The sideline says something before your team ever takes the floor. When parents, fans, opponents, recruits, and administrators walk into your gym, the bench is one of the first things they see — and they read it as a signal of how the whole program is run. Coaches demand discipline, detail, and pride from their athletes. The sideline should reflect that same standard. Custom chairs turn your bench into a branded team space that looks intentional, organized, and proud. The Difference Shows Why Generic Chairs Make a Program Look Average Average programs use whatever chairs happen to be available. Serious programs build a sideline that looks like it was planned. Mismatched & Borrowed Folding chairs from the cafeteria. Mismatched colors. Scuffed metal. It quietly tells everyone in the building that the details weren't a priority — and details are exactly what recruits and administrators notice. Custom & Intentional Matching team colors, your logo on every seat back, a clean ganged row down the sideline. It looks like a program with standards — because it is. Your bench becomes part of your brand, not an afterthought. Built To Brand. Built To Last. What Makes It a Next-Level Chair Make a bold statement with fully customizable sideline chairs. Choose from a wide range of colors and add your logo or mascot to show your team spirit and unity — our high-quality printing guarantees vibrant, lasting graphics that leave an impression on opponents and instill pride in your players. 1" Padded Seat Back 1-inch closed-cell foam wrapped in heavy 30 oz. vinyl. A two-color print of your school name, mascot, or logo is included — up to 5" high × 13" wide. 2½" Thick Padded Seat 2½" of 6 lb. rebond foam over a wooden smartboard base, wrapped in 30 oz. vinyl. Seat artwork up to 13" × 13". Rubber Floor Caps Rubber cap ends on every leg protect your floors from scratches, with an extra plastic insert included for added protection. Two-Color Custom Artwork Your two-color logo in two locations, included with every chair — the seat back and the seat-bottom front (up to 2" × 10"). Powder-Coated Steel Frame Built to last: 7/8" 18-gauge tubing, 16-gauge seat frame, 12-gauge brackets, and a 10-year limited frame warranty. Vinyl Colors Athletic Gold Black Forest Green Grey Kelly Green Maroon Navy Blue Orange Red Royal Blue Cardinal Graphite Gunmetal Purple Chair Frame Colors Black Forest Green Maroon Navy Blue Purple Red Royal Blue White Gray Gold Orange Frame colors are limited to the options shown above. Need an exact vinyl color match or full-color, photo-quality artwork? Order the Digitally Printed Sideline Chair instead. Who It's For Built for Schools, Teams, Clubs, Gyms & ADs Schools & Colleges Outfit varsity, JV, and multiple programs with one consistent, branded look across every sideline. Club & Travel Teams Show up to every gym looking like an established organization, not a pickup squad. Gyms & Facilities Branded seating for training centers, fieldhouses, and event spaces that host year-round. Athletic Departments Standardize the look across sports and order full team sets on a single purchase order. Far More Than a Basketball Bench One Chair, Every Court, Mat & Event Wherever your program gathers — competition or ceremony — branded chairs make the space look intentional and owned. From the sideline to graduation day — one branded look across ~100+ chairs and every event your program hosts. Basketball Sidelines The classic team-bench look, ganged in a clean branded row down the sideline. Volleyball & Wrestling Benchside and matside seating that matches the rest of your program's identity. Indoor & Gym Sports Any sport that competes in the gym — one consistent, branded setup across teams. Graduations & Ceremonies Branded seating for commencements, stages, and school ceremonies. Awards Nights & Banquets Team dinners, signing days, and awards events that look the part. Pep Rallies & Assemblies Spirit events where the whole school — and every camera — is watching. Camps & Clinics Reinforce your brand at every session, all summer long. Locker & Team Rooms Finish your team space with seating that carries your colors and crest. Make the Moment Official Perfect for Signing Days Roll out your custom chairs for National Signing Day and commitment ceremonies — a clean, branded backdrop your athletes, families, and photos will remember. Pair them with our Signing Day Kit — custom backdrop, table cover, retractable banners, and flags — for a setup that looks like it belongs on TV. Shop Signing Day Kits Decide in Seconds Online Design vs. Quote Request If you… Best Path Know your quantity & branding and want it moving now Design & Order Online Want to shorten the back-and-forth by ~1 week Design & Order Online Need a purchase order or budget approval Request a Fast Quote Want mockups of the finished look before you commit Request a Fast Quote Are ordering a large or full-team set and want help Request a Fast Quote See It In ActionWatch the Chairs in Action Team & Bulk Pricing The More You Order, the Less Each Chair Costs Built for full team sets and department-wide orders — order any quantity you need. Quantity Price Per Chair 1–5 chairs $199.99 6–12 chairs $139.99 13–23 chairs $129.99 24–36 chairs $119.99 37–60 chairs $114.99 61+ chairs $109.99 Volume pricing is applied automatically — the more you order, the less each chair costs. Turn Your Bench Into a Budget Make Your Chairs Pay for Themselves — Then Pay You. Local businesses will pay to put their name on your sideline. Sell the chair-back space as sponsorship and your chairs don't just cost nothing — they become a recurring revenue stream you control, season after season and even event to event. The math most programs miss: a handful of local sponsors at a few hundred dollars each can cover your entire chair order up front — then renew every year as pure annual revenue. 1 · Sell the Space Offer your chair backs as sponsor ad space to local businesses, boosters, and partners. 2 · We Brand It We print each sponsor's logo on swappable decals, covers, or rigid ad boards. 3 · Collect Every Year Renew sponsors annually — or swap them event to event — for recurring revenue. Chair Back Decals From $19.99 Stick-on or magnetic sponsor logos for the chair back — the easiest, lowest-cost way to start selling space. View Decals Chair Back Covers $39.99 Slip-on covers that wrap the seat back in a sponsor or team design — premium look, easy to swap each season. View Covers Chair Ad Boards $30.00 Rigid, high-visibility boards mounted to the chair back — the most prominent sponsor placement on the sideline. View Ad Boards Add any of these to your order in the quote — and swap them out as your sponsors change. Free Playbook How to Get Sponsors to Pay for Your Chairs The exact steps programs use to cover the cost of their chairs and turn their sideline into yearly revenue — who to ask, what to charge, and how to keep sponsors renewing. Enter your email and we'll send it over. Send Me the Playbook Store & Transport Add a Storage Cart to Move the Whole Set Roll and stack your full set between the gym, locker room, and road games. Pick the cart size that fits your team — add it online or include it in your quote. 36-Chair Cart 22-Chair Cart 18-Chair Cart Shop Storage Carts Picture Your Program Imagine Your Logo On Every Seat Picture it: your team walks in and the whole bench is yours — your colors, your crest, edge to edge. Everyone in the gym knows whose house it is, and your players stand a little taller. The Details Chair Specs Seat Height20” Seat Size15-1/2” W × 16-1/2” D Back Size16-1/2” W × 7-1/2” H Frame Height (Open)32-1/4” Frame Height (Closed)41-1/4” Frame Width (Ganging)17-5/8” on center Front to Back20” Folded Thickness4” Chair Weight18 lbs Buy With Confidence Warranty, Lead Time & Proofing 6–8 Week Lead Time Production runs about 6 to 8 weeks after your order is placed and artwork is approved. 10-Year Frame Warranty 10-year limited warranty against manufacturer defects on the chair frame. 1-Year Vinyl Warranty 1-year limited warranty against manufacturer defects on the vinyl. Artwork Proofing Upload your logo and we'll proof your design so your staff signs off before production. Not Sure Which Chair?Compare Our Custom Chairs Three chairs, three levels of customization — here’s how they stack up. Team SidelineStandardYou’re viewing 3-Up PremiumCH500 EdgeCH100DP · Digital Printing Solid-color vinyl 3-color digital · 3 locations Unlimited-color digital Photos, gradients & textures — — ✓ Custom print colors 14 vinyl colors 14 vinyl + 3-color logo Unlimited Frame colors 11 4 11 1" padded seat back ✓ ✓ ✓ 2½" thick padded seat ✓ ✓ ✓ 10-year frame warranty ✓ ✓ ✓ Best for Value team sets Premium events & comfort Bold, full-color designs Complete Your SidelineMore Custom Sideline Gear Match your chairs with custom coolers, carts, ball racks, and floor care — all branded for your program. Pro-Grade Custom CoolersCustom Ball Rack / CartCourt Sticky MatChair Storage CartSideline Hydration CartChair Cart Cover Good Questions Frequently Asked Questions What is the fastest way to order custom sideline chairs?Designing and ordering online with our 3D tool is the fastest path. Because your design and order details are submitted upfront, it shortens the back-and-forth and speeds up the overall process by about a week. When should I use the quote form instead of ordering online?Use the quote form when you need a purchase order, budget approval, mockups before committing, or help putting together a large or full-team order. It's the best path for athletic directors, schools, colleges, and clubs. How fast will I receive a quote?Most quote requests are returned in under 10 minutes. Will HoopsKing send mockups if I upload my logo?Yes. If you upload your logo with your quote request, we'll also send mockups so your staff can see the finished look before you order. Does ordering online speed up the process?Yes — submitting your design and order details upfront speeds up the overall process by about a week. It does not change the actual production lead time, but it removes the back-and-forth that usually happens before production starts. If I order online, do I still get to approve a proof?Yes. Even when you design and order online, we send a final proof for your approval before anything goes into production. Nothing is made until you sign off — you're always in complete control. Do these work for more than basketball?Absolutely. They're used across basketball, volleyball, wrestling, and virtually any indoor or gym sport — and well beyond athletics. Schools and programs also use them for graduations and ceremonies, awards nights and banquets, pep rallies and assemblies, camps and clinics, signing days, and locker or team rooms. Anywhere your program gathers, branded chairs make the space look intentional. Can schools use purchase orders?Yes. Purchase orders are welcome — the quote path is built for schools, colleges, and athletic departments that order with a PO. What is the current lead time?Current lead time is about 6 to 8 weeks after your order is placed and artwork is approved. What warranty comes with the chairs?A 10-year limited warranty against manufacturer defects on the frame, and a 1-year limited warranty against manufacturer defects on the vinyl. Build a Sideline Your Program Is Proud Of. Design and order online for the fastest path, or get a PO-ready quote in under 10 minutes — with mockups when you upload your logo. Start Your 3D Chair Design Get a Quote in Under 10 Minutes (function(){ function wire(sel, action){ document.querySelectorAll(sel).forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); action(); }); }); } wire('[data-hk-quote]', function(){ var t = document.querySelector('[data-quote-trigger]'); if (t) { t.click(); } }); wire('[data-hk-design]', function(){ var s = document.querySelector('.spiff-button'); if (s) { s.click(); } }); // Sponsorship playbook email capture -> Make webhook var gBtn = document.querySelector('[data-guide-submit]'); if (gBtn) { gBtn.addEventListener('click', function(){ var em = document.querySelector('[data-guide-email]'); var msg = document.querySelector('[data-guide-msg]'); var v = (em.value || '').trim(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v)) { msg.hidden = false; msg.style.color = '#ffd1c2'; msg.textContent = 'Please enter a valid email.'; return; } gBtn.disabled = true; gBtn.textContent = 'Sending…'; fetch('https://a.klaviyo.com/client/subscriptions/?company_id=VKMiNA', { method: 'POST', headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, body: JSON.stringify({ data: { type: 'subscription', attributes: { custom_source: 'Sponsor Playbook (Chairs page)', profile: { data: { type: 'profile', attributes: { email: v } } } }, relationships: { list: { data: { type: 'list', id: 'Vipmy2' } } } } }) }) .then(function(){ msg.hidden = false; msg.style.color = '#c9f7d4'; msg.textContent = '✓ On its way! Check your inbox (and spam) shortly.'; em.value = ''; }) .catch(function(){ msg.hidden = false; msg.style.color = '#ffd1c2'; msg.textContent = 'Something went wrong — email [email protected] and we\'ll send it.'; }) .finally(function(){ gBtn.disabled = false; gBtn.textContent = 'Send Me the Playbook'; }); }); } })();
