Custom Team Sideline Chairs – Digitally Printed
@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/edge-chair-nike-hero.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 .tbl tr.hot td:first-child::after{ content:" \00b7 Most Popular"; color:var(--od); font-weight:700; font-size:12px; } .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/edge-chair-nike-hero.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 .tex{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; max-width:1040px; margin:0 auto; } .hkc .texcard{ border-radius:14px; overflow:hidden; border:1px solid var(--line); background:var(--card); } .hkc .texcard .swatch{ height:84px; } .hkc .texcard .tl{ padding:11px 8px; text-align:center; } .hkc .texcard .tl b{ display:block; font-family:'Oswald'; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; color:var(--ink); } .hkc .texcard .tl span{ font-size:10.5px; color:var(--gray); letter-spacing:.05em; } @media(max-width:860px){ .hkc .tex{ grid-template-columns:repeat(3,1fr); } } @media(max-width:480px){ .hkc .tex{ grid-template-columns:1fr 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 */ Edge Chair · Digitally Printed Get a Quote Personalize Online CH100DP · Edge Folding Chair Get Creative. Go All Out. The Edge chair brings the same comfort and durability — with full-color, photo-quality digital printing. Unlimited colors, gradients, and textures across the entire seat and back. If you can design it, we can print it. Get a Quote Personalize Online Unlimited Print Colors Full-Color & Photo-Quality 6 Texture Styles 11 Frame Colors 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 Two Ways to OrderChoose Your Buying Path Request a fast quote for full-team orders and POs, or personalize and order online once your design is ready. GET A QUOTE PERSONALIZE RecommendedPath 1 Request a Fast Quote Best for full-team orders, volume pricing, POs, and approvals. Tell us your quantity and artwork and we’ll take it from there. Volume pricing from 6 to 145+ chairs Purchase orders & approvals welcome Send any artwork — we proof it for you A real person helps you get it right Get a Quote Path 2 Personalize & Order Online Lay out your design in the online designer, see it before you buy, and order yourself — you still approve a final proof. Pick your frame, drop your design, see it live Great when you know your quantity Final proof before anything is produced You’re always in complete control Personalize Online The Difference Is DigitalFull-Color Printing, Edge to Edge Most custom chairs limit you to a handful of solid vinyl colors. The Edge chair is digitally printed — so your seat and back can carry unlimited colors, gradients, photos, and textures. Two logos and two colors per chair are included at no extra cost. 1" Padded Seat Back 1-inch closed-cell foam in 30 oz. vinyl. Included artwork with unlimited colors — up to 5" high × 13" wide. 2½" Thick Padded Seat 2½" of 6 lb. rebond foam over a wooden smartboard bottom, in 30 oz. vinyl. Seat artwork up to 13" × 13". Rubber Floor Caps Rubber caps on every leg, plus an extra plastic insert, protect your floors from scratches and scuffs. Unlimited-Color Digital Print Customize any chair with full color, gradients, photos, and textures on any location of the padded seats — not just a solid-color logo. Two Logos Included Two logos / two colors per chair are included in the price — at no additional cost. Enhanced unlimited-color printing is available too. Powder-Coated Steel Frame 7/8" 18-gauge tubing, 16-gauge seat frame, 12-gauge brackets — powder-coated and backed by a 10-year limited warranty. Seat Height20" to the seat Open Height32¾" open Folded Height41¼" closed Folded Thickness4" thick Ganging17¾" on center Chair Weight18 lbs Start From a StyleTexture Templates — or Your Own Design Build on one of our texture templates, or upload your own full-color artwork. With digital printing, the possibilities are endless. Hard Wood#1002 Basketball#1003 Fence#2001 Baseball#2002 Gator Skin#9001 Diamond Plate#9002 Real Designs, Real ProgramsWhat Digital Printing Can Do Get Your Quote Why Go DigitalStandard Printing vs. The Edge Chair Standard Vinyl Printing Solid colors only, a limited palette, and logos in set locations. Clean and classic — but it can’t do photos, gradients, or full textures. Edge Digital Printing Unlimited colors, full-color photos, gradients, and textures — edge to edge. Your exact brand, your exact design, with nothing held back. Frame & Print Options11 Frame Colors. Unlimited Print Colors. Powder-Coated Frame Colors Black Forest Green Maroon Navy Blue Purple Red Royal Blue White Gray Gold Orange Your printed artwork is not limited to a swatch — digital printing matches any color, gradient, or photo you can imagine. Where It ShinesBuilt to Show Off Your Brand School & Club Teams Put your mascot, colors, and full identity on every seat on the sideline. Tournaments & Championships Event-grade branding with full-color graphics — the look of the big stage. Camps & Academies A premium, photo-quality look that makes your program stand out. Corporate & Events Sponsors, logos, and designs in unlimited color for any occasion. Not Sure Which Chair?Compare Our Custom Chairs Three chairs, three levels of customization — here’s how they stack up. Team SidelineStandard 3-Up PremiumCH500 EdgeCH100DP · DigitalYou’re viewing 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 SetupMore Custom Sideline Gear Pair your chairs with custom coolers, carts, covers, and floor care — all branded for your program. Pro-Grade Custom CoolersChair Storage CartChair Cart CoverCourt Sticky MatSideline Hydration CartCustom Ball Rack / Cart Good To KnowFrequently Asked Questions What makes the Edge chair different?Full-color digital printing — unlimited colors, photos, gradients, and textures across the seat and back. It does what solid-color vinyl can’t. How many colors can I use?Unlimited. Two logos / two colors per chair are included at no extra cost, and enhanced unlimited-color printing covers any location of the padded seats. Can I use a photo, gradient, or texture?Yes — digital printing reproduces full-color photos, smooth gradients, and textures (wood, gator skin, diamond plate, and more) that vinyl simply can’t. What frame colors are available?11 powder-coated frame colors: Black, Forest Green, Maroon, Navy Blue, Purple, Red, Royal Blue, White, Gray, Gold, and Orange. How big is the chair?The seat sits 20" high (15½"W × 16½"D), with an 18½"W × 7½"H back. It stands 32¾" open and folds to 41¼" / 4" thick. Chair weight is 18 lbs; chairs gang at 17¾" on center. Can I order with a PO or get a volume quote?Absolutely. Pricing tiers run from 6–23, 24–96, 97–144, and 145+ chairs. Use Request a Quote for volume pricing, purchase orders, and approvals. Ready to Print Something Unforgettable? Get a fast quote for your full order, or personalize your chair online in minutes. Get a QuotePersonalize Online (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(); } }); })(); .hkpb{ font-family:Arial,Helvetica,sans-serif; max-width:1100px; margin:40px auto; padding:0 20px; box-sizing:border-box; } .hkpb *{ box-sizing:border-box; } .hkpb__band{ display:grid; grid-template-columns:1.25fr .75fr; gap:30px; align-items:center; background:linear-gradient(135deg,rgba(255,107,26,.18) 0%,rgba(255,107,26,0) 40%),linear-gradient(160deg,#15151b 0%,#0a0a0c 100%); border:1px solid #e7e7ec; border-radius:22px; padding:46px; color:#fff; box-shadow:0 26px 60px rgba(0,0,0,.5); } .hkpb__ey{ display:inline-block; font-size:12px; font-weight:900; letter-spacing:.22em; text-transform:uppercase; color:#ff9a5a; margin-bottom:14px; } .hkpb__band h2{ font-size:clamp(26px,3.4vw,38px); font-weight:900; font-style:italic; text-transform:uppercase; letter-spacing:-.02em; line-height:1.02; margin:0 0 12px; color:#fff; } .hkpb__band p{ margin:0; color:rgba(255,255,255,.82); font-size:15.5px; line-height:1.6; } .hkpb__form{ display:flex; flex-direction:column; gap:10px; } .hkpb__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; width:100%; } .hkpb__btn{ display:inline-flex; align-items:center; justify-content:center; width:100%; padding:15px 22px; border-radius:999px; border:none; cursor:pointer; background:#ff6b1a; color:#fff; font-size:15px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 14px 30px rgba(255,107,26,.32); transition:background .2s,transform .2s; } .hkpb__btn:hover{ background:#e55a0a; transform:translateY(-2px); } .hkpb__btn:disabled{ opacity:.6; cursor:not-allowed; transform:none; } .hkpb__msg{ font-size:13px; } @media(max-width:820px){ .hkpb__band{ grid-template-columns:1fr; padding:32px 22px; } } 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 (function(){ document.querySelectorAll('.hkpb').forEach(function(block){ var btn=block.querySelector('[data-pb-submit]'); if(!btn||btn.dataset.wired)return; btn.dataset.wired='1'; var em=block.querySelector('[data-pb-email]'), msg=block.querySelector('[data-pb-msg]'); btn.addEventListener('click',function(){ 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; } btn.disabled=true; btn.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)',profile:{data:{type:'profile',attributes:{email:v}}}},relationships:{list:{data:{type:'list',id:'Vipmy2'}}}}})}) .then(function(r){ if(!r.ok)throw new Error('x'); 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(){ btn.disabled=false; btn.textContent='Send Me the Playbook'; }); }); }); })();
More you might like
Related
Custom Team/Event Branded Sideline Chairs
Related
Custom Basketball Sideline Chairs for Your School, Team or B
Related
Team Sideline Chairs
Related