<style>
.bracelet_size_guide,
.ring_size_guide,
.bracelet_size_guide_content,
.ring_size_guide_content {
max-width: 1680px;
margin: 0 auto;
width: 100%;
}
.ring_size_guide_content {
display: none;
}
.nav {
display: flex;
justify-content: space-between;
gap: 10px;
max-width: 1680px;
margin: 15px auto;
}
.page-width--narrow {
max-width: 100%;
padding: 0;
}
.nav_item {
display: flex;
justify-content: center;
align-items: center;
font-family: 'Poppins';
font-size: 14px;
font-weight: 700;
width: calc((100% - 10px) / 2);
padding: 15px 0;
cursor: pointer;
background: #eeeeee;
}
.size_guide .nav .active {
color: white;
background-color: #cc8d6c;
}
h1 {
text-align: center;
}
.size_guide {
padding: 0 15px;
max-width: 1550px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.mb {
display: none;
}
.pc {
display: block;
}
@media (max-width: 768px) {
.mb {
display: block;
}
.pc {
display: none;
}
.ring__table__content {
width: auto !important;
}
}
</style>
<div class="size_guide">
<div class="nav">
<div class="nav_item active">
<span class="pc">Przewodnik po rozmiarach bransoletek</span>
<span class="mb">Bransoletka</span>
</div>
<div class="nav_item">
<span class="pc">Przewodnik po rozmiarach pierścionków</span>
<span class="mb">Pierścień</span>
</div>
</div>
</div>
<style>
.tab-content-bracelet table {
width: 100%;
/* border: 1px solid #ddd; */
border-collapse: collapse;
text-align: center;
}
.tab-content-bracelet th {
border: 1px solid #ddd;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
background-color: #f4f4f4;
text-align: center;
height: 53px;
line-height: 26px;
}
.tab-content-bracelet td {
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
font-size: 12px;
height: 30px;
line-height: 30px;
}
.tab-content-bracelet .bracelet-table {
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet-table .bracelet-table-note {
margin-top: 10px;
}
.tab-content-bracelet .bracelet__content {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet__content .bracelet__content-text {
flex: 1;
}
.tab-content-bracelet .bracelet__content .bracelet__content-text .content__text-title {
font-weight: 500;
margin-bottom: 8px;
}
.tab-content-bracelet .bracelet__note {
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet__note .bracelet__note-title {
font-weight: 500;
}
.tab-content-bracelet .bracelet__title {
padding-bottom: 20px;
}
.tab-content-bracelet .bracelet__separator {
height: 1px;
margin-bottom: 20px;
background: -webkit-linear-gradient(left, #fff, #ddd, #fff);
background: -moz-linear-gradient(left, #fff, #ddd, #fff);
}
@media (max-width: 767px) {
.tab-content-bracelet table {
width: auto;
border: 1px solid #ddd;
}
.tab-content-bracelet .th__title1 {
width: 115px;
}
.tab-content-bracelet .th__title2 {
width: 60px;
}
.tab-content-bracelet .bracelet__content {
display: block;
}
.tab-content-bracelet img {
width: 100%;
}
.bracelet-table-content {
overflow-x: auto;
}
}
</style>
<div class="size_guide">
<div class="bracelet_size_guide_content">
<div class="tab-content-bracelet">
<div class="bracelet__separator"> </div>
<div class="bracelet-table">
<div class="bracelet-table-content">
<table style="height: 159px">
<tbody>
<tr style="height: 53px">
<th class="th__title1" style="width: 32.628%; height: 53px">
Długość nadgarstka
</th>
<th class="th__title2" style="width: 11.0533%; height: 53px">
cm
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">14</td>
<td class="col-3" style="width: 5.80049%; height: 53px">15</td>
<td class="col-4" style="width: 5.80049%; height: 53px">16</td>
<td class="col-5" style="width: 5.80049%; height: 53px">17</td>
<td class="col-6" style="width: 5.80049%; height: 53px">18</td>
<td class="col-7" style="width: 5.80834%; height: 53px">19</td>
<td style="width: 5.80049%; height: 53px">20</td>
</tr>
<tr style="height: 53px">
<th class="th__title1" style="width: 32.628%; height: 106px" rowspan="2">
Zalecana<br>długość bransoletki
</th>
<th class="th__title2" style="width: 11.0533%; height: 53px">
Cale
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">6.3</td>
<td class="col-3" style="width: 5.80049%; height: 53px">6.7</td>
<td class="col-4" style="width: 5.80049%; height: 53px">7.1</td>
<td class="col-5" style="width: 5.80049%; height: 53px">7.5</td>
<td class="col-6" style="width: 5.80049%; height: 53px">7.9</td>
<td class="col-7" style="width: 5.80834%; height: 53px">8.3</td>
<td style="width: 5.80049%; height: 53px">8.7</td>
</tr>
<tr style="height: 53px">
<th class="th__title2" style="width: 11.0533%; height: 53px">
cm
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">16</td>
<td class="col-3" style="width: 5.80049%; height: 53px">17</td>
<td class="col-4" style="width: 5.80049%; height: 53px">18</td>
<td class="col-5" style="width: 5.80049%; height: 53px">19</td>
<td class="col-6" style="width: 5.80049%; height: 53px">20</td>
<td class="col-7" style="width: 5.80834%; height: 53px">21</td>
<td style="width: 5.80049%; height: 53px">22</td>
</tr>
</tbody>
</table>
</div>
<div class="bracelet-table-note body4">
Przygotowaliśmy już 2 proste kroki, które pomogą ci wybrać odpowiedni rozmiar bransoletki.<br>※
Bransoletka o długości 16 cm jest idealnym rozmiarem dla dzieci.
</div>
</div>
<div class="bracelet__content">
<div class="bracelet__content-image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/bb5bc261971b4544b5670a962fee4ca1.webp">
</div>
<div class="bracelet__content-text body4">
<div class="content__text-title">
<h3>
<span style="font-size: 16px">Krok 1: Użyj taśmy mierniczej lub paska papieru, aby zmierzyć
swoje nadgarstki.</span>
</h3>
</div>
<div class="content__text-text">
Owij miarkę miękką wokół najszerszej części nadgarstka i zanotuj długość. Jeśli używasz zwykłego
paska papieru, oznacz swój rozmiar długopisem lub ołówkiem, a następnie użyj linijki, aby
zmierzyć długość (początek paska papieru musi znajdować się u podstawy linijki i być oznaczony
jako 0). To będzie twój rozmiar nadgarstka.
</div>
</div>
</div>
<div class="bracelet__content">
<div class="bracelet__content-image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/631853ccf3d5481da33390a6eb586cfd.webp" alt="">
</div>
<div class="bracelet__content-text body4">
<div class="content__text-title">
<h3>
<span style="font-size: 16px">Krok 2: Dodaj jeden cal lub 2,5 centymetra do tej miary, aby
uzyskać ostateczną długość bransoletki.</span>
</h3>
</div>
<div class="content__text-text">
<p>
Upewnij się, że jest wystarczająco miejsca, aby zmieścić 2 palce, ponieważ to miejsce, w
którym dodasz zawieszki. Jeśli planujesz dodać mniej niż siedem zawieszek, dodaj 2
centymetry. Jeśli planujesz nosić osiem lub więcej zawieszek, dodaj 3 centymetry. Jeśli
kupujesz bransoletkę, po prostu wybierz rozmiar większy od swojego rzeczywistego pomiaru
nadgarstka.
</p>
</div>
</div>
</div>
<div class="bracelet__note body4">
<div class="bracelet__note-title body3">
<h3>Uwaga:</h3>
</div>
<div>
<p>
1. Bransoletka jest odpowiednio dobrana, gdy zmierzysz swój nadgarstek ciasno i dodasz 2 lub 3
cm.
</p>
<p>
2. Jeśli mieścisz się pomiędzy rozmiarami, zastanów się, jak lubisz nosić swoją bransoletkę.
Jeśli nosisz ją ciasno, wybierz mniejszy rozmiar, a jeśli lubisz nosić luźno, wybierz rozmiar
większy.
</p>
<p>
3. Należy pamiętać, że gdy otrzymasz nową bransoletkę, może być ona sztywna, co może sprawić, że
będzie niewygodnie ciasna. Bransoletka szybko się zmięknie i stanie się bardziej elastyczna w
miarę jej noszenia.
</p>
<p>
4. Miej na uwadze, że im więcej zawieszek dodasz do swojej bransoletki, tym bardziej będzie ona
ciasna.
</p>
<p>
5. Najpopularniejszym rozmiarem bransoletki jest 7,5 cala / 19 cm.
</p>
</div>
</div>
</div>
</div>
</div>
<style>
h1.page-title {
display: none;
}
.tab-content-ring table {
width: 100%;
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
}
.tab-content-ring th {
border: 1px solid #ddd;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
background-color: #f4f4f4;
text-align: center;
padding: 12px 15px;
}
.tab-content-ring td {
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
font-size: 12px;
padding: 12px 15px;
}
.tab-content-ring .ring__image {
text-align: center;
margin-bottom: 10px;
}
.tab-content-ring .ring__text {
margin-bottom: 20px;
}
.tab-content-ring .ring__note {
margin-top: 20px;
margin-bottom: 30px;
}
.tab-content-ring .ring__note .ring__note-title {
font-weight: 500;
}
.tab-content-ring .ring__title {
padding-bottom: 20px;
}
.tab-content-ring .ring__separator {
height: 1px;
margin-bottom: 20px;
background: -webkit-linear-gradient(left, #fff, #ddd, #fff);
background: -moz-linear-gradient(left, #fff, #ddd, #fff);
}
.tab-content-ring table td.active {
color: #fff;
background-color: #cc8d6c;
border: solid 1px #cc8d6c;
}
.tab-content-ring table td.same-row {
background-color: #f4f4f4;
}
.tab-content-ring table td.same-col {
background-color: #f4f4f4;
}
@media (max-width: 767px) {
.tab-content-ring table {
width: unset;
}
.ring__image img {
width: 100%;
}
.tab-content-ring .ring__table {
overflow: auto;
}
}
</style>
<div class="size_guide">
<div class="ring_size_guide_content">
<div class="tab-content-ring">
<div class="ring__separator"> </div>
<div class="ring__image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/acc5466370ed4c89a64948d16acf8fd2.webp">
</div>
<div class="ring__text body4">
To jest tabela, która będzie niezwykle pomocna w określeniu odpowiedniego rozmiaru obrączki, którą
potrzebujesz. Możesz skorzystać zarówno z taśmy mierniczej, jak i małego kawałka sznurka, aby zmierzyć
obszar, który zostanie zajęty przez obrączkę. Gdy stworzy się pełne koło, zrób znacznik na takim
sznurku. Będzie to pomocne do porównania z tabelą, która jest wymieniona poniżej.
</div>
<div class="ring__table">
<table style="width: 100%; height: 496px" class="ring__table__content">
<thead>
<tr>
<th colspan="2">Średnica wewnętrzna</th>
<th colspan="2">Obwód wewnętrzny</th>
<th style="line-height: 52px;" colspan="4">ROZMIAR</th>
</tr>
<tr>
<th style="vertical-align: middle;">(in)</th>
<th style="vertical-align: middle;">(mm)</th>
<th style="vertical-align: middle;">(in)</th>
<th style="vertical-align: middle;">(mm)</th>
<th style="">Europa</th>
<th>Polska</th>
<th>Stany Zjednoczone</th>
<th>Wielka Brytania</th>
</tr>
</thead>
<tbody>
<tr>
<td class="col-0">0.555</td>
<td class="col-1">14.1</td>
<td class="col-2">1.74</td>
<td class="col-3">44.2</td>
<td class="col-4">44</td>
<td class="col-5">4</td>
<td class="col-6">3</td>
<td class="col-7">F</td>
</tr>
<tr>
<td class="col-0">0.571</td>
<td class="col-1">14.5</td>
<td class="col-2">1.791</td>
<td class="col-3">45.5</td>
<td class="col-4">46</td>
<td class="col-5">5</td>
<td class="col-6">3.5</td>
<td class="col-7">G</td>
</tr>
<tr>
<td class="col-0">0.587</td>
<td class="col-1">14.9</td>
<td class="col-2">1.843</td>
<td class="col-3">46.8</td>
<td class="col-4">47</td>
<td class="col-5">7</td>
<td class="col-6">4</td>
<td class="col-7">H</td>
</tr>
<tr>
<td class="col-0">0.602</td>
<td class="col-1">15.3</td>
<td class="col-2">1.89</td>
<td class="col-3">48</td>
<td class="col-4">48</td>
<td class="col-5">8</td>
<td class="col-6">4.5</td>
<td class="col-7">I</td>
</tr>
<tr>
<td class="col-0">0.618</td>
<td class="col-1">15.7</td>
<td class="col-2">1.94</td>
<td class="col-3">49.3</td>
<td class="col-4">50</td>
<td class="col-5">9</td>
<td class="col-6">5</td>
<td class="col-7">J-½</td>
</tr>
<tr>
<td class="col-0">0.634</td>
<td class="col-1">16.1</td>
<td class="col-2">1.992</td>
<td class="col-3">50.6</td>
<td class="col-4">51</td>
<td class="col-5">10</td>
<td class="col-6">5.5</td>
<td class="col-7">K-½</td>
</tr>
<tr>
<td class="col-0">0.65</td>
<td class="col-1">16.51</td>
<td class="col-2">2.04</td>
<td class="col-3">51.9</td>
<td class="col-4">52</td>
<td class="col-5">12</td>
<td class="col-6">6</td>
<td class="col-7">L-½</td>
</tr>
<tr>
<td class="col-0">0.665</td>
<td class="col-1">16.9</td>
<td class="col-2">2.091</td>
<td class="col-3">53.1</td>
<td class="col-4">53</td>
<td class="col-5">13</td>
<td class="col-6">6.5</td>
<td class="col-7">M-½</td>
</tr>
<tr>
<td class="col-0">0.682</td>
<td class="col-1">17.32</td>
<td class="col-2">2.14</td>
<td class="col-3">54.4</td>
<td class="col-4">54</td>
<td class="col-5">14</td>
<td class="col-6">7</td>
<td class="col-7">N-½</td>
</tr>
<tr>
<td class="col-0">0.697</td>
<td class="col-1">17.7</td>
<td class="col-2">2.193</td>
<td class="col-3">55.7</td>
<td class="col-4">56</td>
<td class="col-5">15</td>
<td class="col-6">7.5</td>
<td class="col-7">O-½</td>
</tr>
<tr>
<td class="col-0">0.714</td>
<td class="col-1">18.14</td>
<td class="col-2">2.24</td>
<td class="col-3">57</td>
<td class="col-4">57</td>
<td class="col-5">16</td>
<td class="col-6">8</td>
<td class="col-7">P-½</td>
</tr>
<tr>
<td class="col-0">0.728</td>
<td class="col-1">18.5</td>
<td class="col-2">2.295</td>
<td class="col-3">58.3</td>
<td class="col-4">58</td>
<td class="col-5">17</td>
<td class="col-6">8.5</td>
<td class="col-7">Q-½</td>
</tr>
<tr>
<td class="col-0">0.746</td>
<td class="col-1">18.95</td>
<td class="col-2">2.34</td>
<td class="col-3">59.5</td>
<td class="col-4">59</td>
<td class="col-5">18</td>
<td class="col-6">9</td>
<td class="col-7">R-½</td>
</tr>
<tr>
<td class="col-0">0.764</td>
<td class="col-1">19.4</td>
<td class="col-2">2.394</td>
<td class="col-3">60.8</td>
<td class="col-4">61</td>
<td class="col-5">20</td>
<td class="col-6">9.5</td>
<td class="col-7">S-½</td>
</tr>
<tr>
<td class="col-0">0.78</td>
<td class="col-1">19.8</td>
<td class="col-2">2.445</td>
<td class="col-3">62.1</td>
<td class="col-4">62</td>
<td class="col-5">21</td>
<td class="col-6">10</td>
<td class="col-7">T-½</td>
</tr>
<tr>
<td class="col-0">0.795</td>
<td class="col-1">20.2</td>
<td class="col-2">2.496</td>
<td class="col-3">63.4</td>
<td class="col-4">63</td>
<td class="col-5">22</td>
<td class="col-6">10.5</td>
<td class="col-7">U-½</td>
</tr>
<tr>
<td class="col-0">0.811</td>
<td class="col-1">20.6</td>
<td class="col-2">2.543</td>
<td class="col-3">64.6</td>
<td class="col-4">64</td>
<td class="col-5">23</td>
<td class="col-6">11</td>
<td class="col-7">V-½</td>
</tr>
<tr>
<td class="col-0">0.827</td>
<td class="col-1">21</td>
<td class="col-2">2.594</td>
<td class="col-3">65.9</td>
<td class="col-4">66</td>
<td class="col-5">25</td>
<td class="col-6">11.5</td>
<td class="col-7">W-½</td>
</tr>
<tr>
<td class="col-0">0.843</td>
<td class="col-1">21.4</td>
<td class="col-2">2.646</td>
<td class="col-3">67.2</td>
<td class="col-4">67</td>
<td class="col-5">26</td>
<td class="col-6">12</td>
<td class="col-7">X-½</td>
</tr>
<tr>
<td class="col-0">0.858</td>
<td class="col-1">21.8</td>
<td class="col-2">2.697</td>
<td class="col-3">68.5</td>
<td class="col-4">68</td>
<td class="col-5">28</td>
<td class="col-6">12.5</td>
<td class="col-7">Z</td>
</tr>
<tr>
<td class="col-0">0.874</td>
<td class="col-1">22.2</td>
<td class="col-2">2.744</td>
<td class="col-3">69.7</td>
<td class="col-4">69</td>
<td class="col-5">29</td>
<td class="col-6">13</td>
<td class="col-7">Z+1</td>
</tr>
<tr>
<td class="col-0">0.89</td>
<td class="col-1">22.6</td>
<td class="col-2">2.795</td>
<td class="col-3">71</td>
<td class="col-4">71</td>
<td class="col-5">30</td>
<td class="col-6">13.5</td>
<td class="col-7">Z+1.5</td>
</tr>
<tr>
<td class="col-0">0.906</td>
<td class="col-1">23</td>
<td class="col-2">2.846</td>
<td class="col-3">72.3</td>
<td class="col-4">72</td>
<td class="col-5">31</td>
<td class="col-6">14</td>
<td class="col-7">Z+3</td>
</tr>
<tr>
<td class="col-0">0.921</td>
<td class="col-1">23.4</td>
<td class="col-2">2.894</td>
<td class="col-3">73.5</td>
<td class="col-4">73</td>
<td class="col-5">32</td>
<td class="col-6">14.5</td>
<td class="col-7">Z+4</td>
</tr>
<tr>
<td class="col-0">0.937</td>
<td class="col-1">23.8</td>
<td class="col-2">2.945</td>
<td class="col-3">74.8</td>
<td class="col-4">74</td>
<td class="col-5">33</td>
<td class="col-6">15</td>
<td class="col-7">Z+5</td>
</tr>
</tbody>
</table>
</div>
<div class="ring__note body4">
<div class="ring__note-title body3">Uwaga:</div>
<div>1. Zmierz swój palec w ciepłych temperaturach pod koniec dnia.</div>
<div>
2. Jeśli twój nadgarstek jest znacznie większy od podstawy palca, zmierz zarówno podstawę palca,
jak i nadgarstek i wybierz rozmiar pomiędzy nimi.
</div>
<div>
3. Rozważając szeroką obrączkę, wybierz rozmiar większy niż twój pomiar, dla komfortu.
</div>
<div>
4. Najpopularniejsze rozmiary obrączek to 54 (EU) & 57 (EU).
</div>
</div>
</div>
</div>
</div>
<script>
; (function () {
var jqm_size_guide = {
el: document.querySelector('.tab-content-ring'),
init: function () {
var tableCells = this.el.querySelectorAll('.ring__table table td')
tableCells.forEach(
function (cell) {
cell.addEventListener(
'mouseenter',
this.handleCellMouseEnter.bind(this)
)
}.bind(this)
)
var allCells = this.el.querySelectorAll('.ring__table table td')
allCells.forEach(
function (cell) {
cell.addEventListener(
'mouseleave',
this.handleCellMouseLeave.bind(this)
)
}.bind(this)
)
var rows = this.el.querySelectorAll('.ring__table table tr')
rows.forEach(function (row, i) {
var cells = row.querySelectorAll('td')
cells.forEach(function (cell, j) {
cell.classList.add('col-' + j)
})
})
},
handleCellMouseEnter: function (e) {
var el = e.currentTarget
el.classList.add('active')
var prevSiblings = this.getPreviousSiblings(el)
prevSiblings.forEach(function (sibling) {
sibling.classList.add('same-row')
})
var colClass = el.className.match(/(col-[0-9])/i)
if (colClass) {
var className = colClass[0]
var cols = this.el.querySelectorAll(
'.ring__table table td.' + className
)
for (var i = 0; i < cols.length; i++) {
var cell = cols[i]
if (!cell.classList.contains('active')) {
cell.classList.add('same-col')
} else {
break
}
}
}
},
handleCellMouseLeave: function () {
var cells = this.el.querySelectorAll('.ring__table table td')
cells.forEach(function (cell) {
cell.classList.remove('same-row', 'same-col', 'active')
})
},
getPreviousSiblings: function (el) {
var siblings = []
while ((el = el.previousElementSibling)) {
siblings.push(el)
}
return siblings
}
}
jqm_size_guide.init()
})()
let tab = document.querySelectorAll('.nav_item')
let tabContent1 = document.querySelector('.bracelet_size_guide_content')
let tabContent2 = document.querySelector('.ring_size_guide_content')
tab.forEach(function (item) {
item.addEventListener('mouseover', function (e) {
let target = e.currentTarget
tab.forEach(function (_item, index) {
_item.classList.remove('active')
if (target == _item) {
_item.classList.add('active')
if (index == 0) {
tabContent1.style.display = 'block'
tabContent2.style.display = 'none'
} else {
tabContent1.style.display = 'none'
tabContent2.style.display = 'block'
}
}
})
})
})
</script>
