* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
padding: 16px;
background: #f5f5f5;
}

.container {
max-width: 1200px;
margin: 0 auto;
}

.table-wrapper {
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Desktop table */
.desktop-table {
display: table;
width: 100%;
border-collapse: collapse;
}

.desktop-table thead {
background: #3b5998;
}

.desktop-table th {
color: white;
padding: 14px 12px;
text-align: center;
font-size: 12px;
font-weight: 600;
border-right: 1px solid rgba(255,255,255,0.2);
line-height: 1.4;
}

.desktop-table th:last-child {
border-right: none;
}

.desktop-table td {
padding: 12px;
border-bottom: 1px solid #e8e8e8;
font-size: 14px;
color: #333;
text-align: center;
vertical-align: middle;
}

.desktop-table tbody tr:nth-child(even) {
background: #f8f9fa;
}

.desktop-table tbody tr:last-child td {
border-bottom: none;
}

.desktop-table tbody tr:hover {
background: #e8f0fe;
}

.x, .y, .z {
font-weight: 700;
font-style: italic;
}

/* Mobile cards */
.mobile-cards {
display: none;
}

@media (max-width: 768px) {
body {
padding: 12px;
}

.table-wrapper {
border-radius: 0;
box-shadow: none;
background: transparent;
}

.desktop-table {
display: none;
}

.mobile-cards {
display: block;
}

.card {
background: white;
border-radius: 12px;
padding: 16px;
margin-bottom: 16px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.card-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 14px 16px;
margin: -16px -16px 16px -16px;
border-radius: 12px 12px 0 0;
font-size: 18px;
font-weight: 700;
}

.card-row {
display: flex;
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}

.card-row:last-child {
border-bottom: none;
padding-bottom: 0;
}

.card-label {
font-weight: 600;
color: #555;
font-size: 12px;
min-width: 150px;
flex-shrink: 0;
}

.card-value {
color: #222;
font-size: 14px;
font-weight: 600;
}
}

@media (max-width: 480px) {
.card-row {
flex-direction: column;
gap: 4px;
}

.card-label {
min-width: auto;
}
}

BAR SIZE FORMER DIA. (mm)
BS 8666:2005 MIN. BENDING
RADIUS (mm) MIN. BENDING
“X” (mm) MIN. BENDING
“Y” (mm) MIN. BENDING
“Z” (mm)
R6 24 12 60 45 70
R8 32 16 80 60 90
T10 40 20 90 65 110
T12 48 24 110 85 135
T16 64 32 130 110 175
T20 140 70 160 195 285
T25 175 88 240 240 360
T32 224 112 305 290 460
T40 280 140 380 380 570

R6
Former Dia. BS 8666:
24 mm
Min. Bending Radius:
12 mm
Min. Bending “X”:
60 mm
Min. Bending “Y”:
45 mm
Min. Bending “Z”:
70 mm
R8
Former Dia. BS 8666:
32 mm
Min. Bending Radius:
16 mm
Min. Bending “X”:
80 mm
Min. Bending “Y”:
60 mm
Min. Bending “Z”:
90 mm
T10
Former Dia. BS 8666:
40 mm
Min. Bending Radius:
20 mm
Min. Bending “X”:
90 mm
Min. Bending “Y”:
65 mm
Min. Bending “Z”:
110 mm
T12
Former Dia. BS 8666:
48 mm
Min. Bending Radius:
24 mm
Min. Bending “X”:
110 mm
Min. Bending “Y”:
85 mm
Min. Bending “Z”:
135 mm
T16
Former Dia. BS 8666:
64 mm
Min. Bending Radius:
32 mm
Min. Bending “X”:
130 mm
Min. Bending “Y”:
110 mm
Min. Bending “Z”:
175 mm
T20
Former Dia. BS 8666:
140 mm
Min. Bending Radius:
70 mm
Min. Bending “X”:
160 mm
Min. Bending “Y”:
195 mm
Min. Bending “Z”:
285 mm
T25
Former Dia. BS 8666:
175 mm
Min. Bending Radius:
88 mm
Min. Bending “X”:
240 mm
Min. Bending “Y”:
240 mm
Min. Bending “Z”:
360 mm
T32
Former Dia. BS 8666:
224 mm
Min. Bending Radius:
112 mm
Min. Bending “X”:
305 mm
Min. Bending “Y”:
290 mm
Min. Bending “Z”:
460 mm
T40
Former Dia. BS 8666:
280 mm
Min. Bending Radius:
140 mm
Min. Bending “X”:
380 mm
Min. Bending “Y”:
380 mm
Min. Bending “Z”:
570 mm