table {margin: 30px auto;width:100%;border-collapse: collapse}
table thead {}
table tfoot {border-top:2px solid #9f9f9f}
table tbody td {background-color:#f5f5f5}
table thead th {padding:5px;text-align:left;background-color:#e2d7c3;text-align:center;color:#402910}
table td {padding:10px 5px;text-align:left}
table td.num {text-align:right}
table td.c {text-align:center}
table tbody td.empty {text-align:center;font-weight:bold;color:#b81619}
table thead th.num_rows {width:80px}
table a {display:block;padding:2px 4px;border:1px solid black;text-decoration:none;text-align:center;color:#faf5e1;background-color:#5a5f2f;margin-bottom:2px}
table a.del {background-color:#9d0000}
#nawigacja {padding:5px;background-color:#e2d7c3;color:#faf5e1;border-bottom:2px solid #5b5549}
#nawigacja a {display:inline-block;color:#fff;background-color:#936c19;padding:10px;border-radius:4px}
#nawigacja a:first-child {float:right}
#nawigacja a:first-child:after {content:'»';margin-left:3px;font-weight:bold}
#nawigacja a+a:before {content:'«';margin-right:3px;font-weight:bold}
#info {margin:0 auto;line-height:1.4em}

p.info {margin:20px 0}

.addon-data {background-color:#f5f5f5;border-radius:8px;padding:20px;}
.addon-data h2 {font-size:17px;margin-bottom:10px;color:#402910;}
.addon-data div {border-bottom:1px solid #402910;padding:10px 0;}
.addon-data label {display:flex;align-items:center;gap:10px;}


table.cart tr.mob, table.cart td.mob {display:none}
@media screen and (max-width:990px){
#info {padding:0 10px}
#nawigacja {margin:0 -10px 2px;padding:10px}
}
@media screen and (max-width:530px){
table.cart tr.mob {display:table-row}
table.cart td.mob {display:table-cell}
table.cart .notMob {display:none}
p.nav a {display:block;margin-bottom:25px}
p.nav a.realize {float:none}
}
@media screen and (max-width:460px){
#nawigacja {padding-top:20px}
#nawigacja a {font-size:1.2em;display:block;color:#fff;background-color:#936c19;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}
#nawigacja a:first-child {float:none}
}