Pokaż surowy HTML
<style>@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');</style>
<div style='font-family:Sora,Inter,system-ui,sans-serif;max-width:680px;margin:32px auto'>
<!-- Metki produktu -->
<div style='display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px'>
<span style='display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#e8eddb;color:#3d4a2a'>Stikls</span>
<span style='display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#e8eddb;color:#3d4a2a'>Tīra etiķete</span>
</div>
<!-- Bioshi Score -->
<div style='display:flex;align-items:center;gap:24px;padding:20px 0;margin-bottom:16px;border-bottom:1px solid #e8e5df'>
<div style='display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0'>
<div style='font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#2c2c2c'>Bioshi Score</div>
<div style='width:80px;height:80px;border-radius:50%;background:#8a915b;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff'>B</div>
</div>
<div style='flex:1'>
<div style='font-size:15px;color:#2c2c2c;margin-bottom:12px;line-height:1.5'>Dabīgs produkts ar minimālu apstrādi un ļoti labu sastāvu. Lieliska izvēle!</div>
<div style='display:flex;gap:4px'>
<div style='flex:1;height:32px;border-radius:6px;background:#636849;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:0.25'>A</div>
<div style='flex:1;height:32px;border-radius:6px;background:#8a915b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:1;transform:scaleY(1.15)'>B</div>
<div style='flex:1;height:32px;border-radius:6px;background:#968564;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:0.25'>C</div>
<div style='flex:1;height:32px;border-radius:6px;background:#a67258;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:0.25'>D</div>
<div style='flex:1;height:32px;border-radius:6px;background:#9a5959;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;opacity:0.25'>E</div>
</div>
</div>
</div>
<!-- 4 Filary -->
<div style='display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px'>
<div style='padding:14px;background:#fff;border:1px solid #e8e5df;border-radius:10px'>
<div style='display:flex;align-items:center;gap:8px;margin-bottom:6px'><span style='font-size:18px'>🌾</span><div style='font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6b6b6b'>Sastāvs</div></div>
<div style='font-size:14px;font-weight:500;color:#2c2c2c;line-height:1.4'>Sabalansēts: 6 sastāvdaļas</div>
</div>
<div style='padding:14px;background:#fff;border:1px solid #e8e5df;border-radius:10px'>
<div style='display:flex;align-items:center;gap:8px;margin-bottom:6px'><span style='font-size:18px'>🌱</span><div style='font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6b6b6b'>Izcelsme</div></div>
<div style='font-size:14px;font-weight:500;color:#2c2c2c;line-height:1.4'>Vietējais produkts</div>
</div>
<div style='padding:14px;background:#fff;border:1px solid #e8e5df;border-radius:10px'>
<div style='display:flex;align-items:center;gap:8px;margin-bottom:6px'><span style='font-size:18px'>🍳</span><div style='font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6b6b6b'>Apstrāde</div></div>
<div style='font-size:14px;font-weight:500;color:#2c2c2c;line-height:1.4'>Tradicionāla apstrāde</div>
</div>
<div style='padding:14px;background:#fff;border:1px solid #e8e5df;border-radius:10px'>
<div style='display:flex;align-items:center;gap:8px;margin-bottom:6px'><span style='font-size:18px'>🧴</span><div style='font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6b6b6b'>Iepakojums</div></div>
<div style='font-size:14px;font-weight:500;color:#2c2c2c;line-height:1.4'>Stikls</div>
</div>
</div>
<!-- Opis produktu -->
<style>
.bs-desc h3 { font-size:15px;font-weight:700;margin:20px 0 8px;color:#2c2c2c }
.bs-desc h3:first-child { margin-top:0 }
.bs-desc p { margin:8px 0 }
.bs-desc table { width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 20px;font-size:13px;background:#faf9f6;border-radius:10px;overflow:hidden;border:1px solid #e8e5df }
.bs-desc table td { padding:12px 16px;border-bottom:1px solid #e8e5df;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word }
.bs-desc table tr:last-child td { border-bottom:none }
.bs-desc table tr:hover { background:rgba(99,104,73,0.04) }
.bs-desc table td:first-child { color:#6b6b6b;font-weight:500;min-width:140px }
.bs-desc table td:last-child { font-weight:600;text-align:right;color:#2c2c2c }
.bs-desc table td strong, .bs-desc table td strong span { font-weight:inherit }
@media(max-width:480px) { .bs-desc table { font-size:12px } .bs-desc table td { padding:10px 12px } .bs-desc table td:first-child { min-width:100px } }
</style>
<!-- Opis produktu -->
<style>
.bs-desc h3 { font-size:15px;font-weight:700;margin:20px 0 8px;color:#2c2c2c }
.bs-desc h3:first-child { margin-top:0 }
.bs-desc p { margin:8px 0 }
.bs-desc table { width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 20px;font-size:13px;background:#faf9f6;border-radius:10px;overflow:hidden;border:1px solid #e8e5df }
.bs-desc table td { padding:12px 16px;border-bottom:1px solid #e8e5df;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word }
.bs-desc table tr:last-child td { border-bottom:none }
.bs-desc table tr:hover { background:rgba(99,104,73,0.04) }
.bs-desc table td:first-child { color:#6b6b6b;font-weight:500;min-width:140px }
.bs-desc table td:last-child { font-weight:600;text-align:right;color:#2c2c2c }
.bs-desc table td strong, .bs-desc table td strong span { font-weight:inherit }
@media(max-width:480px) { .bs-desc table { font-size:12px } .bs-desc table td { padding:10px 12px } .bs-desc table td:first-child { min-width:100px } }
</style>
<div class='bs-desc' style='background:#fff;border:1px solid #e8e5df;border-radius:12px;padding:24px;font-family:Sora,Inter,system-ui,sans-serif;font-size:14px;line-height:1.8;color:#2c2c2c'>
<h3>Produkta apraksts</h3>
<article>
<p>Unikālās Krokus medus sinepes ir produkts, kas iepriecinās tos, kuri meklē tradicionālas garšas. Mūsu medus sinepes tiek ražotas no labākajām sastāvdaļām, kas veido to unikālo raksturu. Rūpīga ražošanas procesā, kurā sinepju graudi nogatavojas ozolkoka mucās, sinepēm tiek piešķirts neatkārtojams aromāts. Pateicoties malšanai tradicionālās dzirnavās, mūsu sinepes saglabā maigu konsistenci, un dabīgā medus pievienošana padara tās īpaši saldas un aromātiskas.</p>
<h3>Sastāvdaļas</h3>
<p>ūdens, medus (32%), baltās SINEPJU sēklas, vīna etiķis, sāls, garšvielas.</p>
<h3>Uzturvērtība</h3>
<table style='border-collapse: collapse; width: 100%;' border='1'>
<tbody>
<tr><th style='font-weight: bold;'>Sastāvdaļa</th><th style='font-weight: bold;'>Vērtība 100 g</th></tr>
<tr>
<td>Enerģētiskā vērtība</td>
<td>760 kJ / 180 kcal</td>
</tr>
<tr>
<td>Tauki</td>
<td>2,8 g</td>
</tr>
<tr>
<td>Piesātinātās taukskābes</td>
<td>0,2 g</td>
</tr>
<tr>
<td>Ogļhidrāti</td>
<td>33 g</td>
</tr>
<tr>
<td>Cukuri</td>
<td>27 g</td>
</tr>
<tr>
<td>Olbaltumvielas</td>
<td>5,6 g</td>
</tr>
<tr>
<td>Sāls</td>
<td>1,8 g</td>
</tr>
</tbody>
</table>
<h3>Uzglabāšanas nosacījumi</h3>
<p>Uzglabāt tumšā vietā. Pēc atvēršanas uzglabāt ledusskapī un izlietot 7 dienu laikā.</p>
<h3>Izcelsmes valsts</h3>
<p>Polija</p>
<h3>Neto svars</h3>
<p>185 g</p>
<h3>Piezīmes</h3>
<p>Veģetārs produkts, bez glutēna.</p>
<h3>Ražotājs</h3>
<p>Krokus Przetwórnia Owoców i Warzyw Czesław Caryk sp.j. Pająków 25 B, 26-704 Przyłęk</p>
</article>
</div>
</div>