/* Base Styles */
:root {
–racing-red: #D50000; /* Vivid Racing Red */
–carbon-black: #111111; /* Deep Black */
–track-grey: #f4f4f4; /* Light Grey Track */
–steel-grey: #333333; /* Darker Text for readability */
–white: #ffffff;
–border-color: #e0e0e0;
/* — UNIFIED TYPOGRAPHY VARIABLES — */
–header-size: 2.2rem; /* H1 and H2 same size */
–body-size: 1.15rem; /* Paragraphs and Lists same size */
}
body {
/* UNIFIED FONT: Roboto applied everywhere */
font-family: ‘Roboto’, sans-serif;
line-height: 1.6;
color: var(–steel-grey);
background-color: var(–white);
font-size: 18px; /* Base font size */
margin: 0;
padding: 0;
}
.blog-container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
}
/* — INTRO BANNER — */
.intro-banner {
text-align: center;
padding: 40px 20px;
margin-bottom: 40px;
background-color: var(–carbon-black);
background-image: linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a),
linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
border-bottom: 6px solid var(–racing-red);
border-radius: 4px;
}
.subtitle {
/* H1: Using shared header size */
font-family: ‘Roboto’, sans-serif;
font-weight: 900;
font-size: var(–header-size); /* SYNCED H1 SIZE */
color: var(–white);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
line-height: 1.2;
}
.subtitle span {
color: var(–racing-red);
font-style: italic;
}
/* — HEADINGS — */
h2 {
/* H2: Using shared header size */
font-family: ‘Roboto’, sans-serif;
font-weight: 700;
font-size: var(–header-size); /* SYNCED H2 SIZE */
color: var(–carbon-black);
margin-top: 3rem;
margin-bottom: 1.5rem;
text-transform: uppercase;
display: flex;
align-items: center;
letter-spacing: 0.5px;
}
h2::before {
content: ”;
display: inline-block;
width: 10px;
height: 28px;
background-color: var(–racing-red);
margin-right: 15px;
transform: skew(-20deg);
}
h3 {
font-family: ‘Roboto’, sans-serif;
font-weight: 700;
font-size: 1.3rem;
color: var(–carbon-black);
margin-top: 0;
text-transform: uppercase;
border-bottom: 3px solid var(–racing-red);
display: inline-block;
padding-bottom: 5px;
margin-bottom: 15px;
}
/* — BODY TEXT SYNCHRONIZATION — */
p {
margin-bottom: 1.2rem;
font-size: var(–body-size); /* SYNCED BODY SIZE */
}
ul, ol {
margin-bottom: 1.5rem;
padding-left: 25px;
font-size: var(–body-size); /* SYNCED LIST SIZE */
}
li { margin-bottom: 0.5rem; }
/* — HIGHLIGHT BOXES — */
.highlight-box {
background-color: var(–track-grey);
border: 1px solid var(–border-color);
border-left: 5px solid var(–racing-red);
padding: 25px;
margin: 25px 0;
border-radius: 4px;
}
/* — IMAGES — */
.img-placeholder {
width: 100%;
height: auto;
background-color: var(–white);
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
margin: 25px 0;
padding: 15px;
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
display: block;
}
/* — GRID LAYOUTS — */
.measurement-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 40px 0;
width: 100%;
}
.measurement-item {
text-align: center;
border: 1px solid #eee;
padding: 15px;
border-radius: 4px;
background: var(–white);
transition: all 0.2s;
}
.measurement-item:hover {
border-color: var(–racing-red);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.measurement-item p {
font-family: ‘Roboto’, sans-serif;
font-weight: 700;
font-size: 1rem;
color: var(–carbon-black);
margin-top: 15px;
margin-bottom: 0;
text-transform: uppercase;
}
.fit-guide-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
/* — TABS — */
.tabs {
margin-top: 30px;
border: 2px solid var(–carbon-black);
border-radius: 4px;
overflow: hidden;
}
.tabs input[type=”radio”] { display: none; }
.tab-labels {
display: flex;
background: var(–carbon-black);
flex-wrap: wrap;
}
.tab-labels label {
flex: 1 1 auto;
text-align: center;
padding: 15px;
cursor: pointer;
font-weight: 700;
color: #999;
text-transform: uppercase;
font-size: 0.95rem;
transition: all 0.2s;
border-right: 1px solid #333;
font-family: ‘Roboto’, sans-serif;
}
.tab-labels label:last-child { border-right: none; }
.tab-labels label:hover { color: var(–white); }
#tab-hoodie:checked ~ .tab-labels label[for=”tab-hoodie”],
#tab-pants:checked ~ .tab-labels label[for=”tab-pants”],
#tab-polo:checked ~ .tab-labels label[for=”tab-polo”],
#tab-sbdunk:checked ~ .tab-labels label[for=”tab-sbdunk”],
#tab-jd1:checked ~ .tab-labels label[for=”tab-jd1″] {
background: var(–racing-red);
color: var(–white);
}
.tab-content { padding: 25px; background: var(–white); }
.tab-panel { display: none; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
#tab-hoodie:checked ~ .tab-content #content-hoodie,
#tab-pants:checked ~ .tab-content #content-pants,
#tab-polo:checked ~ .tab-content #content-polo,
#tab-sbdunk:checked ~ .tab-content #content-sbdunk,
#tab-jd1:checked ~ .tab-content #content-jd1 {
display: block;
}
/* — TABLES — */
.table-responsive {
overflow-x: auto;
margin-bottom: 25px;
border: 1px solid #eee;
}
table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
font-size: 1rem;
}
th, td { padding: 15px; text-align: center; border: 1px solid #eee; }
thead th {
background-color: var(–carbon-black);
color: var(–white);
text-transform: uppercase;
font-weight: 700;
border-bottom: 3px solid var(–racing-red);
}
tbody tr:nth-child(even) { background-color: var(–track-grey); }
/* — CONTACT BUTTON — */
.contact-box {
text-align: center;
margin-top: 60px;
padding: 40px;
background: var(–carbon-black);
color: white;
border-radius: 4px;
}
.contact-link {
color: var(–white);
font-weight: bold;
text-decoration: none;
background: var(–racing-red);
padding: 12px 25px;
border-radius: 2px;
display: inline-block;
margin-top: 15px;
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 1px;
transition: background 0.2s;
}
.contact-link:hover { background: #b71c1c; }
@media (max-width: 600px) {
.measurement-grid, .fit-guide-grid { grid-template-columns: 1fr; }
.subtitle { font-size: 1.8rem; }
.tab-labels label { padding: 12px 5px; font-size: 0.8rem; }
body { font-size: 16px; }
}
KOZMOZCYBERRACING FIT GUIDE
Getting the right size is essential for comfort, mobility, and style—especially with Kozmozcyber’s made-to-order apparel and custom-designed shoes. This guide will show you how to measure your body and feet correctly at home using simple tools, ensuring accuracy before placing an order.
1. Why Measuring Correctly Matters
A proper fit enhances comfort, protects your posture, and ensures you look your best in every piece you wear. For shoes, incorrect sizing can cause discomfort, instability, and long-term foot issues.
Since Kozmozcyber products are made-to-order, precise measurement helps:
Avoid size-related issues
Get the best visual appearance of prints and panels
Ensure a smooth purchase with no delays
Maintain comfort during daily wear or activity
2. Tools You Need Before Measuring
👕 For Apparel
Measuring tape
Mirror or a friend to assist
A fitted garment you know fits you well
A notepad or phone to record numbers
👟 For Shoes
Two sheets of paper
Tape
A pencil
Ruler (in inches & cm)
Pro Tip: Wear the type of clothes or socks you normally use with these items for maximum accuracy.
3. How to Measure for Apparel
Follow these guidelines for accurate body measurements:
Chest/Bust
Length
Sleeve
Chest: Wrap the measuring tape under your arms and around the fullest part of your chest.
Waist: Measure around your natural waistline—where your body bends—while keeping the tape level.
Hips: Stand with feet together and measure around the fullest part of your hips.
Shoulder Width: Measure from shoulder tip to shoulder tip across the back.
Inseam: Measure from the top of the inner thigh to your ankle.
4. How to Measure Your Shoe Size
There are many methods for determining your foot measurement. You may have it done professionally by a podiatrist, utilize a Brannock gadget at a shop, or even measure it yourself at home.
Tape one end of the paper to the floor and the other end to a wall.
Plant one foot on the paper with your heel against the wall.
Draw a line around your foot. Keep the pencil straight up, not at an angle.
Using your ruler, measure the longest and widest parts of your outline.
5. Tips for the Most Accurate Results
✅ Timing: Measure in the evening—your feet are widest at this time.
✅ Posture: Stand naturally while measuring, not sitting.
✅ Gear: Measure while wearing the socks you plan to use.
✅ Sizing: If you fall between two sizes, choose the larger size for shoes.
6. How Should It Fit?
Apparel
Hoodies & Sweatshirts: Regular comfort fit
Racing Suits: Athletic slim fit
Joggers: Relaxed tapered fit
Shoes
Standard: Shoes typically run true-to-size.
Wide Feet: May prefer going up half a size.
7. Size Charts
3D HoodieJogger PantPolo ShirtSB DunkJD1 Sneaker
SIZE
BUST (in)
LENGTH (in)
SHOULDER (in)
SLEEVE (in)
S
40
26
17
26
M
44
28
18
27
L
48
28
19
27
XL
52
30
20
28
2XL
56
30
22
28
3XL
60
31
23
28.5
4XL
64
32
24
28.5
5XL
68
33
25
29
SIZE
WAIST (in)
HIPS (in)
LENGTH (in)
S
27.5
33
38.5
M
31
36
39.5
L
34
39.5
40
XL
37
42.5
41
2XL
41
45.5
42
3XL
45
49
42.5
4XL
49.5
52
43.5
5XL
53.5
55
44
SIZE
LENGTH (in)
SHOULDER (in)
CHEST (in)
S
28
16
36
M
29
17
40
L
30
18
44
XL
31
19
48
2XL
32
20
52
3XL
33
22
56
4XL
34
23
60
5XL
35
24
64
EUR
US MAN
US WOMAN
MM
36
–
5.5
240
37
–
6
247
38
5
7
253
39
6
8
260
40
7
9
267
41
7.5
10
273
42
8.5
11
280
43
9.5
11.5
287
44
10
12
293
45
11
–
300
46
12
–
307
47
13
–
314
48
14
–
321
EUR
US MAN
US WOMAN
MM
36
–
5.5
240
37
–
6
247
38
5
7
253
39
6
8
260
40
7
9
267
41
7.5
10
273
42
8.5
11
280
43
9.5
11.5
287
44
10
12
293
45
11
13
300
46
12
–
307
47
13
–
314
48
14
–
321
NEED ASSISTANCE?
Not sure about your size? Our pit crew is ready to help.
