.postup-box {background: #f8f8f8;padding-top: 5px;padding-left: 20px;padding-right: 20px;border-radius: 12px;font-family: inherit;}
.postup-nadpis {margin-bottom: 15px;font-size: 20px;}
.postup-kroky {display: flex;flex-direction: column;gap: 15px;}
.krok {border-bottom: 1px solid #ccc;padding-bottom: 1rem;display: flex;align-items: flex-start;gap: 12px;}
.cislo {background: #3662a1;color: white;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;}.cislo-b {background: #165932;color: white;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;}.text p {margin: 3px 0 0;font-size: 14px;color: #555;}.postup-cena {margin-top: 20px;font-size: 16px;}.cena-hlavni {text-align: end;font-size: 18px;margin-bottom: 5px;}.cena-vedlejsi {display: none;}.postup-btn {margin-top: 20px;width: 100%;padding: 12px;background: #165932;color: white;border: none;border-radius: 8px;font-size: 16px;cursor: pointer;}
@media (min-width: 1025px) {.option-details-hlavni-grid-box,.order-info-box { display: none !important;}}
.button-nabidka-box {text-transform: none;background-color: #165932;border-radius: 4px;padding: 15px;text-align: center;border: 0px solid #1e1e1e;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%);color: #fff;line-height: 1;margin: 0;font-size: 1.2rem;font-weight: 700;transition: color 0.3s ease;}
.order-info-box {margin-right: 8px;margin-bottom: 14px;margin-top: 0;font-size: 16px;font-weight: 500;color: #009688;text-align: right;opacity: 0.85;}
.dropdown-selected {border-radius: 8px;/*border-color: #f50a23;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f50a23;*/}
/*.dropdown-selected.active, .dropdown-selected:hover {border: 1px solid #eee;border-radius: 8px;border-color: #f50a23;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f50a23;} */
 /*nové čepička */
.plan-banner { width: 100%; background: #e00; color: #fff; padding: 8px 16px;border-top-left-radius: 24px;border-top-right-radius: 24px; display: flex; align-items: center; gap: 10px; font-weight: 400; font-size: 0.95rem; line-height: 1.2; } .plan-banner-icon svg { display: block; } .plan-banner-text { flex: 1; font-size: large;}
.dropdown-selected {border-radius: unset !important;background-color: #faf6ea;margin-top: unset !important;border: 0px solid #f0e2ce !important;color: #000;width: 100%;font-size: 1.3rem;cursor: pointer;font-weight: 400;background-position: right 0.1rem center;background-size: 37px;background-position: right bottom;}
.tooltip { position: relative; display: inline-block; margin-left: 6px; }
.tooltip-icon {width: 16px;height: 16px;border-radius: 50%;background: #e00;box-shadow: unset !important;border: 2px solid #fff;font-size: 12px;font-weight: bold;cursor: pointer;padding: 0;line-height: 12px;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.Icon--info:before {content: "?";}
.tooltip-icon::after {content: "i";color: #fff;font-weight: 700;font-size: 11px;}
.tooltip-content { visibility: hidden; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 130%; background: #333; color: #fff; padding: 10px 12px; border-radius: 6px; font-size: 0.75rem; line-height: 1.3; width: 200px; /* pevná šířka */ white-space: normal; /* zalamování textu */ text-align: left; /* lepší čitelnost */ transition: opacity 0.2s ease; z-index: 10;  }
.tooltip:hover .tooltip-content { visibility: visible; opacity: 1; }