<div class="sc-modal-content">
<div class="sc-modal-header">
<div class="sc-modal-header-inner">
<h3 class="sc-modal-title">Size chart Racing Suit</h3>
<p class="sc-modal-subtitle">Suit Size Chart – Accurate sizing guide for racing suits, including chest, waist, height, and weight measurements to ensure a perfect and safe fit.</p>
</div>
</div>
<div class="sc-modal-body">
<div class="sc-img-wrapper" style="display: none;"></div>
<div class="units-switcher">
<span class="measure_units">Measure units:</span>
<button class="active" data-id="in" fdprocessedid="srnnwg">in</button>
</div><div class="sc-table-wrapper"><table class="sc-table fixed-column-table" data-template-name="template-15"><thead><tr><th class="first-cell th" contenteditable="true"><div class="protecteed-container"><span class="protected-element" contenteditable="false"></span>Size</div></th><th contenteditable="true"><div class="protecteed-container">European<br></div></th><th contenteditable="true"><div class="protecteed-container">Chest cm<br></div></th><th contenteditable="true"><div class="protecteed-container">Waist cm<span class="protected-element" contenteditable="false"></span><br></div></th><th contenteditable="true"><div class="protecteed-container"><span class="protected-element" contenteditable="false"></span>Hips cm</div></th><th contenteditable="true"><div class="protecteed-container"><span class="protected-element" contenteditable="false"></span>Height cm</div></th></tr></thead><tbody><tr><td class="first-cell th" data-units="{"in":"140cm"}" contenteditable="true">140cm</td><td data-units="{"in":"36"}" contenteditable="true">36</td><td data-units="{"in":"63-67cm"}" contenteditable="true">63-67cm</td><td data-units="{"in":"66"}" contenteditable="true">66</td><td data-units="{"in":"75-80"}" contenteditable="true">75-80</td><td contenteditable="true" data-units="{"in":"137-143"}">137-143</td></tr><tr><td class="first-cell th" data-units="{"in":"158cm"}" contenteditable="true">158cm</td><td data-units="{"in":"40"}" contenteditable="true">40</td><td data-units="{"in":"66-74"}" contenteditable="true">66-74</td><td data-units="{"in":"68"}" contenteditable="true">68</td><td data-units="{"in":"80-84"}" contenteditable="true">80-84</td><td contenteditable="true" data-units="{"in":"144-152"}">144-152</td></tr><tr><td class="first-cell th" data-units="{"in":"3XX-Small"}" contenteditable="true">3XX-Small</td><td data-units="{"in":"44"}" contenteditable="true">44</td><td data-units="{"in":"75-82"}" contenteditable="true">75-82</td><td data-units="{"in":"75"}" contenteditable="true">75</td><td data-units="{"in":"84-89"}" contenteditable="true">84-89</td><td contenteditable="true" data-units="{"in":"152-157"}">152-157</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"2XS-Small"}">2XS-Small</td><td contenteditable="true" data-units="{"in":"46"}">46</td><td contenteditable="true" data-units="{"in":"81-89"}">81-89</td><td contenteditable="true" data-units="{"in":"77"}">77</td><td contenteditable="true" data-units="{"in":"89-95"}">89-95</td><td contenteditable="true" data-units="{"in":"156-161"}">156-161</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"2XS-Small"}">2XS-Small</td><td contenteditable="true" data-units="{"in":"48"}">48</td><td contenteditable="true" data-units="{"in":"89-96"}">89-96</td><td contenteditable="true" data-units="{"in":"79"}">79</td><td contenteditable="true" data-units="{"in":"95-98"}">95-98</td><td contenteditable="true" data-units="{"in":"160-166"}">160-166</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"Small"}">Small</td><td contenteditable="true" data-units="{"in":"50"}">50</td><td contenteditable="true" data-units="{"in":"95-102"}">95-102</td><td contenteditable="true" data-units="{"in":"82"}">82</td><td contenteditable="true" data-units="{"in":"97-100"}">97-100</td><td contenteditable="true" data-units="{"in":"165-171"}">165-171</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"Medium"}">Medium</td><td contenteditable="true" data-units="{"in":"52"}">52</td><td contenteditable="true" data-units="{"in":"102-106"}">102-106</td><td contenteditable="true" data-units="{"in":"87"}">87</td><td contenteditable="true" data-units="{"in":"101-104"}">101-104</td><td contenteditable="true" data-units="{"in":"170-174"}">170-174</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"Large"}">Large</td><td contenteditable="true" data-units="{"in":"54"}">54</td><td contenteditable="true" data-units="{"in":"106-110"}">106-110</td><td contenteditable="true" data-units="{"in":"92"}">92</td><td contenteditable="true" data-units="{"in":"105-108"}">105-108</td><td contenteditable="true" data-units="{"in":"172-181"}">172-181</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"Large"}">Large</td><td contenteditable="true" data-units="{"in":"56"}">56</td><td contenteditable="true" data-units="{"in":"110-114"}">110-114</td><td contenteditable="true" data-units="{"in":"97"}">97</td><td contenteditable="true" data-units="{"in":"109-112"}">109-112</td><td contenteditable="true" data-units="{"in":"175-183"}">175-183</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"X-large"}">X-large</td><td contenteditable="true" data-units="{"in":"58"}">58</td><td contenteditable="true" data-units="{"in":"115-119"}">115-119</td><td contenteditable="true" data-units="{"in":"102"}">102</td><td contenteditable="true" data-units="{"in":"113-117"}">113-117</td><td contenteditable="true" data-units="{"in":"180-186"}">180-186</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"2X-Large"}">2X-Large</td><td contenteditable="true" data-units="{"in":"60"}">60</td><td contenteditable="true" data-units="{"in":"120-124"}">120-124</td><td contenteditable="true" data-units="{"in":"107"}">107</td><td contenteditable="true" data-units="{"in":"118-122"}">118-122</td><td contenteditable="true" data-units="{"in":"185-189"}">185-189</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"3X-Large"}">3X-Large</td><td contenteditable="true" data-units="{"in":"62"}">62</td><td contenteditable="true" data-units="{"in":"124-128"}">124-128</td><td contenteditable="true" data-units="{"in":"112"}">112</td><td contenteditable="true" data-units="{"in":"123-126"}">123-126</td><td contenteditable="true" data-units="{"in":"187-194"}">187-194</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"3X-Large"}">3X-Large</td><td contenteditable="true" data-units="{"in":"64"}">64</td><td contenteditable="true" data-units="{"in":"128-132"}">128-132</td><td contenteditable="true" data-units="{"in":"117"}">117</td><td contenteditable="true" data-units="{"in":"127-130"}">127-130</td><td contenteditable="true" data-units="{"in":"194-199"}">194-199</td></tr><tr><td contenteditable="true" class="first-cell th" data-units="{"in":"4X-Large"}">4X-Large</td><td contenteditable="true" data-units="{"in":"66"}">66</td><td contenteditable="true" data-units="{"in":"131-139"}">131-139</td><td contenteditable="true" data-units="{"in":"122"}">122</td><td contenteditable="true" data-units="{"in":"129-135"}">129-135</td><td contenteditable="true" data-units="{"in":"198-208"}">198-208</td></tr></tbody></table></div>
</div>
</div>
<style id="dynamic-css">/* Rainbow Arrow Button — Shopify safe, CSS-only */
.arrow-btn {
--size: 44px; /* tweak size */
--pad: 10px; /* inner padding */
--radius: 999px; /* makes it circular */
--shadow: 0 8px 18px rgba(0,0,0,.18);
--bg: #0f1220; /* inner background */

position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--size);
height: var(--size);
padding: var(--pad);
border-radius: var(--radius);
border: 2px solid transparent;
background: var(--bg);
box-shadow: var(--shadow);
cursor: pointer;
text-decoration: none;
line-height: 1;
isolation: isolate; /* contains the glow */
transition: transform .12s ease, box-shadow .2s ease;
}

/* Rainbow border using border-image */
.arrow-btn {
border-image: linear-gradient(
90deg,
#ff0040 0%,
#ff8a00 16%,
#ffd300 33%,
#32ff7e 50%,
#00c3ff 66%,
#7a5cff 83%,
#ff4ecd 100%
) 1;
}

/* Subtle animated glow ring (off by default) */
.arrow-btn::before {
content: "";
position: absolute;
inset: -4px;
border-radius: inherit;
background: conic-gradient(
from 0deg,
#ff0040,
#ff8a00,
#ffd300,
#32ff7e,
#00c3ff,
#7a5cff,
#ff4ecd,
#ff0040
);
filter: blur(10px);
opacity: 0;
z-index: -1;
transition: opacity .25s ease;
}

/* Arrow icon gets a moving rainbow fill */
.arrow-btn .arrow-icon {
display: inline-block;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
#ff0040,
#ff8a00,
#ffd300,
#32ff7e,
#00c3ff,
#7a5cff,
#ff4ecd,
#ff0040
);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: arrow-rainbow 6s linear infinite;
}

/* Hover: lift + glow */
.arrow-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(0,0,0,.22);
}
.arrow-btn:hover::before {
opacity: .75;
}

/* Active (click): press + quick flash */
.arrow-btn:active {
transform: translateY(0) scale(.98);
}
.arrow-btn:active::before {
opacity: 1;
animation: spin 0.7s linear infinite;
}

/* Keyboard focus */
.arrow-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 180, 0, .55);
}

/* Animation keyframes */
@keyframes arrow-rainbow {
0% { background-position: 0% 50%; }
100% { background-position: 300% 50%; }
}
@keyframes spin {
to { transform: rotate(360deg); }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.arrow-btn,
.arrow-btn::before,
.arrow-btn .arrow-icon {
animation: none !important;
transition: none !important;
}
}
</style>

Country/region

2025 Oliver Bearman Haas F1 Team Race Suit

2025 Oliver Bearman Haas F1 Team Race Suit