/* Czelli kosár-sáv — a téma színeit használja, ha elérhetők */
.czk { --czk-barna: var(--barna, #4a2e18); --czk-arany: var(--arany-sotet, #94652d); --czk-hatter: var(--kreta, #fffbf5); --czk-vonal: var(--vonal, rgba(74, 46, 24, .16)); --czk-tinta2: var(--tinta-2, #6b5646);
  margin: 1.75rem 0 0; padding: 1.4rem 1.5rem 1.25rem; background: var(--czk-hatter); border: 1px solid var(--czk-vonal); display: grid; gap: 1rem; }
.czk-fej { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.czk-cimke { font-family: var(--f-felirat, "Arial Narrow", sans-serif); text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; color: var(--czk-arany); }
.czk-suly { font-family: var(--f-display, Georgia, serif); font-weight: 400; font-size: 1.9rem; line-height: 1; color: var(--czk-barna); font-variant-numeric: tabular-nums; }
.czk-skala { position: relative; height: 8px; margin: .2rem 0 2.6rem; background: var(--czk-vonal); }
.czk-telt { position: absolute; inset: 0 auto 0 0; background: var(--czk-barna); transition: width .5s; }
.czk--min .czk-telt { background: var(--czk-arany); }
.czk-jel { position: absolute; top: -5px; transform: translateX(-50%); display: grid; justify-items: center; }
.czk-jel i { width: 2px; height: 18px; background: var(--czk-tinta2); opacity: .55; }
.czk-jel--elert i { background: var(--czk-barna); opacity: 1; }
.czk-jel small { margin-top: .25rem; font-size: .68rem; line-height: 1.2; text-align: center; color: var(--czk-tinta2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.czk-jel--ingyenes small { color: var(--czk-arany); font-weight: 600; }
.czk-jel:last-child { transform: translateX(-85%); }
.czk-jel:last-child small { text-align: right; }
.czk-uzenetek { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.czk-u { font-size: .95rem; line-height: 1.5; padding-left: 1.1rem; position: relative; color: var(--czk-tinta2); }
.czk-u::before { content: ""; position: absolute; left: 0; top: .6em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--czk-arany); }
.czk-u--fo { color: var(--czk-barna); font-weight: 500; }
.czk--min .czk-u--fo::before, .czk--max .czk-u--fo::before { background: #b4441e; }
.czk--ingyen .czk-u--fo::before { background: var(--czk-barna); }
.czk-tovabb { justify-self: start; font-family: var(--f-felirat, "Arial Narrow", sans-serif); text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; color: var(--czk-barna); border-bottom: 1px solid currentColor; padding-bottom: .15rem; text-decoration: none; }
.czk-zarva, .czk-zarva:hover { display: block; width: 100%; text-align: center; opacity: .55; cursor: not-allowed; pointer-events: none; }
@media (max-width: 560px) { .czk { padding: 1.1rem 1rem 1rem; } .czk-jel small { font-size: .6rem; } }
@media (prefers-reduced-motion: reduce) { .czk-telt { transition: none; } }

/* „ebből ÁFA” sor a végösszeg fölött: kicsi, halvány */
tr.czk-afa-sor th, tr.czk-afa-sor td { font-size: .8rem !important; font-weight: 400 !important; color: var(--tinta-2, #6b5646) !important; letter-spacing: 0 !important; text-transform: none !important; }
tr.czk-afa-sor .woocommerce-Price-amount, tr.czk-afa-sor bdi { font-weight: 400 !important; }
small.czk-afa { font-size: .8rem; font-weight: 400; color: var(--tinta-2, #6b5646); }
small.czk-afa .woocommerce-Price-amount { font-weight: 400; }

/* GLS csomagautomata a pénztárban: a választott pont a gomb fölött; a GLS bővítmény táblázatba szúrt doboza helyett */
#gls-pickup-info { display: none !important; }
.czk-gls-pont { display: grid; gap: .1rem; margin: .55rem 0 .5rem; padding: .65rem .8rem; background: var(--kreta, #fffbf5); border: 1px solid var(--vonal, rgba(74, 46, 24, .16)); border-left: 3px solid var(--barna, #4a2e18); font-size: .9rem; line-height: 1.35; }
.czk-gls-pont-cimke { font-family: var(--f-felirat, "Arial Narrow", sans-serif); text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; color: var(--arany-sotet, #94652d); }
.czk-gls-pont b { font-weight: 600; color: var(--barna, #4a2e18); }
.czk-gls-pont small { color: var(--tinta-2, #6b5646); font-size: .85rem; }