/*
 * Unlimited Cart: stil korpe za Unlimited.rs
 * Učitava se posle standard_cart/all.min.css. Boje i zaobljenja menjajte u :root bloku.
 */

:root {
    --u-ink: #142033;
    --u-ink-2: #3b4a5e;
    --u-muted: #66758a;
    --u-slate: #5a7290;
    --u-line: #d9e1ea;
    --u-line-2: #e8edf3;
    --u-paper: #f3f6f9;
    --u-white: #ffffff;
    --u-blue: #1f5ad1;
    --u-blue-600: #1849ad;
    --u-blue-50: #eaf0fc;
    --u-green: #0f8a5f;
    --u-green-600: #0b6f4c;
    --u-green-50: #e5f4ed;
    --u-amber: #f2b63c;
    --u-amber-50: #fff6e3;
    --u-red: #c4382d;
    --u-red-50: #fdeceb;
    --u-r-lg: 18px;
    --u-r: 12px;
    --u-r-sm: 8px;
    --u-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Osnova ---------- */

#order-standard_cart.u-cart {
    padding: 0 0 56px;
    font-family: var(--u-font);
    font-size: 16px;
    line-height: 1.55;
    color: var(--u-ink);
}
#order-standard_cart.u-cart *,
#order-standard_cart.u-cart *::before,
#order-standard_cart.u-cart *::after {
    box-sizing: border-box;
}
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4 {
    font-family: var(--u-font);
    color: var(--u-ink);
}
#order-standard_cart label {
    margin-right: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--u-ink-2);
}
#order-standard_cart.u-cart .w-hidden {
    display: none;
}
#order-standard_cart .u-hide {
    display: none !important;
}
#order-standard_cart .u-muted {
    color: var(--u-muted);
}
#order-standard_cart .u-small {
    font-size: 14px;
}
#order-standard_cart .u-note {
    margin: 14px 0 0;
    font-size: 14px;
    color: var(--u-ink-2);
}
#order-standard_cart .u-note i {
    color: var(--u-green);
    margin-right: 4px;
}
#order-standard_cart .alert {
    border-radius: var(--u-r);
    font-size: 15px;
}
#order-standard_cart .alert ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

/* Polja */
#order-standard_cart.u-cart .form-control,
#order-standard_cart.u-cart .field {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    font-family: var(--u-font);
    font-size: 16px;
    color: var(--u-ink);
    background-color: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: 10px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#order-standard_cart.u-cart select.form-control,
#order-standard_cart.u-cart select.field {
    padding-right: 34px;
}
#order-standard_cart.u-cart textarea.form-control,
#order-standard_cart.u-cart textarea.field {
    height: auto;
    min-height: 96px;
}
#order-standard_cart.u-cart .form-control:focus,
#order-standard_cart.u-cart .field:focus {
    border-color: var(--u-blue);
    box-shadow: 0 0 0 4px var(--u-blue-50);
    outline: 0;
}
#order-standard_cart.u-cart .form-group {
    margin-bottom: 16px;
}
#order-standard_cart.u-cart .form-group > label {
    display: block;
    margin-bottom: 6px;
}
#order-standard_cart .u-optional {
    font-weight: 500;
    color: var(--u-muted);
}
#order-standard_cart .field-help-text,
#order-standard_cart .form-text {
    font-size: 13px;
    color: var(--u-muted);
}

/* Telefon sa pozivnim brojem (intl-tel-input): mesto za zastavicu i broj */
#order-standard_cart .intl-tel-input {
    display: block;
    width: 100%;
}
#order-standard_cart .intl-tel-input .flag-container {
    z-index: 2;
}
#order-standard_cart .intl-tel-input.separate-dial-code .selected-flag {
    height: 100%;
    background-color: var(--u-paper);
    border-right: 1.5px solid var(--u-line);
    border-radius: 9px 0 0 9px;
}
#order-standard_cart .intl-tel-input.separate-dial-code .selected-dial-code {
    font-weight: 700;
    color: var(--u-ink);
}
#order-standard_cart .intl-tel-input.separate-dial-code.iti-sdc-2 input { padding-left: 72px; }
#order-standard_cart .intl-tel-input.separate-dial-code.iti-sdc-3 input { padding-left: 80px; }
#order-standard_cart .intl-tel-input.separate-dial-code.iti-sdc-4 input { padding-left: 88px; }
#order-standard_cart .intl-tel-input.separate-dial-code.iti-sdc-5 input { padding-left: 96px; }
#order-standard_cart .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input { padding-left: 82px; }
#order-standard_cart .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input { padding-left: 90px; }
#order-standard_cart .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input { padding-left: 98px; }
#order-standard_cart .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input { padding-left: 106px; }
#order-standard_cart .intl-tel-input .country-list {
    z-index: 20;
    border: 1px solid var(--u-line);
    border-radius: 10px;
    box-shadow: 0 16px 32px -16px rgba(20, 32, 51, .3);
}

/* iCheck bez sprite slike */
#order-standard_cart .iradio_square-blue,
#order-standard_cart .icheckbox_square-blue {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 2px 0 0;
    background: var(--u-white);
    border: 2px solid #aab6c4;
    border-radius: 50%;
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart .icheckbox_square-blue {
    border-radius: 6px;
}
#order-standard_cart .iradio_square-blue.hover,
#order-standard_cart .icheckbox_square-blue.hover {
    border-color: var(--u-blue);
}
#order-standard_cart .iradio_square-blue.checked {
    border-color: var(--u-blue);
    background: radial-gradient(circle at center, var(--u-blue) 0 4px, var(--u-white) 4.5px);
}
#order-standard_cart .icheckbox_square-blue.checked {
    border-color: var(--u-blue);
    background: var(--u-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat;
}
#order-standard_cart .iradio_square-blue.disabled,
#order-standard_cart .icheckbox_square-blue.disabled {
    opacity: .45;
}
#order-standard_cart .iradio_square-blue.focus,
#order-standard_cart .icheckbox_square-blue.focus {
    box-shadow: 0 0 0 4px var(--u-blue-50);
}

/* ---------- Dugmad ---------- */

.u-cart .u-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    font-family: var(--u-font);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    border-width: 1.5px;
    border-style: solid;
    border-color: transparent;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.u-cart .u-btn:focus-visible {
    outline: 3px solid rgba(31, 90, 209, .4);
    outline-offset: 2px;
}
.u-cart .u-btn--primary {
    background: var(--u-blue);
    border-color: var(--u-blue);
    color: #fff;
}
.u-cart .u-btn--primary:hover,
.u-cart .u-btn--primary:focus {
    background: var(--u-blue-600);
    border-color: var(--u-blue-600);
    color: #fff;
}
.u-cart .u-btn--buy {
    background: var(--u-green);
    border-color: var(--u-green);
    color: #fff;
}
.u-cart .u-btn--buy:hover,
.u-cart .u-btn--buy:focus {
    background: var(--u-green-600);
    border-color: var(--u-green-600);
    color: #fff;
}
.u-cart .u-btn--outline {
    background: var(--u-white);
    border-color: var(--u-blue);
    color: var(--u-blue);
}
.u-cart .u-btn--outline:hover,
.u-cart .u-btn--outline:focus {
    background: var(--u-blue-50);
    color: var(--u-blue-600);
}
.u-cart .u-btn--ghost {
    background: transparent;
    border-color: var(--u-line);
    color: var(--u-ink-2);
}
.u-cart .u-btn--ghost:hover,
.u-cart .u-btn--ghost:focus {
    background: var(--u-paper);
    color: var(--u-ink);
}
.u-cart .u-btn--danger {
    background: var(--u-red);
    border-color: var(--u-red);
    color: #fff;
}
.u-cart .u-btn--danger:hover {
    filter: brightness(.92);
    color: #fff;
}
.u-cart .u-btn--lg {
    min-height: 54px;
    padding: 14px 24px;
    font-size: 16px;
}
.u-cart .u-btn--sm {
    min-height: 36px;
    padding: 7px 13px;
    font-size: 14px;
}
.u-cart .u-btn--block {
    display: flex;
    width: 100%;
}
.u-cart .u-btn:disabled,
.u-cart .u-btn.disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}

.u-cart .u-link {
    padding: 0;
    font-family: var(--u-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--u-blue);
    background: none;
    border: 0;
    cursor: pointer;
    text-decoration: none;
}
.u-cart .u-link:hover,
.u-cart .u-link:focus {
    text-decoration: underline;
}
.u-cart .u-link--danger {
    color: var(--u-ink-2);
}
.u-cart .u-link--danger:hover {
    color: var(--u-red);
}
.u-cart .u-link--muted {
    color: var(--u-muted);
    font-weight: 600;
}

/* ---------- Koraci ---------- */

.u-steps {
    margin: 4px 0 28px;
    padding: 18px 12px 14px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
.u-steps__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.u-step {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}
.u-step + .u-step::before {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(-50% + 22px);
    right: calc(50% + 22px);
    height: 2px;
    background: var(--u-line);
    border-radius: 2px;
}
.u-step.is-done + .u-step::before {
    background: var(--u-green);
}
.u-step__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}
a.u-step__inner:hover,
a.u-step__inner:focus {
    text-decoration: none;
}
.u-step__dot {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: var(--u-muted);
    background: var(--u-white);
    border: 2px solid var(--u-line);
    border-radius: 50%;
    font-variant-numeric: tabular-nums;
}
.u-step__label {
    max-width: 100%;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--u-muted);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.u-step.is-done .u-step__dot {
    color: #fff;
    background: var(--u-green);
    border-color: var(--u-green);
}
.u-step.is-done .u-step__label {
    color: var(--u-ink-2);
}
a.u-step__inner:hover .u-step__label,
a.u-step__inner:focus .u-step__label {
    color: var(--u-blue);
    text-decoration: underline;
}
.u-step.is-current .u-step__dot {
    color: #fff;
    background: var(--u-blue);
    border-color: var(--u-blue);
    box-shadow: 0 0 0 5px var(--u-blue-50);
}
.u-step.is-current .u-step__label {
    font-weight: 800;
    color: var(--u-ink);
}
.u-steps[data-step="done"] .u-step:last-child .u-step__dot {
    box-shadow: 0 0 0 5px var(--u-green-50);
}

.u-steps__compact {
    display: none;
}

@media (max-width: 767px) {
    .u-steps {
        padding: 14px 16px;
    }
    .u-steps__list {
        display: none;
    }
    .u-steps__compact {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: baseline;
        gap: 2px 12px;
    }
    .u-steps__count {
        font-size: 13px;
        font-weight: 600;
        color: var(--u-muted);
    }
    .u-steps__next {
        grid-column: 2;
        grid-row: 1;
        font-size: 13px;
        color: var(--u-muted);
        text-align: right;
    }
    .u-steps__now {
        grid-column: 1 / -1;
        font-size: 19px;
        font-weight: 800;
        color: var(--u-ink);
    }
    .u-steps__bar {
        grid-column: 1 / -1;
        display: flex;
        gap: 4px;
        margin-top: 8px;
    }
    .u-steps__bar span {
        flex: 1;
        height: 6px;
        background: var(--u-line);
        border-radius: 3px;
    }
    .u-steps__bar span.is-done {
        background: var(--u-green);
    }
    .u-steps__bar span.is-current {
        background: var(--u-blue);
    }
}

/* ---------- Naslov stranice ---------- */

.u-head {
    max-width: 760px;
    margin: 0 0 24px;
}
#order-standard_cart .u-title {
    margin: 0 0 8px;
    font-size: clamp(26px, 2.6vw + 12px, 36px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.025em;
}
.u-lead {
    margin: 0;
    font-size: 17px;
    color: var(--u-ink-2);
}
#order-standard_cart .u-subtitle {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* ---------- Paneli i raspored ---------- */

#order-standard_cart .u-panel,
#order-standard_cart .u-section {
    margin: 0 0 20px;
    padding: 24px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
#order-standard_cart .u-section__title {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
}
#order-standard_cart .u-section__title label {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
#order-standard_cart .u-section > .row:last-child > [class*="col-"] > .form-group:last-child,
#order-standard_cart .u-section > .row:last-child > .form-group:last-child {
    margin-bottom: 0;
}

.u-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
    align-items: start;
}
#order-standard_cart .u-split__side {
    position: sticky;
    top: 20px;
    float: none;
    width: auto;
    padding: 0;
}
@media (max-width: 991px) {
    .u-split {
        grid-template-columns: minmax(0, 1fr);
    }
    #order-standard_cart .u-split__side {
        position: static;
    }
}

.u-actions {
    display: flex;
    justify-content: center;
    margin: 24px 0 0;
}
.u-actions--end {
    justify-content: flex-end;
}
@media (max-width: 575px) {
    .u-actions .u-btn {
        width: 100%;
    }
}

.u-help {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--u-muted);
}
.u-help i {
    margin-right: 6px;
    color: var(--u-slate);
}

/* ---------- Račun (sažetak porudžbine) ---------- */

.u-receipt-wrap {
    display: grid;
    gap: 14px;
}
#order-standard_cart .u-receipt {
    position: relative;
    margin: 0 0 12px;
    padding: 22px 22px 18px;
    background: var(--u-white);
    border-radius: var(--u-r-lg) var(--u-r-lg) 0 0;
    filter: drop-shadow(0 0 .6px rgba(20, 32, 51, .55)) drop-shadow(0 10px 18px rgba(20, 32, 51, .07));
}
#order-standard_cart .u-receipt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    height: 10px;
    background: conic-gradient(from -45deg at 50% 100%, var(--u-white) 90deg, transparent 0) 0 0 / 18px 10px repeat-x;
}
.u-receipt__title {
    margin: 0 0 4px;
    padding: 0 0 12px;
    font-size: 15px !important;
    font-weight: 800;
    border-bottom: 1px dashed var(--u-line);
}
#order-standard_cart .u-receipt .summary-container {
    min-height: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: none;
    border-radius: 0;
}
#order-standard_cart .u-receipt .loader {
    position: absolute;
    top: 20px;
    right: 22px;
    height: auto;
    padding: 0;
    color: var(--u-slate);
}
.u-r-item {
    padding: 12px 0 2px;
}
.u-r-item__name {
    display: block;
    font-size: 16px;
    font-weight: 800;
}
.u-r-item__group {
    display: block;
    font-size: 13px;
    color: var(--u-muted);
}
.u-r-lines {
    display: grid;
    gap: 8px;
    padding: 12px 0;
    font-size: 14px;
    border-bottom: 1px dashed var(--u-line);
}
.u-r-line {
    display: flex;
    align-items: flex-end;
    gap: 0;
}
.u-r-line__label {
    order: 1;
    min-width: 0;
    color: var(--u-ink-2);
    overflow-wrap: anywhere;
}
.u-r-line__label small {
    display: block;
    font-size: 12px;
    color: var(--u-muted);
}
.u-r-line::after {
    content: "";
    order: 2;
    flex: 1 1 12px;
    min-width: 12px;
    margin: 0 6px 5px;
    border-bottom: 1.5px dotted #b9c4d0;
}
.u-r-line__value {
    order: 3;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.u-r-line--sub .u-r-line__label {
    padding-left: 10px;
    font-size: 13px;
}
.u-r-line--sub .u-r-line__value {
    font-weight: 600;
    font-size: 13px;
}
.u-r-line--discount .u-r-line__value {
    color: var(--u-green);
}
.u-r-line--sub:not(:has(.u-r-line__value))::after {
    content: none;
}
.u-r-total {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 14px 0 4px;
}
.u-r-total__label {
    font-size: 14px;
    font-weight: 700;
}
#order-standard_cart .u-r-total__amount {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--u-ink);
}
.u-r-recurring {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0 2px;
    font-size: 13px;
    color: var(--u-muted);
}
.u-r-recurring__list {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.u-r-recurring__list .cost {
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-r-promo {
    margin: 14px 0 0;
    padding: 12px 0 0;
    font-size: 14px;
    border-top: 1px dashed var(--u-line);
}
.u-r-promo summary {
    font-weight: 700;
    color: var(--u-blue);
    cursor: pointer;
}
.u-r-promo__form {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}
#order-standard_cart .u-r-promo__form .form-control {
    height: 42px;
    text-transform: uppercase;
}
#order-standard_cart .u-r-promo__form .u-btn {
    min-height: 42px;
}
.u-r-promo.is-applied {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    font-weight: 700;
    color: var(--u-green-600);
}
/* "Nastavi kupovinu": dugme upola šire od "Nastavi na plaćanje", na sredini */
#order-standard_cart .u-continue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    min-height: 44px;
    margin: 12px auto 0;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.u-express {
    text-align: center;
}
#order-standard_cart .u-express .separator {
    margin: 8px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--u-muted);
}

/* ---------- Paketi ---------- */

.u-groups {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 28px;
}
.u-groups__tabs {
    display: flex;
    gap: 4px;
    max-width: 100%;
    padding: 4px;
    overflow-x: auto;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 14px;
    scrollbar-width: none;
}
.u-groups__tabs::-webkit-scrollbar {
    display: none;
}
#order-standard_cart .u-groups__tab {
    padding: 9px 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
    white-space: nowrap;
    text-decoration: none;
    border-radius: 10px;
}
#order-standard_cart .u-groups__tab:hover {
    color: var(--u-ink);
    background: var(--u-paper);
}
#order-standard_cart .u-groups__tab.is-active {
    color: #fff;
    background: var(--u-ink);
}
#order-standard_cart .u-groups__tab--domains i {
    margin-right: 4px;
    color: var(--u-slate);
}
#order-standard_cart .u-groups__currency select {
    width: auto;
    height: 40px;
    padding: 6px 30px 6px 12px;
    font-size: 14px;
    font-weight: 700;
}

.u-plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    align-items: stretch;
    margin: 16px 0 32px;
}
/* Više od 4 paketa: jedan vodoravni red (4 vidljiva na širokom ekranu), strelice levo i desno */
.u-plans-scroll {
    position: relative;
    margin: 16px 0 32px;
}
#order-standard_cart .u-plans-scroll .u-plans--many {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: calc((100% - 60px) / 4);
    margin: 0;
    padding: 16px 2px 20px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 2px;
    scrollbar-width: thin;
    scrollbar-color: #c9d4e2 transparent;
}
#order-standard_cart .u-plans-scroll .u-plans--many:focus {
    outline: 0;
}
#order-standard_cart .u-plans-scroll .u-plans--many:focus-visible {
    box-shadow: 0 0 0 3px rgba(31, 90, 209, .25);
    border-radius: 20px;
}
.u-plans--many > .u-plan {
    scroll-snap-align: start;
}
.u-plans-scroll__nav {
    position: absolute;
    top: 200px;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    color: var(--u-blue);
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 50%;
    box-shadow: 0 10px 24px -12px rgba(20, 32, 51, .45);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, transform .15s ease;
}
.u-plans-scroll__nav:hover,
.u-plans-scroll__nav:focus-visible {
    color: #fff;
    background: var(--u-blue);
    border-color: var(--u-blue);
    outline: 0;
}
.u-plans-scroll__nav.is-prev {
    left: -16px;
}
.u-plans-scroll__nav.is-next {
    right: -16px;
}
.u-plans-scroll__nav[hidden] {
    display: none;
}
.u-plans-scroll__hint {
    margin: 2px 0 0;
    font-size: 13px;
    color: var(--u-muted);
    text-align: center;
}
@media (max-width: 1199.98px) {
    #order-standard_cart .u-plans-scroll .u-plans--many {
        grid-auto-columns: calc((100% - 40px) / 3);
    }
}
@media (max-width: 991.98px) {
    #order-standard_cart .u-plans-scroll .u-plans--many {
        grid-auto-columns: calc((100% - 20px) / 2.15);
    }
}
@media (max-width: 575px) {
    #order-standard_cart .u-plans-scroll .u-plans--many {
        grid-auto-columns: 84%;
        gap: 14px;
    }
    .u-plans-scroll__nav {
        width: 40px;
        height: 40px;
    }
    .u-plans-scroll__nav.is-prev {
        left: -6px;
    }
    .u-plans-scroll__nav.is-next {
        right: -6px;
    }
}
.u-plans--1 {
    max-width: 420px;
}
.u-plans--2 {
    max-width: 840px;
}
.u-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 24px 24px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 20px;
}
.u-plan.is-featured {
    border: 2px solid var(--u-blue);
    box-shadow: 0 24px 48px -28px rgba(31, 90, 209, .55);
}
.u-plan__flag {
    position: absolute;
    top: -13px;
    left: 22px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    background: var(--u-blue);
    border-radius: 999px;
}
#order-standard_cart .u-plan__name {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.015em;
}
.u-plan__tag {
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--u-muted);
}
.u-plan__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    margin: 22px 0 20px;
}
.u-plan__from {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-muted);
}
.u-price {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--u-ink);
}
.u-plan__cycle {
    font-size: 15px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-plan__permonth {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    color: var(--u-muted);
}
.u-save {
    display: inline-block;
    padding: 3px 9px;
    font-size: 12px;
    font-weight: 800;
    color: var(--u-green-600);
    background: var(--u-green-50);
    border-radius: 999px;
}
.u-plan__setup {
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    color: var(--u-muted);
}
.u-plan .btn-order-now {
    margin: 0 0 22px;
}
.u-plan__stock {
    margin: -12px 0 18px;
    font-size: 13px;
    color: var(--u-muted);
}
.u-plan__features {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 20px 0 0;
    list-style: none;
    font-size: 15px;
    color: var(--u-ink-2);
    border-top: 1px solid var(--u-line-2);
}
.u-plan__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.u-plan__features .feature-value {
    font-weight: 800;
    color: var(--u-ink);
}
.u-tick {
    flex: 0 0 16px;
    margin-top: 4px;
    color: var(--u-green);
}
.u-plan__desc {
    margin-top: 16px;
    font-size: 14px;
    color: var(--u-muted);
    overflow-wrap: anywhere;
}
/* opis koji WHMCS daje kao HTML (kada ga hook ne obradi): ništa ne izlazi iz kartice */
.u-plan__desc table {
    width: 100% !important;
    table-layout: fixed;
}
.u-plan__desc img {
    max-width: 100%;
    height: auto;
}
.u-plan__desc ul,
.u-plan__desc ol {
    padding-left: 18px;
}

/* Opis paketa u istom obliku na svim karticama (unl_cart_plan_desc u hooku) */
.u-plan__body {
    padding-top: 18px;
    border-top: 1px solid var(--u-line-2);
}
.u-plan__body .u-plan__features {
    gap: 9px;
    padding-top: 0;
    border-top: 0;
}
.u-plan__intro {
    margin: 0 0 14px;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--u-ink-2);
}
.u-plan__intro strong {
    font-weight: 800;
    color: var(--u-ink);
}
.u-plan__body .u-plan__features li > span {
    min-width: 0;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
.u-plan__body .u-plan__features strong {
    font-weight: 800;
    color: var(--u-ink);
}
.u-plan__body .u-plan__spec {
    padding-top: 9px;
    font-size: 14px;
    color: var(--u-muted);
    border-top: 1px dashed var(--u-line-2);
}
.u-plan__body .u-plan__spec + .u-plan__spec {
    padding-top: 0;
    border-top: 0;
}
.u-plan__body .u-plan__spec .u-tick {
    color: var(--u-slate);
}
.u-plan__note {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--u-muted);
}

.u-included {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 28px;
    padding: 18px 22px;
    border: 1.5px dashed var(--u-line);
    border-radius: var(--u-r-lg);
}
#order-standard_cart .u-included__title {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
}
.u-included__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--u-ink-2);
}
.u-included__list i {
    margin-right: 6px;
    color: var(--u-slate);
}

/* ---------- Izbor domena za hosting ---------- */

#order-standard_cart .u-domainpick {
    padding: 22px;
}
#order-standard_cart .domain-selection-options.u-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}
#order-standard_cart .u-options .option {
    margin: 0;
    padding: 0;
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r);
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart .u-options .option:hover {
    border-color: #a9bbd6;
}
#order-standard_cart .u-options .option-selected,
#order-standard_cart .u-options .option.is-selected {
    background: var(--u-blue-50);
    border-color: var(--u-blue);
}
#order-standard_cart .u-options .option label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 14px;
    font-weight: 500;
    cursor: pointer;
}
#order-standard_cart .u-options .option .iradio_square-blue {
    margin: 2px 0 0;
}
.u-option__title {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-option__desc {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: var(--u-muted);
}
#order-standard_cart .domain-input-group {
    margin: 0;
}

/* Polje za pretragu domena */
.u-searchrow {
    display: flex;
    align-items: stretch;
    gap: 6px;
    padding: 6px;
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: 14px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.u-searchrow:focus-within {
    border-color: var(--u-blue);
    box-shadow: 0 0 0 4px var(--u-blue-50);
}
.u-searchrow__prefix,
.u-searchrow__dot {
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
    font-weight: 700;
    color: var(--u-muted);
}
.u-searchrow__dot {
    padding: 0;
}
#order-standard_cart.u-cart .u-searchrow .form-control {
    height: 48px;
    padding: 0 10px;
    font-size: 17px;
    background: transparent;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}
#order-standard_cart.u-cart .u-searchrow .u-searchrow__field {
    flex: 1 1 auto;
    min-width: 0;
}
#order-standard_cart.u-cart .u-searchrow .u-searchrow__tld {
    flex: 0 0 auto;
    width: auto;
    max-width: 150px;
    font-weight: 800;
    background: var(--u-paper);
}
#order-standard_cart.u-cart .u-searchrow .u-searchrow__tld--text {
    width: 110px;
}
.u-cart .u-searchrow .u-searchrow__btn {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 9px;
}
.u-searchrow--hero {
    padding: 8px;
    border-width: 2px;
    border-radius: 18px;
}
#order-standard_cart.u-cart .u-searchrow--hero .form-control {
    height: 58px;
    padding: 0 14px;
    font-size: 20px;
    font-weight: 600;
}
.u-cart .u-searchrow--hero .u-searchrow__btn {
    min-height: 58px;
    padding: 0 32px;
    font-size: 17px;
    border-radius: 12px;
}
@media (max-width: 575px) {
    .u-searchrow {
        flex-wrap: wrap;
    }
    .u-searchrow__prefix {
        display: none;
    }
    #order-standard_cart.u-cart .u-searchrow .u-searchrow__field {
        flex-basis: 100%;
    }
    #order-standard_cart.u-cart .u-searchrow .u-searchrow__tld {
        flex: 1 1 auto;
        max-width: none;
    }
    .u-cart .u-searchrow .u-searchrow__btn {
        flex: 1 1 auto;
    }
}

/* Standard Cart pretraga: bez žute pozadine i globusa */
#order-standard_cart .domain-checker-container.u-search {
    margin: 0 0 28px;
    padding: 0;
    background: none;
    border-radius: 0;
}
#order-standard_cart .u-search .domain-checker-bg {
    padding: 0;
    background: none;
}
#order-standard_cart .captcha-container {
    margin-top: 14px;
}

/* Rezultat provere */
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart .u-result {
    margin: 0 0 20px;
    font-size: 16px;
    text-align: left;
}
#order-standard_cart .domain-lookup-primary-loader,
#order-standard_cart .domain-searching {
    margin: 0 0 16px;
    font-size: 16px;
    color: var(--u-muted);
    text-align: left;
}
#order-standard_cart #primaryLookupResult {
    margin: 0;
    padding: 22px 24px;
    text-align: left;
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
#order-standard_cart #primaryLookupResult p {
    margin: 0;
}
#order-standard_cart .domain-checker-available,
#order-standard_cart .domain-lookup-primary-results .headline.domain-checker-available {
    font-size: 22px;
    font-weight: 700;
    color: var(--u-green-600);
}
#order-standard_cart .domain-checker-available strong,
#order-standard_cart .domain-checker-unavailable strong {
    font-weight: 800;
    color: var(--u-ink);
    overflow-wrap: anywhere;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid,
#order-standard_cart .domain-lookup-primary-results .headline {
    font-size: 18px;
    font-weight: 700;
    color: var(--u-red);
}
#order-standard_cart #primaryLookupResult .domain-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-top: 14px;
}
#order-standard_cart #primaryLookupResult .domain-price .price {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}
#order-standard_cart .u-page-productdomain #primaryLookupResult .domain-price {
    margin-top: 6px;
    color: var(--u-ink-2);
}
#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
    margin: 12px 0 0;
    padding: 14px 16px;
    border-radius: var(--u-r);
}
#order-standard_cart .u-idn {
    max-width: 420px;
    margin-top: 8px;
}

/* Dugme Dodaj u korpu (stanja upravlja Standard Cart JS) */
#order-standard_cart .btn-add-to-cart .loading,
#order-standard_cart .btn-add-to-cart .added,
#order-standard_cart .btn-add-to-cart .unavailable {
    display: none;
}
#order-standard_cart .btn-add-to-cart.checkout {
    background: var(--u-green);
    border-color: var(--u-green);
    color: #fff;
}

/* Isti naziv, drugi nastavci */
#order-standard_cart .spotlight-tlds {
    margin: 24px 0;
    padding: 0;
    background: none;
}
#order-standard_cart .spotlight-tlds-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin: 0;
}
#order-standard_cart .spotlight-tlds-container::before,
#order-standard_cart .spotlight-tlds-container::after {
    content: none;
}
#order-standard_cart .spotlight-tld-container {
    float: none;
    width: auto;
    padding: 0;
}
#order-standard_cart .spotlight-tld {
    height: auto;
    min-height: 118px;
    padding: 16px 12px 14px;
    font-size: 20px;
    font-weight: 800;
    color: var(--u-ink);
    border: 1px solid var(--u-line);
    border-radius: 14px;
}
#order-standard_cart .spotlight-tld-new,
#order-standard_cart .spotlight-tld-hot,
#order-standard_cart .spotlight-tld-sale {
    top: 8px;
    right: 8px;
    width: auto;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 999px;
    transform: none;
}
#order-standard_cart .spotlight-tld-new {
    color: var(--u-green-600);
    background: var(--u-green-50);
}
#order-standard_cart .spotlight-tld-hot {
    color: var(--u-red);
    background: var(--u-red-50);
}
#order-standard_cart .spotlight-tld-sale {
    color: #8a5d00;
    background: var(--u-amber-50);
}
#order-standard_cart .spotlight-tld span.price {
    padding: 4px 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
    font-variant-numeric: tabular-nums;
}
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
    width: 100%;
    white-space: normal;
    overflow: visible;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: var(--u-blue);
    border: 0;
    border-radius: var(--u-r-sm);
}
#order-standard_cart .spotlight-tld .btn.checkout,
#order-standard_cart .spotlight-tld .btn.product-domain .added {
    background: var(--u-green);
}
#order-standard_cart .spotlight-tld .unavailable,
#order-standard_cart .spotlight-tld .invalid {
    margin: 24px 0 0;
    color: var(--u-muted) !important;
    background: var(--u-paper) !important;
}

/* Predlozi */
#order-standard_cart .suggested-domains {
    margin: 24px 0;
    overflow: hidden;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 800;
    background: none;
    border-bottom: 1px solid var(--u-line);
}
#order-standard_cart .suggested-domains .domain-lookup-suggestions-loader {
    background: none;
}
#order-standard_cart .domain-suggestion {
    padding: 12px 20px;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid var(--u-line-2);
    border-radius: 0;
}
#order-standard_cart .domain-suggestion[style*="display: block"],
#order-standard_cart .domain-suggestion[style*="display:block"] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 6px;
}
#order-standard_cart .domain-suggestion .promo {
    margin-left: 10px;
}
#order-standard_cart .domain-suggestion .u-sugname {
    min-width: 0;
    text-align: left;
}
#order-standard_cart .domain-suggestion .domain {
    font-weight: 600;
}
#order-standard_cart .domain-suggestion .extension {
    font-weight: 800;
}
#order-standard_cart .domain-suggestion .actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
    padding-left: 12px;
}
#order-standard_cart .domain-suggestion .price {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
#order-standard_cart .domain-suggestion .btn-add-to-cart {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-blue);
    background: var(--u-white);
    border: 1.5px solid var(--u-blue);
    border-radius: var(--u-r-sm);
}
#order-standard_cart .domain-suggestion .btn-add-to-cart.checkout {
    color: #fff;
}
#order-standard_cart .domain-suggestion .promo span {
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 800;
    color: var(--u-green-600);
    background: var(--u-green-50);
    border-radius: 999px;
}
#order-standard_cart .more-suggestions {
    padding: 12px;
    background: none;
    border-top: 0;
}
#order-standard_cart .domain-suggestions-warning {
    padding: 0 20px 4px;
    font-size: 12px;
}

/* Cene domena */
#order-standard_cart .u-tldchips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 28px;
}
#order-standard_cart .u-tldchip {
    display: flex;
    flex-direction: column;
    min-width: 128px;
    margin: 0;
    padding: 12px 16px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r);
}
.u-tldchip__tld {
    font-size: 20px;
    font-weight: 800;
}
#order-standard_cart .u-tldchip__price {
    font-size: 13px;
    font-weight: 600;
    color: var(--u-muted);
    font-variant-numeric: tabular-nums;
}
/* Istaknuti nastavci na registraciji domena: dugmad iste širine preko cele širine (klik upisuje nastavak u pretragu) */
#order-standard_cart .u-tldchips__label {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--u-muted);
}
#order-standard_cart .u-tldchips--pick {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 8px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}
#order-standard_cart .u-tldchips--pick > li {
    display: flex;
    min-width: 0;
}
#order-standard_cart .u-tldchips--pick button.u-tldchip {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 80px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 10px 8px;
    font-family: inherit;
    text-align: center;
    color: var(--u-ink);
    cursor: pointer;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(20, 32, 51, .04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
#order-standard_cart .u-tldchips--pick button.u-tldchip:hover,
#order-standard_cart .u-tldchips--pick button.u-tldchip:focus-visible {
    border-color: var(--u-blue);
    box-shadow: 0 8px 18px -14px rgba(31, 90, 209, .6);
    transform: translateY(-1px);
    outline: 0;
}
#order-standard_cart .u-tldchips--pick .u-tldchip__tld {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
#order-standard_cart .u-tldchips--pick .featured-tld.u-tldchip .price.u-tldchip__price {
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    color: var(--u-muted);
    background: none !important;
}
@media (max-width: 575px) {
    #order-standard_cart .u-tldchips--pick {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* Tabela cena domena: svi nastavci odjednom; red "izaberite kategoriju" se ne prikazuje */
#order-standard_cart .u-tldtable .tld-row {
    display: grid;
}
#order-standard_cart .u-tldtable .tld-row.no-tlds {
    display: none !important;
}
#order-standard_cart .u-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px;
}
#order-standard_cart .u-filters .badge {
    padding: 7px 13px;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-ink-2);
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 999px;
}
#order-standard_cart .u-filters .badge.badge-success {
    color: #fff;
    background: var(--u-ink);
    border-color: var(--u-ink);
}
.u-filters__count {
    font-weight: 600;
    opacity: .65;
}
.u-tldtable {
    overflow: hidden;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
.u-tldtable__head,
.u-tldtable__row {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;
}
.u-tldtable__head {
    font-size: 13px;
    font-weight: 800;
    color: var(--u-muted);
    background: var(--u-paper);
    border-bottom: 1px solid var(--u-line);
}
#order-standard_cart .domain-pricing .u-tldtable__row {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    border-bottom: 1px solid var(--u-line-2);
}
#order-standard_cart .domain-pricing .u-tldtable__row.highlighted {
    background: #fafcfe;
}
.u-tldtable__row small {
    display: block;
    font-size: 12px;
    color: var(--u-muted);
}
.u-tldtable__tld strong {
    font-size: 16px;
}
.u-tldtable__empty {
    grid-column: 1 / -1;
    padding: 12px 0;
    text-align: center;
    color: var(--u-muted);
}
#order-standard_cart .tld-sale-group {
    margin-left: 6px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 800;
    border-radius: 999px;
}
@media (max-width: 639px) {
    .u-tldtable__head {
        display: none;
    }
    .u-tldtable__row {
        grid-template-columns: repeat(3, 1fr);
    }
    .u-tldtable__tld {
        grid-column: 1 / -1;
    }
    .u-tldtable__row > [data-label]::before {
        content: attr(data-label);
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: var(--u-muted);
    }
}

.u-crosssell {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin-top: 32px;
}
.u-crosssell__item {
    display: flex;
    gap: 16px;
    padding: 22px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
}
.u-crosssell__item > i {
    flex: 0 0 auto;
    margin-top: 4px;
    font-size: 22px;
    color: var(--u-slate);
}
.u-crosssell__item--hosting {
    background: var(--u-amber-50);
    border-color: #f1dca8;
}
.u-crosssell__item--hosting > i {
    color: #b9851b;
}
#order-standard_cart .u-crosssell h3 {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 800;
}
.u-crosssell p {
    margin: 0 0 12px;
    font-size: 14px;
    color: var(--u-ink-2);
}
.u-crosssell p.u-small {
    margin: 10px 0 0;
    font-size: 12px;
}

/* Prenos domena */
#order-standard_cart .u-transfer {
    max-width: 640px;
}

/* ---------- Trake pri dnu ekrana: zajedničko "staklo" ----------
   Providna, zamućena pozadina (backdrop-filter). Gde zamućenje nije podržano ili korisnik
   traži manje providnosti, pozadina je skoro puna bela. */

.u-cartbar,
.u-mobilebar {
    --u-glass: rgba(255, 255, 255, .62);
    --u-glass-line: rgba(20, 32, 51, .09);
    isolation: isolate;
    color: var(--u-ink);
    font-family: var(--u-font);
    /* Staklo: providna bela + dve blage mrlje (plava i zlatna) koje polako putuju */
    background-color: var(--u-glass);
    background-image:
        radial-gradient(60% 140% at 15% 0%, rgba(31, 90, 209, .16), rgba(31, 90, 209, 0) 70%),
        radial-gradient(50% 140% at 90% 100%, rgba(242, 182, 60, .16), rgba(242, 182, 60, 0) 70%);
    background-size: 220% 100%, 220% 100%;
    background-position: 0% 0%, 100% 0%;
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    /* Bez okvira: samo senka */
    border: 0;
    box-shadow: 0 12px 40px rgba(20, 32, 51, .2);
    animation: u-glass-drift 16s ease-in-out infinite alternate;
}
/* Odsjaj koji povremeno pređe preko stakla */
.u-cartbar::before,
.u-mobilebar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(105deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 62%);
    background-size: 260% 100%;
    background-position: 160% 0;
    background-repeat: no-repeat;
    pointer-events: none;
    animation: u-glass-sheen 9s ease-in-out 1.2s infinite;
}
@keyframes u-glass-drift {
    from {
        background-position: 0% 0%, 100% 0%;
    }
    to {
        background-position: 100% 0%, 0% 0%;
    }
}
@keyframes u-glass-sheen {
    0%, 78% {
        background-position: 160% 0;
    }
    100% {
        background-position: -60% 0;
    }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .u-cartbar,
    .u-mobilebar {
        --u-glass: rgba(255, 255, 255, .97);
    }
}
@media (prefers-reduced-transparency: reduce) {
    .u-cartbar,
    .u-mobilebar {
        --u-glass: rgba(255, 255, 255, .98);
        background-image: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .u-cartbar,
    .u-mobilebar,
    .u-cartbar::before,
    .u-mobilebar::before {
        animation: none;
    }
}

/* ---------- Traka korpe (domeni) ---------- */

.u-cartbar {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 1030;
    max-width: 1108px;
    margin: 0 auto;
    border-radius: 18px;
    transform: translateY(calc(100% + 40px));
    visibility: hidden;
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .3s;
}
.u-cartbar.is-visible {
    transform: none;
    visibility: visible;
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s;
}
.u-cartbar__in {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, auto) auto;
    grid-template-areas: "cart info promo btn";
    align-items: center;
    gap: 6px 16px;
    padding: 12px 12px 12px 14px;
}
.u-cartbar__cart {
    grid-area: cart;
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    color: var(--u-blue);
    background: rgba(234, 240, 252, .75);
    border-radius: 14px;
}
#order-standard_cart .u-cartbar__cart:hover,
#order-standard_cart .u-cartbar__cart:focus {
    color: var(--u-blue-600);
    text-decoration: none;
}
.u-cartbar__badge {
    position: absolute;
    top: -6px;
    right: -6px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: var(--u-blue);
    border: 2px solid #fff;
    border-radius: 11px;
    font-variant-numeric: tabular-nums;
}
.u-cartbar__badge.is-bump {
    animation: u-bump .45s ease;
}
@keyframes u-bump {
    40% { transform: scale(1.3); }
}
.u-cartbar__info {
    grid-area: info;
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.35;
}
.u-cartbar__count {
    font-size: 15px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-cartbar__title {
    font-weight: 600;
    color: var(--u-muted);
}
.u-cartbar__title::after {
    content: " · ";
}
.u-cartbar__items {
    overflow: hidden;
    font-size: 13px;
    font-weight: 600;
    color: var(--u-ink-2);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.u-cartbar__item + .u-cartbar__item::before {
    content: " · ";
    color: var(--u-muted);
}
.u-cartbar__promo {
    grid-area: promo;
    max-width: 380px;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--u-ink-2);
}
#order-standard_cart .u-cartbar__promo a {
    font-weight: 700;
    color: var(--u-blue);
    white-space: nowrap;
}
.u-cart .u-cartbar .u-cartbar__btn {
    grid-area: btn;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 18px 0 20px;
    border-radius: 12px;
}
body.u-has-cartbar {
    padding-bottom: var(--u-cartbar-space, 110px);
}
/* Iznos u traci na koracima (podešavanje paketa, plaćanje) */
.u-cartbar__total {
    grid-area: promo;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0;
    line-height: 1.25;
    text-align: right;
}
.u-cartbar__total span {
    font-size: 12px;
    font-weight: 600;
    color: var(--u-muted);
}
.u-cartbar__total strong {
    font-size: 18px;
    font-weight: 800;
    color: var(--u-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.u-cartbar__total:not(.has-value) {
    display: none;
}
@media (max-width: 767px) {
    .u-cartbar {
        left: 8px;
        right: 8px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        border-radius: 16px;
    }
    .u-cartbar__in {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "cart info btn"
            "promo promo promo";
        gap: 0 12px;
        padding: 10px 10px 10px 12px;
    }
    .u-cartbar__cart {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }
    .u-cartbar__count {
        font-size: 14px;
    }
    .u-cartbar__promo {
        max-width: none;
        margin: 10px -10px -10px -12px;
        padding: 8px 12px 9px;
        font-size: 12.5px;
        border-top: 1px solid var(--u-glass-line);
    }
    .u-cart .u-cartbar .u-cartbar__btn {
        min-height: 44px;
        padding: 0 14px 0 16px;
    }
    .u-stepbar .u-cartbar__total {
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        gap: 8px;
        margin: 8px -10px -10px -12px;
        padding: 7px 12px 8px;
        border-top: 1px solid var(--u-glass-line);
    }
    .u-stepbar .u-cartbar__total strong {
        font-size: 16px;
    }
    /* Uz ikonicu korpe dovoljno je "3 stavke"; više mesta za nazive stavki i dugme */
    .u-stepbar .u-cartbar__title {
        display: none;
    }
    .u-stepbar .u-cartbar__count {
        white-space: nowrap;
    }
    .u-cart .u-stepbar .u-cartbar__btn {
        gap: 6px;
        padding: 0 12px 0 14px;
    }
}
@media (max-width: 359px) {
    .u-cartbar__title {
        display: none;
    }
}

/* ---------- Promo hostinga ---------- */

.u-promo {
    margin: 8px 0 24px;
    padding: 30px 28px 24px;
    color: #c9d4e2;
    background: var(--u-ink);
    border-radius: 22px;
}
#order-standard_cart .u-promo__title {
    max-width: 720px;
    margin: 0 0 8px;
    font-size: clamp(22px, 1.6vw + 14px, 28px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #fff;
}
.u-promo__domain {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    border: 2px dashed rgba(242, 182, 60, .8);
    border-radius: 10px;
    overflow-wrap: anywhere;
}
.u-promo__lead {
    max-width: 640px;
    margin: 0;
    font-size: 16px;
}
.u-promo__benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px 24px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
}
.u-promo__benefits li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.45;
}
.u-promo__benefits strong {
    display: block;
    font-size: 15px;
    color: #fff;
}
.u-promo__icon {
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    height: 38px;
    color: var(--u-amber);
    background: rgba(242, 182, 60, .14);
    border-radius: 11px;
}
.u-promo__plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}
.u-promo-plan {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px;
    color: var(--u-ink);
    background: var(--u-white);
    border-radius: 16px;
}
.u-promo-plan.is-featured {
    box-shadow: 0 0 0 3px var(--u-amber);
}
.u-promo-plan__name {
    font-size: 16px;
    font-weight: 800;
}
.u-promo-plan__price {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.u-promo-plan__price span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--u-muted);
}
.u-promo-plan__pm {
    font-size: 13px;
    color: var(--u-muted);
}
.u-promo-plan__features {
    margin: 6px 0 10px;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: var(--u-ink-2);
}
.u-promo-plan__features li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 8px 2px 0;
    background: var(--u-green);
    border-radius: 50%;
}
.u-promo-plan .u-btn {
    margin-top: auto;
}
.u-promo__all {
    margin: 18px 0 0;
    font-size: 14px;
}
#order-standard_cart .u-promo__all a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.u-promo-mini {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
    padding: 14px 16px;
    color: #c9d4e2;
    background: var(--u-ink);
    border-radius: 16px;
}
.u-promo-mini__icon {
    display: grid;
    flex: 0 0 40px;
    place-items: center;
    height: 40px;
    color: var(--u-amber);
    background: rgba(242, 182, 60, .14);
    border-radius: 11px;
}
.u-promo-mini__text {
    flex: 1 1 auto;
    margin: 0;
    font-size: 14px;
}
.u-promo-mini__text strong {
    display: block;
    font-size: 15px;
    color: #fff;
}
.u-cart .u-promo-mini .u-btn--ghost {
    flex: 0 0 auto;
    color: #fff;
    border-color: rgba(255, 255, 255, .35);
}
.u-cart .u-promo-mini .u-btn--ghost:hover {
    color: var(--u-ink);
    background: #fff;
}
@media (max-width: 575px) {
    .u-promo {
        padding: 24px 18px 18px;
        border-radius: 18px;
    }
    .u-promo-mini {
        flex-wrap: wrap;
    }
    .u-cart .u-promo-mini .u-btn--ghost {
        width: 100%;
    }
}

/* ---------- Konfiguracija ---------- */

#order-standard_cart .u-product-info {
    margin: 0 0 20px;
    padding: 20px 24px;
    font-size: 15px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-left: 4px solid var(--u-blue);
    border-radius: var(--u-r-lg);
}
.u-product-info__group {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-slate);
}
#order-standard_cart .u-product-info .product-title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}
.u-product-info__desc {
    margin-top: 6px;
    font-size: 14px;
    color: var(--u-ink-2);
}
.u-cycles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.u-cycle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 14px 16px;
    font-family: var(--u-font);
    text-align: left;
    color: var(--u-ink);
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.u-cycle:hover {
    border-color: #a9bbd6;
}
.u-cycle:focus-visible {
    outline: 3px solid rgba(31, 90, 209, .4);
    outline-offset: 2px;
}
.u-cycle.is-selected {
    background: var(--u-blue-50);
    border-color: var(--u-blue);
}
.u-cycle__name {
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-cycle__price {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
}
.u-cycle__pm {
    font-size: 13px;
    color: var(--u-muted);
}
.u-cycle .u-save {
    margin-top: 6px;
}
#order-standard_cart .u-radio-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0;
    font-weight: 500;
    color: var(--u-ink);
}
.u-qty {
    display: flex;
    align-items: center;
    gap: 10px;
}
#order-standard_cart.u-cart .u-qty .form-control {
    width: 96px;
    text-align: center;
}

/* Dodaci (hosting i domen) */
#order-standard_cart .addon-products {
    row-gap: 12px;
}
#order-standard_cart .panel-addon {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r);
    overflow: hidden;
    transition: border-color .15s ease;
}
#order-standard_cart .panel-addon:hover {
    border-color: #a9bbd6;
}
#order-standard_cart .panel-addon .panel-body {
    flex: 1 1 auto;
    padding: 14px 16px;
}
#order-standard_cart .panel-addon .panel-body label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-addon-desc {
    font-size: 13px;
    color: var(--u-muted);
}
#order-standard_cart .panel-addon .panel-price {
    padding: 0 16px 12px;
    font-weight: 800;
    background: none;
    font-variant-numeric: tabular-nums;
}
#order-standard_cart .panel-addon .panel-add {
    padding: 9px 16px;
    font-weight: 700;
    color: var(--u-blue);
    background: var(--u-paper);
    border-top: 1px solid var(--u-line-2);
    border-radius: 0;
}
#order-standard_cart .panel-addon-selected {
    background: var(--u-blue-50);
    border-color: var(--u-blue);
}
#order-standard_cart .panel-addon-selected .panel-add {
    color: #fff;
    background: var(--u-blue);
}

/* ---------- Podešavanje domena ---------- */

.u-domaincard__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin: 0 0 12px;
}
#order-standard_cart .u-domaincard__name {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}
.u-pill {
    display: inline-block;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 800;
    border-radius: 999px;
}
.u-pill--ok {
    color: var(--u-green-600);
    background: var(--u-green-50);
}
.u-pill--muted {
    color: var(--u-ink-2);
    background: var(--u-paper);
}
.u-pill--info {
    color: var(--u-blue-600);
    background: var(--u-blue-50);
}
.u-pill[hidden] {
    display: none;
}
.u-domaincard__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
#order-standard_cart.u-cart .u-domaincard__fields select,
#order-standard_cart.u-cart .u-domaincard__fields input[type="text"],
#order-standard_cart.u-cart .u-domaincard__fields input[type="email"],
#order-standard_cart.u-cart .u-domaincard__fields input[type="tel"] {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    font-family: var(--u-font);
    font-size: 16px;
    color: var(--u-ink);
    background-color: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: 10px;
}
#order-standard_cart.u-cart .u-domaincard__fields select:focus,
#order-standard_cart.u-cart .u-domaincard__fields input:focus {
    border-color: var(--u-blue);
    box-shadow: 0 0 0 4px var(--u-blue-50);
    outline: 0;
}
.u-domaincard__meta {
    display: flex;
    gap: 28px;
    margin: 0 0 16px;
}
.u-domaincard__meta dt {
    font-size: 12px;
    font-weight: 700;
    color: var(--u-muted);
}
.u-domaincard__meta dd {
    margin: 0;
    font-weight: 800;
}
#order-standard_cart .u-domaincard__subtitle {
    margin: 18px 0 14px;
    padding: 16px 0 0;
    font-size: 15px;
    font-weight: 800;
    border-top: 1px solid var(--u-line-2);
}
.u-fieldrow__label {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
}
@media (min-width: 576px) {
    .u-fieldrow__label {
        text-align: right;
    }
}

/* ---------- Korpa ---------- */

#order-standard_cart .view-cart-items.u-items {
    margin: 0 0 8px;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--u-line);
}
#order-standard_cart .view-cart-items .item.u-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 24px;
    align-items: start;
    margin: 0;
    padding: 20px 24px;
    font-size: 15px;
    background: var(--u-white);
    border-top: 1px solid var(--u-line-2);
}
#order-standard_cart .view-cart-items .item.u-item:first-child {
    border-top: 0;
}
#order-standard_cart .view-cart-items .item.u-item:has(.u-item__qty) {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
#order-standard_cart .view-cart-items .item.u-item--child {
    padding-left: 44px;
    background: #fbfcfd;
}
#order-standard_cart .view-cart-items .item span.u-item__kind {
    font-size: 13px;
    font-weight: 700;
    color: var(--u-slate);
}
#order-standard_cart .view-cart-items .item span.u-item__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--u-ink);
    overflow-wrap: anywhere;
}
#order-standard_cart .view-cart-items .item span.u-item__domain {
    font-size: 14px;
    font-weight: 700;
    color: var(--u-blue);
    overflow-wrap: anywhere;
}
.u-item__opts {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: var(--u-muted);
}
.u-item__actions {
    display: flex;
    gap: 18px;
    margin-top: 10px;
}
#order-standard_cart .view-cart-items .u-item__price {
    text-align: right;
}
#order-standard_cart .view-cart-items .item-price span.u-item__amount {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
#order-standard_cart .view-cart-items .item-price .cycle,
#order-standard_cart .view-cart-items .item-price span.cycle {
    font-size: 13px;
    color: var(--u-muted);
}
#order-standard_cart .view-cart-items .item-price span.u-item__note,
#order-standard_cart .view-cart-items .u-item__note {
    font-size: 12px;
    color: var(--u-muted);
}
#order-standard_cart .view-cart-items .u-item__qty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
#order-standard_cart.u-cart .view-cart-items .u-item__qty input {
    width: 72px;
    height: 38px;
    margin: 0;
    padding: 4px;
}
.u-period {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 100%;
    margin: 4px 0;
}
/* Period na klik: izvorni padajući izbor (ne seče se u kartici, na telefonu otvara sistemski izbor) */
#order-standard_cart select.u-period__sel {
    max-width: 100%;
    height: 34px;
    padding: 0 30px 0 12px;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--u-ink);
    text-overflow: ellipsis;
    cursor: pointer;
    background: var(--u-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231f5ad1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-sm);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#order-standard_cart select.u-period__sel:hover {
    border-color: var(--u-blue);
}
#order-standard_cart select.u-period__sel:focus {
    border-color: var(--u-blue);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(31, 90, 209, .18);
}
.u-period.is-busy {
    opacity: .6;
}
.u-period.is-busy::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 9px;
    width: 14px;
    height: 14px;
    border: 2px solid var(--u-blue);
    border-right-color: transparent;
    border-radius: 50%;
    background: var(--u-white);
    animation: u-period-spin .7s linear infinite;
}
@keyframes u-period-spin {
    to {
        transform: rotate(360deg);
    }
}
.u-period.has-error select.u-period__sel {
    border-color: var(--u-red, #c62828);
}
.u-period__err {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--u-red, #c62828);
}
/* Podešavanje domena: izbor uz "Registracija" */
.u-domaincard__meta .u-period {
    align-items: flex-start;
    margin: 0;
}
@media (max-width: 575px) {
    #order-standard_cart .view-cart-items .u-period {
        align-items: flex-start;
    }
}
#order-standard_cart .empty-cart.u-empty-cart {
    margin: 0 0 24px;
    text-align: right;
}
@media (max-width: 575px) {
    #order-standard_cart .view-cart-items .item.u-item,
    #order-standard_cart .view-cart-items .item.u-item:has(.u-item__qty) {
        grid-template-columns: minmax(0, 1fr);
        padding: 16px 18px;
    }
    #order-standard_cart .view-cart-items .u-item__price {
        text-align: left;
    }
    #order-standard_cart .view-cart-items .u-item__qty {
        flex-direction: row;
    }
}

.u-empty {
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 24px !important;
    text-align: center;
}
.u-empty__art {
    display: block;
    margin: 0 auto 14px;
    color: var(--u-slate);
    overflow: visible;
}
.u-empty__body {
    fill: none;
    stroke: currentColor;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.u-empty__mesh {
    fill: none;
    stroke: var(--u-blue);
    stroke-width: 3;
    stroke-linecap: round;
    opacity: .35;
}
.u-empty__wheel {
    fill: currentColor;
}
.u-empty__shadow {
    fill: var(--u-line-2, #e8edf3);
}
#order-standard_cart .u-empty__title {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 800;
}
.u-empty__text {
    margin: 0 auto 20px;
    color: var(--u-ink-2);
}
.u-empty__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.u-details {
    margin: 0 0 24px;
    padding: 16px 20px;
    font-size: 14px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r);
}
.u-details summary {
    font-weight: 700;
    color: var(--u-blue);
    cursor: pointer;
}
.u-details__body {
    margin-top: 14px;
}

#order-standard_cart .view-cart-gateway-checkout {
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r);
}

.u-modal .modal-content {
    border: 0;
    border-radius: var(--u-r-lg);
}
#order-standard_cart .u-modal .modal-title {
    font-family: var(--u-font);
    font-size: 19px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-modal .modal-body {
    padding: 24px 24px 8px;
}
.u-modal .modal-footer {
    padding: 12px 24px 20px;
    border-top: 0;
}

/* Traka u korpi: iznos, broj stavki i proširivi detalji obračuna.
   Na svim širinama; skripta je sklanja dok je glavno dugme "Nastavi na plaćanje" na ekranu. */
@media all {
    .u-mobilebar {
        position: fixed;
        left: 8px;
        right: 8px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        z-index: 1030;
        display: block;
        max-width: 640px;
        margin: 0 auto;
        border-radius: 16px;
        transition: transform .25s cubic-bezier(.2, .8, .2, 1), visibility 0s;
    }
    .u-mobilebar.is-hidden {
        transform: translateY(calc(100% + 30px));
        visibility: hidden;
        transition: transform .25s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .25s;
    }
    .u-mobilebar__main {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 10px 10px 14px;
    }
    #order-standard_cart .u-mobilebar__sum {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
        margin: 0;
        padding: 0;
        font: inherit;
        text-align: left;
        color: inherit;
        background: none;
        border: 0;
        cursor: pointer;
    }
    #order-standard_cart .u-mobilebar__sum:focus {
        outline: 0;
    }
    #order-standard_cart .u-mobilebar__sum:focus-visible {
        border-radius: 8px;
        box-shadow: 0 0 0 3px rgba(31, 90, 209, .35);
    }
    .u-mobilebar__label {
        max-width: 100%;
        overflow: hidden;
        font-size: 12px;
        font-weight: 600;
        color: var(--u-muted);
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .u-mobilebar__amount {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0 8px;
    }
    .u-mobilebar__amount strong {
        font-size: 19px;
        font-weight: 800;
        line-height: 1.25;
        color: var(--u-ink);
        font-variant-numeric: tabular-nums;
    }
    .u-mobilebar__more {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        font-size: 12px;
        font-weight: 700;
        color: var(--u-blue);
    }
    .u-mobilebar__more svg {
        transition: transform .2s ease;
    }
    .u-mobilebar.is-open .u-mobilebar__more svg {
        transform: rotate(180deg);
    }
    .u-cart .u-mobilebar .u-mobilebar__btn {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 6px;
        min-height: 46px;
        padding: 0 16px;
        border-radius: 12px;
    }
    .u-mobilebar__sheet {
        padding: 14px 14px 4px;
        background: rgba(255, 255, 255, .6);
        border-bottom: 1px solid var(--u-glass-line);
        border-radius: 16px 16px 0 0;
    }
    .u-mobilebar__sheet[hidden] {
        display: none;
    }
    .u-mb-row {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 0 0 8px;
        font-size: 14px;
        color: var(--u-ink-2);
    }
    .u-mb-row span:last-child {
        font-weight: 700;
        color: var(--u-ink);
        text-align: right;
        font-variant-numeric: tabular-nums;
    }
    .u-mb-row--discount span:last-child {
        color: var(--u-green);
    }
    .u-mb-row--recurring {
        margin-top: 2px;
        padding-top: 8px;
        border-top: 1px dashed var(--u-line);
    }
    .u-mb-row--recurring span:last-child {
        font-weight: 600;
        color: var(--u-ink-2);
    }
    .u-page-viewcart {
        padding-bottom: 110px !important;
    }
}
@media (min-width: 992px) {
    .u-mobilebar {
        left: 16px;
        right: 16px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        max-width: 1108px;
        border-radius: 18px;
    }
    .u-mobilebar__main {
        padding: 12px 12px 12px 18px;
    }
    .u-cart .u-mobilebar .u-mobilebar__btn {
        padding: 0 20px;
    }
}

/* ---------- Plaćanje ---------- */

.u-switch-row {
    margin: 0 0 20px;
}
#order-standard_cart #btnAlreadyRegistered.u-switch,
#order-standard_cart #btnNewUserSignup.u-switch {
    margin: 0;
}
#order-standard_cart .u-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
    width: 100%;
    margin: 0;
    padding: 14px 18px;
    font-family: var(--u-font);
    font-size: 15px;
    text-align: left;
    color: var(--u-ink-2);
    background: var(--u-blue-50);
    border: 1px solid #cfdcf6;
    border-radius: var(--u-r);
    cursor: pointer;
}
#order-standard_cart .u-switch strong {
    color: var(--u-blue);
}
#order-standard_cart .u-switch:hover strong {
    text-decoration: underline;
}
#order-standard_cart .account-select-container div.account {
    border-radius: var(--u-r);
}
#order-standard_cart .apply-credit-container {
    margin: 0 0 16px;
    padding: 14px 16px;
    background: var(--u-green-50);
    border-radius: var(--u-r);
}
#order-standard_cart .apply-credit-container .radio {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 4px 0;
}
.u-gateways {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 0 0 16px;
}
#order-standard_cart .u-gateway {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 15px 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--u-ink);
    background: var(--u-white);
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart .u-gateway:hover {
    border-color: #a9bbd6;
}
#order-standard_cart .u-gateway.is-selected {
    background: var(--u-blue-50);
    border-color: var(--u-blue);
}
#order-standard_cart.u-cart .u-gateways > .u-gateway {
    display: flex;
    margin: 0;
}
#order-standard_cart .u-gateway {
    flex-wrap: wrap;
    min-height: 58px;
    row-gap: 8px;
}
@media (max-width: 575px) {
    #order-standard_cart .u-gateway .u-marks {
        flex-basis: 100%;
        justify-content: flex-start;
        margin-left: 0;
        padding-left: 32px;
    }
}
.u-gateway__name {
    flex: 1 1 220px;
    min-width: 0;
}
.u-marks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-left: auto;
}
.u-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 24px;
    min-width: 36px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    color: var(--u-ink);
    background: #fff;
    border: 1px solid var(--u-line);
    border-radius: 5px;
}
.u-mark i {
    font-size: 18px;
}
.u-mark--ipsqr i {
    font-size: 14px;
}
.u-mark--visa i { color: #1a1f71; }
.u-mark--mastercard i { color: #eb001b; }
.u-mark--amex i { color: #2e77bc; }
.u-mark--paypal i { color: #003087; }
img.u-mark--img {
    height: 24px;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
}

/* Račun na fizičko lice ili firmu */
.u-invoiceto {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}
#order-standard_cart .u-invoiceto__label {
    width: auto;
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-seg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    max-width: 440px;
    padding: 4px;
    background: var(--u-paper);
    border-radius: 12px;
}
#order-standard_cart .u-seg__opt {
    position: relative;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--u-ink-2);
    cursor: pointer;
}
.u-seg__opt input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.u-seg__opt span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 9px;
    transition: background-color .15s ease, color .15s ease;
}
.u-seg__opt span i {
    color: var(--u-slate);
}
.u-seg__opt input:checked + span {
    color: var(--u-ink);
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 32, 51, .12), 0 0 0 1.5px var(--u-blue);
}
.u-seg__opt input:checked + span i {
    color: var(--u-blue);
}
.u-seg__opt input:focus-visible + span {
    outline: 3px solid rgba(31, 90, 209, .4);
    outline-offset: 2px;
}
.u-company-fields {
    margin: 0 0 6px;
    padding: 16px 16px 2px;
    background: var(--u-blue-50);
    border-radius: 12px;
}
.u-company-fields[hidden] {
    display: none;
}
.u-company-fields > p {
    margin: 0 0 12px;
}

/* Vlasnik .rs domena je već izabran u koraku Podešavanje */
.u-owner-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0 0 20px;
    padding: 14px 18px;
    font-size: 15px;
    color: var(--u-ink-2);
    background: #fff;
    border: 1px solid var(--u-line);
    border-radius: var(--u-r);
}
.u-owner-note i {
    color: var(--u-green);
}
.u-owner-note .u-link {
    margin-left: auto;
}
#order-standard_cart .cc-input-container {
    padding: 18px;
    background: var(--u-paper);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r);
}
#order-standard_cart .cc-input-container .prepend-icon .field {
    padding-left: 38px;
}
#order-standard_cart .cc-input-container .prepend-icon .field-icon {
    height: 46px;
    line-height: 46px;
}
.u-submit {
    display: grid;
    gap: 14px;
    margin: 4px 0 0;
}
.u-submit__total {
    display: none;
}
@media (max-width: 991px) {
    .u-submit__total {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 700;
        background: var(--u-white);
        border: 1px solid var(--u-line);
        border-radius: var(--u-r);
    }
    .u-submit__total strong {
        font-size: 22px;
        font-weight: 800;
    }
}
#order-standard_cart .u-tos {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--u-ink-2);
}
.u-secure {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--u-muted);
    text-align: center;
}
.u-secure strong {
    color: var(--u-ink-2);
    font-variant-numeric: tabular-nums;
}
.u-secure i {
    margin-right: 4px;
    color: var(--u-green);
}
#order-standard_cart .password-strength-meter .progress {
    height: 8px;
    margin-top: 6px;
    border-radius: 4px;
}
#order-standard_cart .u-captcha {
    text-align: center;
}

/* ---------- Potvrda ---------- */

#order-standard_cart .u-done {
    max-width: 720px;
    margin: 0 auto 24px;
    padding: 40px 32px 32px;
    text-align: center;
}
.u-done__mark {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    color: var(--u-green);
    background: var(--u-green-50);
    border-radius: 50%;
}
#order-standard_cart .u-done__title {
    margin-bottom: 14px;
}
#order-standard_cart .u-done__number {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 22px;
    padding: 10px 18px;
    border: 1.5px dashed var(--u-line);
    border-radius: var(--u-r);
}
#order-standard_cart .u-done__number span {
    font-size: 14px;
    color: var(--u-muted);
}
#order-standard_cart .u-done__number strong {
    font-size: 22px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.u-done__pay {
    margin: 0 0 24px;
    padding: 18px 20px;
    background: var(--u-amber-50);
    border: 1px solid #f1dca8;
    border-radius: var(--u-r);
}
.u-done__pay p {
    margin: 0 0 12px;
    color: var(--u-ink-2);
}
.u-done__paid {
    margin: 0 0 20px;
    font-weight: 700;
    color: var(--u-green-600);
}
.u-done__next {
    max-width: 520px;
    margin: 8px auto 26px;
    text-align: left;
}
.u-done__steps {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: u-next;
}
.u-done__steps li {
    position: relative;
    padding-left: 42px;
    color: var(--u-ink-2);
    counter-increment: u-next;
}
.u-done__steps li::before {
    content: counter(u-next);
    position: absolute;
    top: -2px;
    left: 0;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 800;
    color: var(--u-blue);
    background: var(--u-blue-50);
    border-radius: 50%;
}

@media (prefers-reduced-motion: reduce) {
    .u-cartbar,
    .u-mobilebar,
    .u-cart * {
        transition: none !important;
    }
    .u-cartbar__badge.is-bump {
        animation: none;
    }
}

/* Napomena za .rs domene (tekst iz prevodne datoteke, ključ warning_alert_messsage) */
#order-standard_cart .u-note.u-rs-note {
    display: flex;
    gap: 10px;
    margin: 0 0 14px;
    padding: 12px 14px;
    color: #1a3f8f;
    background: var(--u-blue-50);
    border: 1px solid #cddcf7;
    border-radius: 10px;
}
#order-standard_cart .u-note.u-rs-note i {
    margin: 2px 0 0;
    color: var(--u-blue);
}

/* ---------- Ponuda većeg paketa (upsell prozor) ----------
   Dugmad su uvek vidljiva: na niskim ekranima se pomera samo sadržaj (tabela), ne ceo prozor. */

.u-upsell .modal-dialog {
    max-width: 540px;
}
.u-upsell .modal-content {
    position: relative;
    overflow: hidden;
    font-family: var(--u-font);
    color: var(--u-ink);
    background: #fff;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(20, 32, 51, .28);
}
.u-upsell .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
}
#order-standard_cart .u-upsell__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--u-muted);
    background: rgba(255, 255, 255, .85);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
#order-standard_cart .u-upsell__close:hover,
#order-standard_cart .u-upsell__close:focus-visible {
    color: var(--u-ink);
    background: #fff;
}
.u-upsell .modal-body {
    padding: 22px 26px 6px;
    background: linear-gradient(180deg, var(--u-blue-50) 0, #fff 130px) no-repeat;
    overscroll-behavior: contain;
}
.u-upsell__eyebrow {
    margin: 0 44px 4px 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--u-blue);
}
#order-standard_cart .u-upsell__title {
    margin: 0 36px 6px 0;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--u-ink);
}
.u-upsell__lead {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    color: var(--u-ink-2);
}
.u-upsell__lead strong {
    color: var(--u-ink);
}
#order-standard_cart .u-upsell__lead .u-upsell__diff {
    color: var(--u-green-600);
    white-space: nowrap;
}
.u-upsell__plans {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 16px 0 4px;
}
.u-upsell__plan {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--u-line);
    border-radius: 12px;
}
.u-upsell__plan.is-to {
    border: 2px solid var(--u-blue);
    box-shadow: 0 6px 18px rgba(31, 90, 209, .14);
}
.u-upsell__badge {
    position: absolute;
    top: -10px;
    left: 10px;
    padding: 1px 8px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    background: var(--u-blue);
    border-radius: 999px;
}
.u-upsell__name {
    font-size: 13px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-upsell__price {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--u-ink);
    font-variant-numeric: tabular-nums;
}
.u-upsell__plan:not(.is-to) .u-upsell__price {
    color: var(--u-ink-2);
}
.u-upsell__per {
    font-size: 12px;
    color: var(--u-muted);
}
.u-upsell__cycle {
    margin: 0 0 10px;
    font-size: 12px;
    color: var(--u-muted);
}
.u-upsell__table {
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.3;
    border-collapse: separate;
    border-spacing: 0;
}
.u-upsell__table th,
.u-upsell__table td {
    padding: 6px 10px;
    vertical-align: middle;
    border-bottom: 1px solid var(--u-line-2);
}
.u-upsell__table thead th {
    padding-top: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--u-muted);
    border-bottom-color: var(--u-line);
}
.u-upsell__table thead th.is-to {
    color: var(--u-blue);
    border-radius: 10px 10px 0 0;
}
.u-upsell__table tbody th {
    padding-left: 0;
    font-weight: 600;
    text-align: left;
    color: var(--u-ink-2);
}
.u-upsell__table td {
    color: var(--u-ink-2);
}
.u-upsell__table .is-to {
    background: var(--u-blue-50);
}
.u-upsell__table td.is-to {
    font-weight: 700;
    color: var(--u-ink);
}
.u-upsell__table td.is-better {
    color: var(--u-green-600);
}
.u-upsell__table tbody tr:last-child th,
.u-upsell__table tbody tr:last-child td {
    border-bottom: 0;
}
.u-upsell__table tbody tr:last-child td.is-to {
    border-radius: 0 0 10px 10px;
}
/* Stalne širine kolona: otvaranje "Detaljnije" ne pomera kolone */
.u-upsell__table:has(.u-upsell__more) {
    table-layout: fixed;
}
.u-upsell__table:has(.u-upsell__more) thead th:nth-child(1) {
    width: 42%;
}
.u-upsell__table:has(.u-upsell__more) thead th:nth-child(2) {
    width: 24%;
}
.u-upsell__table:has(.u-upsell__more) thead th:nth-child(3) {
    width: 34%;
}
.u-upsell__table:has(.u-upsell__more) th,
.u-upsell__table:has(.u-upsell__more) td {
    overflow-wrap: anywhere;
}
/* "Detaljnije": ostali redovi tabele; dok su otvoreni, prvi deo tabele nema završnu ivicu */
.u-upsell__table:has(.u-upsell__more:not([hidden])) tbody:first-of-type tr:last-child th,
.u-upsell__table:has(.u-upsell__more:not([hidden])) tbody:first-of-type tr:last-child td {
    border-bottom: 1px solid var(--u-line-2);
}
.u-upsell__table:has(.u-upsell__more:not([hidden])) tbody:first-of-type tr:last-child td.is-to {
    border-radius: 0;
}
.u-upsell__more.is-in tr {
    animation: uUpRowIn .28s ease both;
}
.u-upsell__more.is-in tr:nth-child(2) { animation-delay: .03s; }
.u-upsell__more.is-in tr:nth-child(3) { animation-delay: .06s; }
.u-upsell__more.is-in tr:nth-child(4) { animation-delay: .09s; }
.u-upsell__more.is-in tr:nth-child(n+5) { animation-delay: .12s; }
@keyframes uUpRowIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}
#order-standard_cart .u-upsell__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin: 0 0 12px;
    padding: 8px 12px;
    font-family: var(--u-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--u-blue);
    background: #fff;
    border: 1px dashed #c9d8f6;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
#order-standard_cart .u-upsell__toggle:hover {
    background: var(--u-blue-50);
    border-color: var(--u-blue);
}
#order-standard_cart .u-upsell__toggle:focus {
    outline: 0;
}
#order-standard_cart .u-upsell__toggle:focus-visible {
    outline: 3px solid rgba(31, 90, 209, .35);
    outline-offset: 2px;
}
.u-upsell__toggle svg {
    transition: transform .2s ease;
}
.u-upsell__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
    .u-upsell__more.is-in tr {
        animation: none;
    }
}
.u-upsell__gain {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink);
}
.u-upsell__points {
    display: grid;
    gap: 6px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--u-ink-2);
}
.u-upsell__points li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
.u-upsell__points svg {
    flex: 0 0 auto;
    margin-top: 3px;
    color: var(--u-green);
}
.u-upsell__offer {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 10px;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 700;
    color: #7a4f00;
    background: var(--u-amber-50);
    border: 1px solid #f5d891;
    border-radius: 12px;
}
.u-upsell__offer svg {
    flex: 0 0 auto;
    color: #b7791f;
}
.u-upsell .u-upsell__actions {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: stretch;
    gap: 8px;
    padding: 12px 26px 18px;
    background: #fff;
    border-top: 1px solid var(--u-line-2);
}
.u-upsell .u-upsell__actions > * {
    margin: 0;
}
.u-upsell .u-upsell__actions .u-btn--lg {
    min-height: 50px;
}
.u-upsell .u-btn.is-loading {
    opacity: .7;
    pointer-events: none;
}
.u-upsell__keep {
    margin: 0;
    font-size: 12px;
    text-align: center;
    color: var(--u-muted);
}
@media (max-height: 760px) and (min-width: 576px) {
    .u-upsell .modal-body {
        padding-top: 18px;
    }
    .u-upsell__plans {
        margin-top: 12px;
    }
}
@media (max-width: 575px) {
    /* Na telefonu prozor izlazi odozdo, kao panel */
    .u-upsell .modal-dialog,
    .u-upsell .modal-dialog.modal-dialog-centered {
        align-items: flex-end;
        justify-content: flex-end;
        height: 100%;
        min-height: 100%;
        max-height: none;
        margin: 0;
    }
    .u-upsell.fade .modal-dialog {
        transform: translate(0, 40px);
    }
    .u-upsell.show .modal-dialog {
        transform: none;
    }
    .u-upsell .modal-content,
    .u-upsell .modal-dialog-scrollable .modal-content {
        max-height: 94vh;
        max-height: 94dvh;
        border-radius: 20px 20px 0 0;
    }
    .u-upsell .modal-body {
        padding: 20px 16px 4px;
    }
    #order-standard_cart .u-upsell__title {
        font-size: 19px;
    }
    .u-upsell__lead {
        font-size: 14px;
    }
    .u-upsell__table {
        font-size: 13px;
    }
    .u-upsell__table th,
    .u-upsell__table td {
        padding: 6px 6px;
    }
    .u-upsell .u-upsell__actions {
        gap: 6px;
        padding: 10px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    }
    .u-upsell .u-upsell__actions .u-btn--lg {
        min-height: 48px;
    }
    .u-upsell .u-upsell__actions .u-btn--ghost {
        min-height: 42px;
    }
    .u-upsell__price {
        font-size: 19px;
    }
}

/* Provera ponude većeg paketa (samo za prijavljenog administratora) */
.u-upsell-debug {
    margin: 24px 0 0;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #5b4100;
    background: #fff8e1;
    border: 1px dashed #e0b84a;
    border-radius: 10px;
}
.u-upsell-debug span {
    color: #8a6d1f;
}
.u-upsell-debug ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

/* Izbor domena za paket: jedno polje, napomena, greška i brzi izbor nastavka */
#order-standard_cart .u-domhint {
    margin: 8px 2px 0;
    font-size: 13px;
    color: var(--u-muted);
}
#order-standard_cart .u-domerr {
    display: flex;
    gap: 6px;
    margin: 8px 2px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--u-red);
}
#order-standard_cart .u-domerr[hidden] {
    display: none;
}
#order-standard_cart .u-domainpick .u-searchrow.is-invalid {
    border-color: var(--u-red);
    box-shadow: 0 0 0 3px var(--u-red-50);
}
.u-tldpick {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 0;
}
#order-standard_cart .u-tldpick__btn {
    min-height: 32px;
    padding: 4px 12px;
    font-family: var(--u-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--u-ink-2);
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 999px;
    cursor: pointer;
}
#order-standard_cart .u-tldpick__btn:hover,
#order-standard_cart .u-tldpick__btn:focus-visible {
    color: var(--u-blue);
    border-color: var(--u-blue);
    outline: 0;
}

/* Plaćanje: kratko isticanje dela sa dugmetom "Završi porudžbinu" posle klika u traci */
#order-standard_cart .u-submit.is-pulse {
    border-radius: 14px;
    animation: u-pulse 1.4s ease;
}
@keyframes u-pulse {
    0% { box-shadow: 0 0 0 0 rgba(15, 138, 95, .45); }
    70% { box-shadow: 0 0 0 14px rgba(15, 138, 95, 0); }
    100% { box-shadow: 0 0 0 0 rgba(15, 138, 95, 0); }
}
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .u-submit.is-pulse {
        animation: none;
    }
}

/* ---------- .rs domeni: oznaka ko sme da registruje i link ka uslovima ---------- */
.u-rsrule {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-family: var(--u-font);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    color: #7a4a00;
    background: var(--u-amber-50);
    border: 1px solid #f2d48a;
    border-radius: 999px;
}
.u-rsinfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 6px 0 0;
    font-size: 13px;
}
#order-standard_cart a.u-rsterms {
    font-size: 13px;
    font-weight: 600;
    color: var(--u-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
}
#order-standard_cart a.u-rsterms::after {
    content: " ↗";
    text-decoration: none;
}
.u-domaincard .u-rsinfo {
    margin: -4px 0 14px;
}
.u-domaincard__pills .u-rsrule {
    font-size: 10.5px;
}
.u-item .u-rsinfo {
    margin-top: 4px;
}
.u-rsterms-box {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--u-ink-2);
    background: var(--u-blue-50);
    border: 1px solid #cddcf7;
    border-radius: 10px;
}
.u-rsterms-box p {
    margin: 0;
}
.u-rsterms-box ul {
    display: grid;
    gap: 4px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}
.u-rsterms-box li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}
/* Rezultati pretrage i cenovnik */
.domain-suggestion .u-rsrule {
    margin-left: 8px;
}
.spotlight-tld .u-rsrule {
    display: flex;
    justify-content: center;
    margin: 4px auto 0;
    width: max-content;
    max-width: 100%;
    font-size: 9.5px;
    white-space: normal;
    text-align: center;
}
.u-tldchip .u-rsrule {
    align-self: flex-start;
    margin: 2px 0 4px;
    font-size: 10px;
}
.u-tldtable__tld .u-rsrule {
    margin-left: 6px;
    font-size: 10px;
}
/* standard_cart u korpi pravi sve span elemente blokovima; oznaka mora da ostane uska */
#order-standard_cart .view-cart-items .item.u-item span.u-rsinfo.u-rsinfo {
    display: flex;
}
#order-standard_cart .view-cart-items .item.u-item span.u-rsrule.u-rsrule {
    display: inline-flex;
}
#primaryLookupResult .domain-available .u-rsrule {
    display: flex;
    width: max-content;
    margin: 8px 0 0;
}
.spotlight-tld .u-rsrule {
    padding: 1px 6px;
    letter-spacing: .02em;
}
#order-standard_cart .u-domrule {
    margin: 8px 2px 0;
}
#order-standard_cart .u-domrule[hidden] {
    display: none;
}

/* ---------- Ispravke posle UX pregleda ---------- */

/* Cenovnik domena: Twenty-One boji cenu istaknutih nastavaka (.com, .net...) plavom pozadinom, tekst postaje nečitljiv */
#order-standard_cart .u-tldchip .u-tldchip__price,
#order-standard_cart .featured-tld .price.u-tldchip__price {
    color: var(--u-ink-2);
    background: var(--u-paper) !important;
}
/* Predlozi domena: cena u jednom redu */
#order-standard_cart .domain-suggestion .price,
#order-standard_cart .spotlight-tld span.price {
    white-space: nowrap;
}
/* Istaknuti nastavci na telefonu: oznaka "Popularno/Novo" ne preklapa naziv */
@media (max-width: 575px) {
    #order-standard_cart .spotlight-tld {
        padding-top: 32px;
    }
}

/* Kartice grupa paketa: na telefonu se vidi da ima još kartica (blago zatamnjenje na kraju), valuta ispod */
@media (max-width: 767px) {
    .u-groups {
        flex-direction: column;
        align-items: stretch;
    }
    .u-groups__tabs {
        scroll-snap-type: x proximity;
        -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
        mask-image: linear-gradient(90deg, #000 85%, transparent);
    }
    .u-groups__tabs.is-end {
        -webkit-mask-image: none;
        mask-image: none;
    }
    #order-standard_cart .u-groups__tab {
        scroll-snap-align: start;
    }
    .u-groups__currency {
        align-self: flex-end;
    }
}

/* Promo hostinga u korpi: pun blok na računaru, kratak na telefonu */
.u-only-narrow {
    display: none;
}
@media (max-width: 767px) {
    .u-only-wide {
        display: none;
    }
    .u-only-narrow {
        display: block;
    }
}

/* Cene bez PDV-a */
.u-vat {
    margin-left: 4px;
    font-size: .85em;
    font-weight: 700;
    color: var(--u-muted);
    white-space: nowrap;
}
#order-standard_cart .u-vatnote {
    margin: 10px 0 0;
    font-size: 13px;
    color: var(--u-muted);
}

/* Podešavanje paketa: izabrani domen */
.u-product-info__domain {
    margin: 2px 0 6px;
    font-size: 15px;
    color: var(--u-ink-2);
}
.u-product-info__domain strong {
    color: var(--u-ink);
    overflow-wrap: anywhere;
}

/* Podešavanje domena: .rs napomena jednom iznad domena, nameserveri 3-5 na zahtev */
#order-standard_cart .u-rs-note--top {
    margin: 0 0 18px;
}
.u-ns-extra.is-collapsed {
    display: none;
}
#order-standard_cart .u-ns-more {
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-blue);
    background: none;
    border: 0;
    cursor: pointer;
}

/* Plaćanje: napomena uz porudžbinu na zahtev */
#order-standard_cart details.u-notes > summary {
    font-size: 15px;
    font-weight: 700;
    color: var(--u-blue);
    cursor: pointer;
    list-style: none;
}
#order-standard_cart details.u-notes > summary::-webkit-details-marker {
    display: none;
}
#order-standard_cart details.u-notes > summary::before {
    content: "+ ";
}
#order-standard_cart details.u-notes[open] > summary {
    margin-bottom: 10px;
    color: var(--u-ink);
}
#order-standard_cart details.u-notes[open] > summary::before {
    content: "";
}

/* Plaćanje na telefonu: sklopljen pregled porudžbine na vrhu */
.u-peek {
    display: none;
}
@media (max-width: 991px) {
    #order-standard_cart .u-peek {
        display: block;
        margin: 0 0 16px;
        background: var(--u-white);
        border: 1px solid var(--u-line);
        border-radius: var(--u-r);
    }
    #order-standard_cart .u-peek > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        font-size: 15px;
        font-weight: 700;
        color: var(--u-blue);
        cursor: pointer;
        list-style: none;
    }
    #order-standard_cart .u-peek > summary::-webkit-details-marker {
        display: none;
    }
    #order-standard_cart .u-peek > summary span::after {
        content: " ▾";
    }
    #order-standard_cart .u-peek[open] > summary span::after {
        content: " ▴";
    }
    #order-standard_cart .u-peek .u-peek__hide,
    #order-standard_cart .u-peek[open] .u-peek__show {
        display: none;
    }
    #order-standard_cart .u-peek[open] .u-peek__hide {
        display: inline;
    }
    #order-standard_cart .u-peek > summary strong {
        font-size: 17px;
        font-weight: 800;
        color: var(--u-ink);
        font-variant-numeric: tabular-nums;
    }
    .u-peek__body {
        padding: 0 14px 12px;
        border-top: 1px solid var(--u-line-2);
    }
}

/* Potvrda: podaci za uplatu */
.u-done__paydata {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin: 14px 0;
    text-align: left;
}
.u-done__paydata > div {
    padding: 10px 12px;
    background: var(--u-paper);
    border-radius: var(--u-r-sm);
}
.u-done__paydata dt {
    font-size: 12px;
    font-weight: 600;
    color: var(--u-muted);
}
.u-done__paydata dd {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 2px 0 0;
    font-size: 16px;
    color: var(--u-ink);
}
.u-done__amount {
    font-size: 20px;
    font-variant-numeric: tabular-nums;
}
.u-done__instr {
    margin: 0 0 16px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
    color: var(--u-ink-2);
    background: var(--u-blue-50);
    border: 1px solid #cddcf7;
    border-radius: var(--u-r-sm);
}
#order-standard_cart .u-copybtn {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--u-blue);
    background: #fff;
    border: 1px solid var(--u-line);
    border-radius: 8px;
    cursor: pointer;
}
#order-standard_cart .u-copybtn.is-copied {
    color: var(--u-green);
    border-color: var(--u-green);
}

/* Izbor domena za paket: "Nastavi" odmah ispod rezultata provere; dok nije aktivno, ne prikazuje se */
#order-standard_cart #primaryLookupResult p.u-domcontinue {
    margin: 18px 0 0;
}
#order-standard_cart #btnDomainContinue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 220px;
}
#order-standard_cart #btnDomainContinue[disabled] {
    display: none !important;
}
@media (max-width: 575px) {
    #order-standard_cart #btnDomainContinue {
        width: 100%;
    }
}
/* Traka koraka sa nazivom paketa umesto broja stavki: dug naziv se skraćuje */
.u-stepbar .u-cartbar__count {
    overflow: hidden;
    text-overflow: ellipsis;
}
#order-standard_cart .u-domcontinue__pick {
    display: block;
    margin: 0 0 10px;
    font-size: 15px;
    color: var(--u-ink-2);
}
#order-standard_cart .u-domcontinue__pick[hidden] {
    display: none;
}
#order-standard_cart .u-domcontinue__pick strong {
    color: var(--u-ink);
    overflow-wrap: anywhere;
}

/* Dodaci domena: znak usluge (APOLO DNS, WHOIS zaštita, e-mail prosleđivanje) desno od cene */
#order-standard_cart .panel-addon .panel-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
}
.u-abrand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
}
.u-abrand__mark {
    flex: 0 0 auto;
    display: block;
    width: 28px;
    height: 28px;
}
.u-abrand__mark svg {
    display: block;
}
.u-abrand__word {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
}
.u-abrand__word strong {
    font-weight: 800;
    color: var(--u-ink);
}
.u-abrand--dns .u-abrand__word {
    color: #1f5ad1;
}
.u-abrand--dns .u-abrand__word strong {
    letter-spacing: 0.02em;
    color: #142d63;
}
.u-abrand--idprotection .u-abrand__word {
    color: var(--u-green-600);
}
.u-abrand--emailforwarding .u-abrand__word {
    color: var(--u-slate);
}
/* Uska kartica (manji telefoni): samo znak, da cena i znak ostanu u istom redu.
   Pregledači bez container upita prebace znak u novi red, desno. */
#order-standard_cart .panel-addon {
    container-type: inline-size;
}
@container (max-width: 299px) {
    .u-abrand__word {
        display: none;
    }
}

/* ---------- Animacija trenutnog koraka (utStepAnim u common.tpl) ---------- */

/* puls: talas oko kruga */
@keyframes u-step-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(31, 90, 209, .45), 0 0 0 5px var(--u-blue-50);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(31, 90, 209, 0), 0 0 0 5px var(--u-blue-50);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(31, 90, 209, 0), 0 0 0 5px var(--u-blue-50);
    }
}
.u-steps--puls .u-step.is-current .u-step__dot {
    animation: u-step-ripple 2.2s cubic-bezier(.4, 0, .2, 1) infinite;
}

/* disanje: krug polako menja nijansu */
@keyframes u-step-breathe {
    0%, 100% {
        background-color: var(--u-blue);
        border-color: var(--u-blue);
        box-shadow: 0 0 0 5px var(--u-blue-50);
    }
    50% {
        background-color: #5b8ae6;
        border-color: #5b8ae6;
        box-shadow: 0 0 0 9px rgba(31, 90, 209, .12);
    }
}
.u-steps--disanje .u-step.is-current .u-step__dot {
    animation: u-step-breathe 2.6s ease-in-out infinite;
}

/* prsten: luk se okreće oko kruga */
@keyframes u-step-spin {
    to {
        transform: rotate(360deg);
    }
}
.u-steps--prsten .u-step.is-current .u-step__dot {
    box-shadow: none;
}
.u-steps--prsten .u-step.is-current .u-step__dot::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 2px solid var(--u-blue-50);
    border-top-color: var(--u-blue);
    border-right-color: var(--u-blue);
    border-radius: 50%;
    animation: u-step-spin 1.4s linear infinite;
}

/* talas: jednom pri otvaranju strane linija se popuni do trenutnog koraka i krug iskoči, zatim tih puls */
@keyframes u-step-line {
    from {
        transform: scaleX(0);
    }
}
@keyframes u-step-pop {
    0% {
        transform: scale(.55);
    }
    60% {
        transform: scale(1.14);
    }
    100% {
        transform: scale(1);
    }
}
.u-steps--talas .u-step.is-current::before {
    background: linear-gradient(90deg, var(--u-green), var(--u-blue));
    transform-origin: left center;
    animation: u-step-line .8s cubic-bezier(.22, .8, .3, 1) both;
}
.u-steps--talas .u-step.is-current .u-step__dot {
    animation: u-step-pop .5s .65s cubic-bezier(.22, .8, .3, 1.2) both, u-step-ripple 2.8s 1.4s cubic-bezier(.4, 0, .2, 1) infinite;
}

/* Telefon: deo trake za trenutni korak ima svetlosni talas */
@keyframes u-step-shimmer {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: -100% 0;
    }
}
.u-steps:not(.u-steps--ne) .u-steps__bar span.is-current {
    background-image: linear-gradient(90deg, var(--u-blue) 0%, var(--u-blue) 30%, #8fb0f2 50%, var(--u-blue) 70%, var(--u-blue) 100%);
    background-size: 200% 100%;
    animation: u-step-shimmer 2s linear infinite;
}

/* <addon-anim-css> ---------- Dodaci: animacija kada se dodaju (utAddonAnim, js/unl-cart.js) ---------- */
#order-standard_cart .panel-addon {
    position: relative;
}
#order-standard_cart .panel-addon > :not(.u-ripple) {
    position: relative;
    z-index: 1;
}
@keyframes u-add-bump {
    0% {
        transform: scale(1);
    }
    35% {
        transform: scale(1.018);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes u-add-glow {
    0% {
        box-shadow: 0 0 0 0 rgba(31, 90, 209, .32);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(31, 90, 209, 0);
    }
}
@keyframes u-add-sweep {
    0% {
        color: var(--u-blue);
        background-size: 0% 100%;
    }
    55% {
        color: var(--u-blue);
    }
    56% {
        color: #fff;
    }
    100% {
        color: #fff;
        background-size: 100% 100%;
    }
}
@keyframes u-add-pop {
    0% {
        transform: scale(.3) rotate(-25deg);
    }
    70% {
        transform: scale(1.3) rotate(6deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
#order-standard_cart .panel-addon.u-anim-added {
    animation: u-add-bump .45s cubic-bezier(.3, .7, .4, 1.3), u-add-glow .8s ease-out;
}
#order-standard_cart .panel-addon.u-anim-added .panel-add {
    background-color: var(--u-paper);
    background-image: linear-gradient(var(--u-blue), var(--u-blue));
    background-repeat: no-repeat;
    animation: u-add-sweep .5s cubic-bezier(.4, 0, .2, 1) both;
}
#order-standard_cart .panel-addon.u-anim-added .panel-add i {
    display: inline-block;
    animation: u-add-pop .45s .3s cubic-bezier(.3, .7, .4, 1.3) both;
}
/* let: znak dodatka leti u korpu */
.u-fly {
    position: fixed;
    z-index: 2000;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    background: var(--u-blue);
    border-radius: 8px;
    box-shadow: 0 8px 18px -6px rgba(20, 32, 51, .45);
    pointer-events: none;
}
.u-fly svg {
    display: block;
    width: 28px;
    height: 28px;
}
@keyframes u-add-target {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.22);
    }
    100% {
        transform: scale(1);
    }
}
.u-add-bump {
    animation: u-add-target .45s cubic-bezier(.3, .7, .4, 1.3);
}
/* talas: svetlo iz mesta dodira */
@keyframes u-add-ripple {
    from {
        opacity: .28;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}
.u-ripple {
    position: absolute;
    z-index: 0;
    background: radial-gradient(circle, var(--u-blue) 0%, rgba(31, 90, 209, .4) 40%, rgba(31, 90, 209, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: u-add-ripple .75s cubic-bezier(.2, .6, .3, 1) forwards;
}
/* konfete: tačkice iz polja za čekiranje */
.u-burst {
    position: fixed;
    z-index: 2000;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .panel-addon.u-anim-added,
    #order-standard_cart .panel-addon.u-anim-added .panel-add,
    #order-standard_cart .panel-addon.u-anim-added .panel-add i,
    .u-add-bump {
        animation: none;
    }
}
/* </addon-anim-css> */

/* ---------- Snaga lozinke: traka se glatko širi i menja boju, pruge se pomeraju ---------- */
@keyframes u-pw-stripes {
    to {
        background-position: 16px 0;
    }
}
#order-standard_cart .password-strength-meter .progress {
    height: 8px;
    overflow: hidden;
    background: var(--u-line-2);
    border-radius: 4px;
}
#order-standard_cart #passwordStrengthMeterBar {
    background-color: var(--u-red);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .28) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, .28) 75%, transparent 75%, transparent);
    background-size: 16px 16px;
    border-radius: 4px;
    transition: width .45s cubic-bezier(.22, .8, .3, 1), background-color .3s ease;
    animation: u-pw-stripes .7s linear infinite;
}
#order-standard_cart #passwordStrengthMeterBar.progress-bar-danger {
    background-color: var(--u-red);
}
#order-standard_cart #passwordStrengthMeterBar.progress-bar-warning {
    background-color: var(--u-amber);
}
#order-standard_cart #passwordStrengthMeterBar.progress-bar-success {
    background-color: var(--u-green);
}

/* ---------- Uslovi korišćenja na plaćanju: istaknuti, sa porukom ako nisu prihvaćeni ---------- */
#order-standard_cart .u-tosbox {
    padding: 12px 14px;
    background: #fff;
    border: 1.5px solid var(--u-line);
    border-radius: var(--u-r-sm);
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart .u-tosbox.is-error {
    background: var(--u-red-50);
    border-color: var(--u-red);
    animation: u-tos-shake .4s ease;
}
#order-standard_cart .u-tosbox.is-ok {
    border-color: var(--u-green);
}
#order-standard_cart .u-tos__err {
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-red);
}
@keyframes u-tos-shake {
    20%, 60% {
        transform: translateX(-5px);
    }
    40%, 80% {
        transform: translateX(5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .u-steps .u-step.is-current .u-step__dot,
    .u-steps .u-step.is-current .u-step__dot::after,
    .u-steps .u-step.is-current::before,
    .u-steps .u-steps__bar span.is-current,
    #order-standard_cart #passwordStrengthMeterBar,
    #order-standard_cart .u-tosbox.is-error {
        animation: none !important;
        transition: none !important;
    }
}

/* Dok je otvoren prozor (npr. automatska lozinka), traka pri dnu se sklanja */
body.modal-open .u-cartbar.is-visible {
    visibility: hidden;
}

/* "Dodaj u korpu" kod domena: naziv domena leti u korpu (utAddonAnim = let) */
.u-fly.u-fly--text {
    width: auto;
    height: 30px;
    padding: 0 12px;
    font-family: var(--u-font, "Manrope", system-ui, sans-serif);
    font-size: 13px;
    font-weight: 800;
    line-height: 30px;
    color: #fff;
    white-space: nowrap;
    border-radius: 999px;
}

/* ---------- Stanje učitavanja: "Nastavi", "Nastavi na plaćanje", "Izaberi paket" (js/unl-cart.js) ---------- */
@keyframes u-btn-spin {
    to {
        transform: rotate(360deg);
    }
}
.u-cart .is-loading[aria-busy],
.u-cartbar .is-loading[aria-busy] {
    cursor: progress;
    pointer-events: none;
    opacity: .9;
}
.u-cart .is-loading[aria-busy] > svg,
.u-cart .is-loading[aria-busy] > i,
.u-cartbar .is-loading[aria-busy] > svg,
.u-cartbar .is-loading[aria-busy] > i {
    display: none;
}
.u-cart .is-loading[aria-busy]::after,
.u-cartbar .is-loading[aria-busy]::after {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: -3px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: u-btn-spin .7s linear infinite;
}

/* Uslovi korišćenja: običan checkbox (bez iCheck-a), krupan, radi dodirom i klikom svuda */
#order-standard_cart .u-tos input#accepttos {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: var(--u-blue);
    cursor: pointer;
}
#order-standard_cart .u-tos {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.u-cartbar__badge[hidden] {
    display: none;
}

/* Registracija domena (telefon): kada se strana sama pomeri do rezultata, dugme "Dodaj u korpu" dva puta zatalasa */
@keyframes u-attn-ring {
    0% { box-shadow: 0 0 0 0 rgba(31, 90, 209, .45); }
    70% { box-shadow: 0 0 0 14px rgba(31, 90, 209, 0); }
    100% { box-shadow: 0 0 0 0 rgba(31, 90, 209, 0); }
}
#order-standard_cart .btn-add-to-cart.u-attn {
    animation: u-attn-ring 1s ease-out 2;
}
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .btn-add-to-cart.u-attn {
        animation: none;
    }
}

/* ---------- Plaćanje: prozor dok se porudžbina šalje (includes/order-wait.tpl) ---------- */
.u-ow {
    position: fixed;
    inset: 0;
    z-index: 2050;
    display: grid;
    place-items: center;
    padding: 16px;
    font-family: var(--u-font, inherit);
    background: rgba(20, 32, 51, .46);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.u-ow[hidden] {
    display: none;
}
.u-ow.is-open {
    animation: u-ow-in .2s ease-out both;
}
.u-ow:focus {
    outline: 0;
}
@keyframes u-ow-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.u-ow__card {
    width: min(100%, 400px);
    padding: 28px 26px 24px;
    color: var(--u-ink, #142033);
    text-align: center;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 30px 60px -20px rgba(20, 32, 51, .45);
    animation: u-ow-card .32s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes u-ow-card {
    from { opacity: 0; translate: 0 14px; scale: .97; }
    to { opacity: 1; translate: 0 0; scale: 1; }
}
.u-ow__art {
    display: grid;
    place-items: center;
    height: 64px;
    margin-bottom: 14px;
}
.u-ow__spin {
    width: 50px;
    height: 50px;
    border: 4px solid var(--u-blue-50, #eaf0fc);
    border-top-color: var(--u-blue, #1f5ad1);
    border-radius: 50%;
    animation: u-ow-spin .9s linear infinite;
}
@keyframes u-ow-spin {
    to { rotate: 360deg; }
}
#order-standard_cart .u-ow__title,
.u-ow__title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
}
.u-ow__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--u-muted, #66758a);
}
.u-ow__btn {
    display: none;
    align-items: center;
    gap: 9px;
    height: 44px;
    margin-top: 18px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: var(--u-blue, #1f5ad1);
    border-radius: 10px;
    cursor: progress;
    opacity: .9;
}
.u-ow__btnspin {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: u-ow-spin .8s linear infinite;
}
.u-ow__bar,
.u-ow__progress,
.u-ow__long,
.u-ow__stuck {
    display: none;
}
.u-ow__long,
.u-ow__stuck p {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--u-ink-2, #3b4a5e);
}
.u-ow.is-long .u-ow__long {
    display: block;
    animation: u-ow-in .3s ease-out both;
}
.u-ow.is-stuck .u-ow__long {
    display: none;
}
.u-ow.is-stuck .u-ow__stuck {
    display: block;
    animation: u-ow-in .3s ease-out both;
}
.u-ow__stuckbtns {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
}
.u-ow__close {
    padding: 0;
    font-weight: 700;
    color: var(--u-muted, #66758a);
    background: none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}
.u-ow__progress {
    height: 6px;
    margin-top: 18px;
    overflow: hidden;
    background: var(--u-line-2, #e8edf3);
    border-radius: 999px;
}
.u-ow__progress span,
.u-ow__bar span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--u-blue, #1f5ad1), #5b8cf0);
    border-radius: inherit;
}
.u-ow.is-open .u-ow__progress span,
.u-ow.is-open .u-ow__bar span {
    animation: u-ow-fill 20s cubic-bezier(.1, .7, .3, 1) forwards;
}
@keyframes u-ow-fill {
    from { width: 2%; }
    to { width: 90%; }
}
@keyframes u-ow-swap {
    from { opacity: 0; translate: 0 4px; }
    to { opacity: 1; translate: 0 0; }
}

/* 1. poruke: "Porudžbina se proverava…", posle 3 s "Molimo sačekajte" + objašnjenje i dugme "Učitavanje…" */
.u-ow--poruke .u-ow__text {
    display: none;
}
.u-ow--poruke.is-p2 .u-ow__title,
.u-ow--paket.is-p2 .u-ow__title {
    animation: u-ow-swap .3s ease-out both;
}
.u-ow--poruke.is-p2 .u-ow__text {
    display: block;
    animation: u-ow-swap .3s ease-out both;
}
.u-ow--poruke.is-p2 .u-ow__btn {
    display: inline-flex;
    animation: u-ow-swap .3s .1s ease-out both;
}

/* 2. koraci: tri koraka koji se smenjuju na 0, 3 i 8 s */
.u-ow--koraci .u-ow__text {
    display: none;
}
.u-ow__steps {
    display: grid;
    gap: 10px;
    margin: 18px auto 0;
    padding: 0;
    text-align: left;
    list-style: none;
    max-width: 260px;
}
.u-ow__step {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #a2adbb;
    transition: color .25s ease;
}
.u-ow__dot {
    position: relative;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 2px solid var(--u-line, #d9e1ea);
    border-radius: 50%;
    transition: background-color .25s ease, border-color .25s ease;
}
.u-ow--koraci.is-p1 .u-ow__step[data-step="0"],
.u-ow--koraci.is-p2 .u-ow__step[data-step="1"],
.u-ow--koraci.is-p3 .u-ow__step[data-step="2"] {
    color: var(--u-ink, #142033);
    font-weight: 800;
}
.u-ow--koraci.is-p1 .u-ow__step[data-step="0"] .u-ow__dot,
.u-ow--koraci.is-p2 .u-ow__step[data-step="1"] .u-ow__dot,
.u-ow--koraci.is-p3 .u-ow__step[data-step="2"] .u-ow__dot {
    border-color: var(--u-blue-50, #eaf0fc);
    border-top-color: var(--u-blue, #1f5ad1);
    animation: u-ow-spin .8s linear infinite;
}
.u-ow--koraci.is-p2 .u-ow__step[data-step="0"],
.u-ow--koraci.is-p3 .u-ow__step[data-step="1"] {
    color: var(--u-ink-2, #3b4a5e);
    font-weight: 600;
}
.u-ow--koraci.is-p2 .u-ow__step[data-step="0"] .u-ow__dot,
.u-ow--koraci.is-p3 .u-ow__step[data-step="1"] .u-ow__dot {
    background: var(--u-blue, #1f5ad1) radial-gradient(circle, #fff 0 3px, transparent 3.5px);
    border-color: var(--u-blue, #1f5ad1);
    animation: none;
}

/* 3. paket: kutija se zatvara, traka napretka polako raste */
.u-ow--paket .u-ow__text {
    display: none;
}
.u-ow--paket.is-p2 .u-ow__text {
    display: block;
    animation: u-ow-swap .3s ease-out both;
}
.u-ow--paket .u-ow__progress {
    display: block;
}
.u-ow__box {
    overflow: visible;
}
.u-ow__box-body {
    fill: #f6d9a3;
    stroke: #c98d2e;
    stroke-width: 2;
    stroke-linejoin: round;
}
.u-ow__box-tape {
    fill: var(--u-blue, #1f5ad1);
    opacity: .85;
}
.u-ow__box-lid {
    fill: none;
    stroke: #c98d2e;
    stroke-width: 5;
    stroke-linecap: round;
    transform-box: view-box;
}
.u-ow__box-lid--l {
    transform-origin: 10.5px 22.5px;
    animation: u-ow-lid-l 2.4s ease-in-out infinite;
}
.u-ow__box-lid--r {
    transform-origin: 53.5px 22.5px;
    animation: u-ow-lid-r 2.4s ease-in-out infinite;
}
@keyframes u-ow-lid-l {
    0%, 12% { rotate: -125deg; }
    42%, 80% { rotate: 0deg; }
    100% { rotate: -125deg; }
}
@keyframes u-ow-lid-r {
    0%, 20% { rotate: 125deg; }
    50%, 80% { rotate: 0deg; }
    100% { rotate: 125deg; }
}
.u-ow--paket .u-ow__art {
    animation: u-ow-bob 2.4s ease-in-out infinite;
}
@keyframes u-ow-bob {
    0%, 40%, 100% { translate: 0 0; }
    55% { translate: 0 -5px; }
    70% { translate: 0 0; }
}

/* 4. traka: bez prozora, tanka traka na vrhu i poruka ispod nje (dno strane zauzima traka korpe) */
.u-ow--traka {
    place-items: start center;
    padding-top: 22px;
    background: rgba(243, 246, 249, .55);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.u-ow--traka .u-ow__bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 4px;
}
.u-ow--traka .u-ow__card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 12px;
    width: auto;
    max-width: min(92vw, 520px);
    padding: 12px 20px;
    text-align: left;
    border-radius: 999px;
    box-shadow: 0 16px 36px -14px rgba(20, 32, 51, .4);
}
.u-ow--traka .u-ow__art {
    height: auto;
    margin: 0;
}
.u-ow--traka .u-ow__spin {
    width: 22px;
    height: 22px;
    border-width: 3px;
}
.u-ow--traka .u-ow__title {
    margin: 0;
    font-size: 15px;
}
.u-ow--traka .u-ow__text {
    display: none;
}
.u-ow--traka.is-long .u-ow__card,
.u-ow--traka.is-stuck .u-ow__card {
    border-radius: 16px;
}
.u-ow--traka .u-ow__long,
.u-ow--traka .u-ow__stuck {
    flex: 1 1 100%;
    text-align: center;
}
.u-ow--traka .u-ow__long,
.u-ow--traka .u-ow__stuck p {
    margin-top: 6px;
}
@media (prefers-reduced-motion: reduce) {
    .u-ow__spin,
    .u-ow__btnspin,
    .u-ow--koraci .u-ow__dot {
        animation-duration: 2.4s !important;
    }
    .u-ow__card,
    .u-ow--paket .u-ow__art,
    .u-ow__box-lid {
        animation: none !important;
    }
}
.u-ow--koraci .u-ow__art {
    display: none;
}
.u-ow--koraci .u-ow__card {
    padding-top: 26px;
}
img.u-mark--img[src*="dinacard"] {
    height: 19px;
}

/* PIB: obaveštenje ispod polja (9 cifara, kontrolna cifra) */
.u-pib-hint {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
    color: #b42318;
}
.u-pib-hint[hidden] {
    display: none;
}

/* PIB: podaci firme iz registra NBS (unl_pib.php) - krug u polju dok traje upit, red sa stanjem ispod polja */
.u-pib-wrap {
    position: relative;
}
.u-pib-spin {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 2px solid var(--u-blue-50);
    border-top-color: var(--u-blue);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
}
.u-pib-group.is-looking .u-pib-spin {
    opacity: 1;
    animation: u-step-spin .8s linear infinite;
}
.u-pib-group.is-looking .form-control {
    padding-right: 40px;
}
.u-pib-look {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: -4px 0 16px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--u-ink-2);
    background: #fff;
    border: 1px solid var(--u-line-2);
    border-radius: var(--u-r-sm);
}
.u-pib-look[hidden] {
    display: none;
}
.u-pib-look__ico {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    background: currentColor;
    -webkit-mask: var(--u-pib-ico) center / contain no-repeat;
    mask: var(--u-pib-ico) center / contain no-repeat;
    color: var(--u-blue);
    --u-pib-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
.u-pib-look.is-ok {
    background: var(--u-green-50);
    border-color: #bfe3d1;
}
.u-pib-look.is-ok .u-pib-look__ico {
    color: var(--u-green);
    --u-pib-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");
}
.u-pib-look.is-fail,
.u-pib-look.is-none {
    background: var(--u-amber-50);
    border-color: #f3d79b;
}
.u-pib-look.is-fail .u-pib-look__ico,
.u-pib-look.is-none .u-pib-look__ico {
    color: #9a6700;
    --u-pib-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16.5v.01'/%3E%3C/svg%3E");
}
.u-pib-look__undo.u-link {
    padding: 0;
    font-weight: 700;
    background: none;
    border: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.u-company-fields .form-control.u-filled {
    animation: u-pib-filled 1.6s ease-out;
}
@keyframes u-pib-filled {
    0% {
        background-color: var(--u-green-50);
        border-color: var(--u-green);
    }
    100% {
        background-color: #fff;
    }
}
#containerNewUserSignup .form-control.u-filled {
    animation: u-pib-filled 1.6s ease-out;
}
@media (prefers-reduced-motion: reduce) {
    .u-pib-group.is-looking .u-pib-spin {
        animation: none;
        border-color: var(--u-blue);
    }
    .u-company-fields .form-control.u-filled,
    #containerNewUserSignup .form-control.u-filled {
        animation: none;
    }
}

/* Podešavanje domena: vlasnik .rs domena je firma - PIB popunjava polja registra (js/unl-cart.js, dp*; 20261020l) */
.u-domaincard .u-pib-help {
    display: block;
    margin-top: 6px;
    line-height: 1.4;
}
.u-domaincard .u-pib-help[hidden] {
    display: none;
}
.u-domaincard .u-pib-look--dom {
    margin: 10px 0 0;
}
.u-domaincard .u-pib-look--dom[hidden] {
    display: none;
}
.u-domaincard__fields .u-filled {
    animation: u-pib-filled 1.6s ease-out;
}
@media (prefers-reduced-motion: reduce) {
    .u-domaincard__fields .u-filled {
        animation: none;
    }
}

/* ---------- Registar domena (RNIDS, Verisign): mali znak desno uz domen ---------- */
.u-reg {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
    line-height: 1;
}
.u-reg__cap {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
img.u-reg__logo {
    display: block;
    width: auto;
    max-width: 96px;
    height: 18px;
    object-fit: contain;
}
/* Dok slika registra nije postavljena: naziv registra kao mala oznaka */
.u-reg__name {
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    color: var(--u-slate);
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: 6px;
}
.u-reg--rnids .u-reg__name {
    color: #1d3f86;
}
.u-reg--verisign .u-reg__name {
    color: #1f5ad1;
}
/* Rezultat provere: desno, sa natpisom "Registar" */
#order-standard_cart .u-reg--float {
    float: right;
    margin: 4px 0 8px 16px;
}
#order-standard_cart .u-reg--float .u-reg__cap {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--u-muted);
}
/* Kartice nastavaka (cenovnik): gornji desni ugao */
#order-standard_cart .spotlight-tld {
    position: relative;
}
#order-standard_cart .u-reg--corner {
    position: absolute;
    top: 8px;
    right: 8px;
}
/* Desni ugao zauzima oznaka "Popularno / Novo / Akcija", pa znak registra ide levo */
#order-standard_cart .spotlight-tld:has(.spotlight-tld-hot, .spotlight-tld-new, .spotlight-tld-sale) .u-reg--corner {
    right: auto;
    left: 8px;
}
#order-standard_cart .u-reg--corner img.u-reg__logo {
    height: 14px;
    max-width: 64px;
}
#order-standard_cart .u-reg--corner .u-reg__name {
    padding: 2px 5px;
    font-size: 10.5px;
}
/* Predlozi i korpa: uz cenu, odnosno desno od naziva domena */
#order-standard_cart .u-reg--row {
    margin-right: 12px;
}
#order-standard_cart .u-reg--row img.u-reg__logo {
    height: 15px;
}
#order-standard_cart .view-cart-items .item span.u-item__titlerow:not(.caret):not(.renewal-price) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}
#order-standard_cart .view-cart-items .item span.u-reg:not(.caret):not(.renewal-price) {
    display: inline-flex;
}
#order-standard_cart .view-cart-items .item span.u-reg__name:not(.caret):not(.renewal-price) {
    display: inline-block;
}
/* Natpis "Registar:" je samo za čitače ekrana; osnovni stil korpe svaki span pravi blokom */
#order-standard_cart .view-cart-items .item span.u-reg__cap:not(.caret):not(.renewal-price) {
    position: absolute;
}
#order-standard_cart .u-reg--inline img.u-reg__logo {
    height: 15px;
}
@media (max-width: 575px) {
    #order-standard_cart .u-reg--float {
        margin-left: 10px;
    }
    #order-standard_cart .u-reg--float .u-reg__cap {
        display: none;
    }
    #order-standard_cart .u-reg--row {
        display: none;
    }
}

/* ---------- Provera dostupnosti: veći prikaz sa animacijom, tekst ostaje ---------- */
#order-standard_cart .domain-lookup-primary-loader.domain-searching {
    margin: 0 0 16px;
    color: inherit;
}
.u-searching {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 24px 25px;
    overflow: hidden;
    text-align: left;
    background: var(--u-white);
    border: 1.5px solid #c9d8f6;
    border-radius: var(--u-r-lg);
    box-shadow: 0 10px 24px -18px rgba(31, 90, 209, .45);
}
.u-searching__art {
    position: relative;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 64px;
    height: 64px;
}
.u-searching__ico {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    color: #fff;
    background: var(--u-blue);
    border-radius: 50%;
    box-shadow: 0 8px 18px -8px rgba(31, 90, 209, .65);
}
.u-searching__ico svg {
    width: 24px;
    height: 24px;
    animation: u-sr-scan 1.6s ease-in-out infinite;
}
.u-searching__ring {
    position: absolute;
    inset: 6px;
    border: 2px solid rgba(31, 90, 209, .35);
    border-radius: 50%;
    animation: u-sr-pulse 1.8s ease-out infinite;
}
.u-searching__ring--2 {
    animation-delay: .9s;
}
.u-searching__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.u-searching__title {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--u-ink);
}
.u-searching__domain {
    font-size: 17px;
    font-weight: 700;
    color: var(--u-blue-600);
    overflow-wrap: anywhere;
}
.u-searching__domain[hidden] {
    display: none;
}
.u-searching__sub {
    font-size: 14px;
    line-height: 1.45;
    color: var(--u-muted);
}
.u-searching__dots {
    display: inline-flex;
    gap: 3px;
    margin-left: 4px;
    vertical-align: middle;
}
.u-searching__dots i {
    width: 5px;
    height: 5px;
    background: currentColor;
    border-radius: 50%;
    animation: u-sr-dot 1.2s ease-in-out infinite;
}
.u-searching__dots i:nth-child(2) {
    animation-delay: .15s;
}
.u-searching__dots i:nth-child(3) {
    animation-delay: .3s;
}
.u-searching__bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    overflow: hidden;
    background: var(--u-blue-50);
}
.u-searching__bar span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35%;
    width: 35%;
    background: var(--u-blue);
    border-radius: 3px;
    animation: u-sr-bar 1.4s ease-in-out infinite;
}
@keyframes u-sr-pulse {
    0% { opacity: .9; transform: scale(.85); }
    100% { opacity: 0; transform: scale(1.65); }
}
@keyframes u-sr-scan {
    0%, 100% { transform: translate(0, 0); }
    25% { transform: translate(2px, -2px); }
    50% { transform: translate(0, -3px); }
    75% { transform: translate(-2px, -1px); }
}
@keyframes u-sr-dot {
    0%, 80%, 100% { opacity: .25; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-3px); }
}
@keyframes u-sr-bar {
    0% { left: -35%; }
    100% { left: 100%; }
}
@media (max-width: 575px) {
    .u-searching {
        gap: 14px;
        padding: 18px 16px 21px;
    }
    .u-searching__art {
        width: 54px;
        height: 54px;
    }
    .u-searching__ico {
        width: 44px;
        height: 44px;
    }
    .u-searching__title {
        font-size: 17px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .u-searching__ico svg,
    .u-searching__ring,
    .u-searching__dots i {
        animation: none;
    }
    .u-searching__ring {
        opacity: .5;
        transform: scale(1.15);
    }
    .u-searching__ring--2 {
        display: none;
    }
    .u-searching__bar span {
        left: 0;
        width: 100%;
        opacity: .35;
        animation: none;
    }
}

/* ---------- Obnova domena i usluga (domain-renewals.tpl, service-renewals.tpl) ---------- */
#order-standard_cart .u-backlink {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 14px -8px;
    padding: 6px 12px 6px 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--u-ink-2);
    text-decoration: none;
    border-radius: 999px;
    transition: background-color .15s ease, color .15s ease;
}
#order-standard_cart .u-backlink:hover,
#order-standard_cart .u-backlink:focus-visible {
    color: var(--u-ink);
    text-decoration: none;
    background: var(--u-paper);
}
.u-rnw-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
    margin: 0 0 24px;
}
.u-rnw-top .u-head {
    flex: 1 1 420px;
    margin: 0;
}
.u-rnw-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.u-rnw-search {
    position: relative;
    width: 280px;
    max-width: 100%;
}
.u-rnw-search > .u-ico {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 14px;
    color: var(--u-muted);
    transform: translateY(-50%);
    pointer-events: none;
}
/* standard_cart stil polja za pretragu je sa !important (slika lupe, širina 200 px) */
#order-standard_cart.u-cart .u-rnw-search .form-control {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px 0 40px !important;
    font-size: 15px !important;
    background: var(--u-white) !important;
    border-radius: 10px !important;
}
#order-standard_cart .u-rnw-tools .service-renewals-quick-filter {
    float: none !important;
    width: auto !important;
    margin: 0;
}
#order-standard_cart .u-rnw-tools .service-renewals-quick-filter .u-ico {
    color: var(--u-muted);
}

.u-rnw-showing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 0 0 14px;
    padding: 10px 14px;
    font-size: 14px;
    color: var(--u-ink-2);
    background: var(--u-blue-50);
    border-radius: var(--u-r);
}
.u-rnw-showing .u-ico {
    color: var(--u-blue);
}
#order-standard_cart .u-rnw-showing a {
    font-weight: 700;
}

/* Lista i kartice (poništava sive pruge iz standard_cart) */
#order-standard_cart .domain-renewals.u-rnw-list,
#order-standard_cart .service-renewals.u-rnw-list {
    display: grid;
    gap: 14px;
    margin: 0;
    background: none;
    border: 0;
}
#order-standard_cart .u-rnw-list .u-rnw,
#order-standard_cart .u-rnw-list .u-rnw:nth-child(even) {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 20px 22px;
    background: var(--u-white);
    border: 1px solid var(--u-line);
    border-radius: var(--u-r-lg);
    box-shadow: 0 1px 2px rgba(20, 32, 51, .04);
}
.u-rnw__head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 6px 14px;
}
.u-rnw__ico {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--u-blue);
    background: var(--u-blue-50);
    border-radius: 12px;
}
.u-rnw__ico .u-ico {
    width: 20px;
    height: 20px;
}
.u-rnw.is-soon > .u-rnw__head .u-rnw__ico,
.u-rnw.is-today > .u-rnw__head .u-rnw__ico {
    color: #8a5a00;
    background: var(--u-amber-50);
}
.u-rnw.is-expired > .u-rnw__head .u-rnw__ico {
    color: var(--u-red);
    background: var(--u-red-50);
}
.u-rnw.is-off > .u-rnw__head .u-rnw__ico {
    color: var(--u-muted);
    background: var(--u-paper);
}
.u-rnw__titles {
    min-width: 0;
}
.u-rnw__namerow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}
#order-standard_cart .u-rnw__name {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}
.u-rnw__sub {
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--u-ink-2);
    overflow-wrap: anywhere;
}
.u-rnw__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--u-muted);
}
.u-rnw__meta strong {
    font-weight: 700;
    color: var(--u-ink-2);
}
#order-standard_cart .u-rnw__status {
    margin-top: 2px;
    white-space: nowrap;
}
.u-rnw__status::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 6px 0 0;
    vertical-align: 2px;
    background: currentColor;
    border-radius: 50%;
}
.u-pill--warn {
    color: #8a5a00;
    background: var(--u-amber-50);
}
.u-pill--danger {
    color: #a52a21;
    background: var(--u-red-50);
}
#order-standard_cart p.domain-renewal-desc.u-rnw__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--u-green-600);
    background: var(--u-green-50);
    border-radius: var(--u-r-sm);
}
.u-rnw__note .u-ico {
    margin-top: 2px;
}

.u-rnw__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 16px;
    padding-top: 14px;
    border-top: 1px solid var(--u-line-2);
}
.u-rnw__period {
    flex: 1 1 260px;
    max-width: 440px;
}
#order-standard_cart .u-rnw__period label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-rnw__ast {
    color: var(--u-red);
}
#order-standard_cart.u-cart .u-rnw__period select.form-control {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.u-cart .u-rnw__btn {
    flex: 0 0 auto;
    min-width: 172px;
    max-width: 100%;
    min-height: 46px;
    margin-left: auto;
}
/* Ikonica učitavanja: WHMCS skripta je prikazuje samo dok se dodaje u korpu */
#order-standard_cart .u-rnw__btn .to-add > i {
    display: none;
}
/* "Dodato" je skriveno dok ga WHMCS skripta ne prikaže (posle dodavanja), da ne bljesne pri učitavanju */
#order-standard_cart .u-rnw__btn .added {
    display: none;
}
/* Dodato: WHMCS skripta sakrije "Dodaj u korpu" (style="display: none") i isključi dugme */
.u-cart .u-rnw__btn:disabled:has(> .to-add[style*="none"]) {
    color: var(--u-green-600);
    background: var(--u-green-50);
    border-color: #bfe3d2;
    opacity: 1;
    cursor: default;
}
.u-rnw__btn .added .u-ico {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: -4px;
    stroke-width: 2.6;
}

/* Usluge: period i cena */
.u-rnw__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin: 0;
}
#order-standard_cart .u-rnw__facts dt {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--u-muted);
}
.u-rnw__facts dd {
    margin: 2px 0 0;
    font-weight: 700;
    color: var(--u-ink);
    font-variant-numeric: tabular-nums;
}
.u-rnw__facts dd.u-rnw__price {
    font-size: 17px;
    font-weight: 800;
}
#order-standard_cart .u-rnw__why {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--u-ink-2);
}
.u-rnw__why .u-ico {
    margin-top: 2px;
    color: var(--u-muted);
}

/* Dodaci usluge: manje kartice u kartici usluge */
#order-standard_cart .u-rnw__addons {
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid var(--u-line-2);
}
#order-standard_cart .u-rnw__addons-title {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--u-muted);
}
#order-standard_cart .u-rnw__addons > .u-rnw__addons-list {
    display: grid;
    gap: 10px;
    border: 0;
}
#order-standard_cart .u-rnw-list .u-rnw.u-rnw--addon,
#order-standard_cart .u-rnw-list .u-rnw.u-rnw--addon:nth-child(even) {
    gap: 12px;
    padding: 14px 16px;
    background: var(--u-paper);
    border: 1px solid var(--u-line-2);
    border-radius: var(--u-r);
    box-shadow: none;
}
#order-standard_cart .u-rnw--addon .u-rnw__name {
    font-size: 16px;
}
.u-rnw--addon .u-rnw__ico {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--u-white);
}
.u-rnw--addon .u-rnw__ico .u-ico {
    width: 17px;
    height: 17px;
}
.u-rnw--addon .u-rnw__foot {
    padding-top: 12px;
    border-top-color: var(--u-line);
}

.u-rnw-none {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 14px 0 0;
    padding: 28px 16px;
    font-size: 15px;
    color: var(--u-ink-2);
    text-align: center;
    background: var(--u-white);
    border: 1px dashed var(--u-line);
    border-radius: var(--u-r-lg);
}
.u-rnw-none[hidden] {
    display: none;
}
.u-rnw-none .u-ico {
    color: var(--u-muted);
}
.u-rnw-footnote {
    margin: 16px 0 0;
    font-size: 13px;
    color: var(--u-muted);
}
.u-rnw-empty__ico {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    color: var(--u-blue);
    background: var(--u-blue-50);
    border-radius: 20px;
}
.u-rnw-empty__ico .u-ico {
    width: 30px;
    height: 30px;
}

/* Račun: dok ništa nije dodato, kratko objašnjenje umesto praznog prostora i mirnije dugme */
.u-rnw-sumempty {
    display: none;
    margin: 12px 0 2px;
    font-size: 14px;
    color: var(--u-muted);
}
#order-standard_cart.u-page-renew .u-receipt:not(:has([data-u-renew])) .u-rnw-sumempty {
    display: block;
}
.u-cart .u-receipt-wrap:not(:has([data-u-renew])) #btnGoToCart {
    color: var(--u-ink-2);
    background: var(--u-white);
    border-color: var(--u-line);
}
.u-cart .u-receipt-wrap:not(:has([data-u-renew])) #btnGoToCart:hover,
.u-cart .u-receipt-wrap:not(:has([data-u-renew])) #btnGoToCart:focus {
    color: var(--u-ink);
    background: var(--u-paper);
}

@media (max-width: 575px) {
    #order-standard_cart .u-rnw-list .u-rnw,
    #order-standard_cart .u-rnw-list .u-rnw:nth-child(even) {
        padding: 16px;
    }
    .u-rnw__head {
        grid-template-columns: auto minmax(0, 1fr);
    }
    #order-standard_cart .u-rnw__status {
        grid-column: 2;
        justify-self: start;
        margin-top: 0;
        white-space: normal;
    }
    .u-rnw__ico {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }
    #order-standard_cart .u-rnw__name {
        font-size: 18px;
    }
    .u-rnw__period {
        flex-basis: 100%;
        max-width: none;
    }
    .u-cart .u-rnw__btn {
        width: 100%;
        margin-left: 0;
    }
    .u-rnw-search,
    .u-rnw-tools {
        width: 100%;
    }
    .u-rnw-tools .service-renewals-quick-filter {
        flex: 1 1 auto;
    }
}

/* ---------- Vlasništvo domena (podešavanje domena): ispod dodataka, iznad polja za vlasnika ---------- */
#order-standard_cart .u-domaincard__fields.has-own {
    margin-top: 6px;
    padding-top: 20px;
    border-top: 1px solid var(--u-line-2);
}
#order-standard_cart .u-domaincard__fields.has-own .u-domaincard__subtitle {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.u-own {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 22px;
    padding: 16px 18px;
    background: var(--u-amber-50);
    border: 1px solid #f1d491;
    border-left: 4px solid var(--u-amber);
    border-radius: var(--u-r);
}
.u-own__ico {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #8a5a00;
    background: #fde7b0;
    border-radius: 12px;
}
.u-own__ico svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.u-own__body {
    min-width: 0;
}
#order-standard_cart .u-own__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    color: var(--u-ink);
}
.u-own__badge {
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #fff;
    background: #a86b00;
    border-radius: 6px;
}
#order-standard_cart .u-own__text {
    margin: 6px 0 12px;
    font-size: 14.5px;
    line-height: 1.5;
    color: #4a3a12;
}
#order-standard_cart .u-own__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px 7px 11px;
    font-family: var(--u-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #7a4f00;
    background: #fff;
    border: 1px solid #e6c069;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
#order-standard_cart .u-own__more:hover {
    color: #5e3c00;
    background: #fff3d4;
    border-color: #d9a73d;
}
#order-standard_cart .u-own__more:focus {
    outline: 0;
}
#order-standard_cart .u-own__more:focus-visible {
    outline: 3px solid rgba(168, 107, 0, .35);
    outline-offset: 2px;
}
.u-own__more svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@media (max-width: 575px) {
    .u-own {
        gap: 12px;
        padding: 14px 14px 14px 12px;
    }
    .u-own__ico {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }
    .u-own__ico svg {
        width: 19px;
        height: 19px;
    }
}

/* Prozor "Zašto je ovo važno?" */
.u-ownmodal .modal-dialog {
    max-width: 560px;
}
/* standard_cart centrira tekst u svim prozorima korpe (!important) */
#order-standard_cart .u-ownmodal .modal-body,
#order-standard_cart .u-ownmodal .modal-footer {
    text-align: left !important;
}
.u-ownmodal .modal-body {
    position: relative;
    padding: 26px 26px 6px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--u-ink-2);
}
#order-standard_cart .u-ownmodal .u-ownmodal__x {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 1;
    color: var(--u-muted);
    border-radius: 10px;
    opacity: 1;
}
#order-standard_cart .u-ownmodal .u-ownmodal__x:hover {
    color: var(--u-ink);
    background: var(--u-paper);
}
.u-ownmodal__ico.u-own__ico {
    width: 48px;
    height: 48px;
    margin: 0 0 14px;
    border-radius: 14px;
}
#order-standard_cart .u-ownmodal .modal-title {
    margin: 0 0 8px;
    padding-right: 30px;
    font-size: 21px;
    line-height: 1.25;
}
.u-ownmodal__lead {
    margin: 0 0 16px;
}
#order-standard_cart .u-ownmodal__h {
    margin: 0 0 6px;
    font-family: var(--u-font);
    font-size: 15px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-ownmodal__list {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
.u-ownmodal__list li {
    position: relative;
    padding: 3px 0 3px 22px;
}
.u-ownmodal__list li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 6px;
    width: 6px;
    height: 6px;
    background: var(--u-blue);
    border-radius: 50%;
}
.u-ownmodal__list--check li::before {
    top: 9px;
    left: 2px;
    width: 12px;
    height: 7px;
    background: none;
    border-left: 2px solid var(--u-green);
    border-bottom: 2px solid var(--u-green);
    border-radius: 0;
    transform: rotate(-45deg);
}
.u-ownmodal__warn {
    margin: 0 0 16px;
    padding: 12px 14px;
    background: var(--u-red-50);
    border: 1px solid #f4c9c5;
    border-radius: 10px;
}
#order-standard_cart .u-ownmodal__warn .u-ownmodal__h {
    color: #a52a21;
}
.u-ownmodal__warn p {
    margin: 0;
    color: #5b211c;
}
.u-ownmodal .modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 12px 26px 22px;
}
#order-standard_cart .u-ownmodal__terms {
    font-size: 14px;
    font-weight: 600;
}
.u-ownmodal .modal-footer .u-btn {
    margin-left: auto;
}

/* ---------- Maskota u rezultatu provere domena (js/unl-maskota.js, unl-cart.js mascotInit) ---------- */
#order-standard_cart #primaryLookupResult.u-has-mascot {
    position: relative;
    min-height: 136px;
    padding-left: 148px;
}
.u-mascot {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 112px;
    margin-top: -60px;
    pointer-events: none;
}
.u-mascot[hidden] {
    display: none;
}
.u-mascot unl-maskota {
    display: block;
    width: 100%;
}
.u-mascot.is-in {
    animation: uMascotIn .45s cubic-bezier(.3, 1.4, .5, 1) both;
}
@keyframes uMascotIn {
    from { opacity: 0; transform: translateY(14px) scale(.7); }
    to { opacity: 1; transform: none; }
}
@media (max-width: 575px) {
    #order-standard_cart #primaryLookupResult.u-has-mascot {
        min-height: 0;
        padding-left: 96px;
    }
    .u-mascot {
        top: 14px;
        left: 10px;
        width: 78px;
        margin-top: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .u-mascot.is-in {
        animation: none;
    }
}

/* ---------- Vlasnik domena koji nisu .rs (podešavanje domena, #uRegOwner) ---------- */
.u-regowner__for {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin: -6px 0 14px;
    font-size: 14px;
    color: var(--u-muted);
}
.u-regowner__dom {
    padding: 3px 9px;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-ink);
    background: var(--u-paper);
    border: 1px solid var(--u-line-2);
    border-radius: 999px;
    overflow-wrap: anywhere;
}
#order-standard_cart .u-regowner__mixed {
    margin: -6px 0 14px;
}
#order-standard_cart .u-regowner .u-own {
    margin-bottom: 18px;
}
#order-standard_cart.u-cart .u-regowner__pick {
    margin-bottom: 0;
}
.u-regowner__hint {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--u-ink-2);
}
.u-regowner__new {
    min-width: 0;
    margin: 20px 0 0;
    padding: 18px 18px 4px;
    background: var(--u-paper);
    border: 1px solid var(--u-line-2);
    border-radius: var(--u-r);
}
.u-regowner__new[hidden] {
    display: none;
}
#order-standard_cart .u-regowner__legend {
    float: left;
    width: 100%;
    margin: 0 0 14px;
    padding: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--u-ink);
    border: 0;
}
.u-regowner__legend + * {
    clear: both;
}
.u-owner-note--ro strong {
    color: var(--u-ink);
}

/* Uslovi korišćenja na plaćanju: istaknut okvir (žuto dok nije čekirano, zeleno posle), krupniji tekst */
#order-standard_cart .u-tosbox {
    padding: 14px 16px;
    background: var(--u-amber-50);
    border: 1.5px solid #f3d79b;
    border-left: 5px solid var(--u-amber);
    border-radius: var(--u-r-sm);
    box-shadow: 0 6px 18px -14px rgba(154, 103, 0, .55);
}
#order-standard_cart .u-tosbox.is-ok {
    background: var(--u-green-50);
    border-color: #bfe3d1;
    border-left-color: var(--u-green);
    box-shadow: none;
}
#order-standard_cart .u-tosbox.is-error {
    background: var(--u-red-50);
    border-color: var(--u-red);
    border-left-color: var(--u-red);
}
#order-standard_cart .u-tos {
    align-items: center;
    gap: 12px;
}
#order-standard_cart .u-tos input#accepttos {
    width: 24px;
    height: 24px;
}
#order-standard_cart .u-tos__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
#order-standard_cart .u-tos__main {
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--u-ink);
}
#order-standard_cart .u-tos__main a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
#order-standard_cart .u-tos__hint {
    font-size: 12.5px;
    font-weight: 600;
    color: #8a5a00;
}
#order-standard_cart .u-tosbox.is-ok .u-tos__hint {
    color: var(--u-green-600);
}
#order-standard_cart .u-tosbox.is-error .u-tos__hint {
    color: var(--u-red);
}

/* Dodaci (cart.php?gid=addons) */
.u-addons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
#order-standard_cart .u-addon {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    text-align: left;
    margin: 0;
    padding: 22px 24px;
}
.u-addon__head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.u-addon__ico {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--u-blue);
    background: var(--u-blue-50);
    border-radius: 10px;
}
.u-addon__ico .u-ico {
    width: 20px;
    height: 20px;
}
#order-standard_cart .u-addon__name {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--u-ink);
}
.u-addon__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
}
.u-addon__price .u-price {
    font-size: 24px;
    font-weight: 800;
    color: var(--u-ink);
}
.u-addon__cycle,
.u-addon__setup {
    font-size: 13.5px;
    color: var(--u-muted);
}
.u-addon__setup {
    flex-basis: 100%;
}
.u-addon__desc {
    font-size: 14px;
    line-height: 1.55;
    color: var(--u-ink-2);
}
.u-addon__foot {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px 10px;
    margin-top: auto;
    padding-top: 6px;
}
.u-addon__label {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-ink-2);
}
#order-standard_cart .u-addon__foot .form-control {
    height: 44px;
}
#order-standard_cart .u-addon__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    white-space: nowrap;
}
.u-addon__btn .u-ico {
    width: 17px;
    height: 17px;
}
@media (max-width: 767px) {
    .u-addons {
        grid-template-columns: minmax(0, 1fr);
    }
    .u-addon__foot {
        grid-template-columns: minmax(0, 1fr);
    }
    #order-standard_cart .u-addon__btn {
        justify-content: center;
    }
}

/* Greška u korpi i provera porudžbine */
.u-carterror__kicker {
    margin: 0 0 4px;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--u-muted);
}
#order-standard_cart .u-carterror .u-carterror__ico {
    color: #9a6700;
    background: var(--u-amber-50);
}
#order-standard_cart .u-carterror h1.u-empty__title {
    font-size: 24px;
}
.u-carterror .u-empty__actions .u-ico {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    vertical-align: -3px;
}

/* Registracija i prenos domena: posle dodavanja domena strelica ka "Nastavi" (unl-cart.js, data-nudge) */
.u-nudge {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: calc(100vw - 24px);
    padding: 10px 12px 10px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    background: var(--u-ink);
    border-radius: 12px;
    box-shadow: 0 16px 32px -14px rgba(20, 32, 51, .6);
    cursor: pointer;
    animation: u-nudge-in .25s ease-out;
}
.u-nudge::after {
    content: "";
    position: absolute;
    top: 100%;
    left: var(--u-nudge-x, 50%);
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-color: var(--u-ink);
}
.u-nudge__arrow {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    color: var(--u-amber);
    animation: u-nudge-bob 1s ease-in-out infinite;
}
.u-nudge__x {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, .7);
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
.u-nudge__x:hover,
.u-nudge__x:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}
#order-standard_cart .u-cartbar__btn.u-attn-next,
.u-cartbar__btn.u-attn-next {
    animation: u-attn-ring 1.2s ease-out infinite;
}
@keyframes u-nudge-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes u-nudge-bob {
    0%, 100% {
        transform: translateY(-2px);
    }
    50% {
        transform: translateY(3px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .u-nudge,
    .u-nudge__arrow,
    .u-cartbar__btn.u-attn-next {
        animation: none !important;
    }
}
#order-standard_cart.u-page-addons .u-empty,
#order-standard_cart.u-page-carterror .u-empty {
    margin-left: auto;
    margin-right: auto;
}
#order-standard_cart.u-page-carterror {
    padding-top: 24px;
}

/* Registracija domena: zauzet domen -> "Transfer domena" (prenos sa EPP kodom) */
#order-standard_cart #primaryLookupResult .u-transfer-cta {
    display: none;
    margin-top: 14px;
}
.u-transfer-cta__in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    padding: 12px 14px;
    background: var(--u-blue-50);
    border-radius: var(--u-r-sm);
}
.u-transfer-cta__text {
    flex: 1 1 220px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--u-ink-2);
}
#order-standard_cart .u-transfer-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.u-transfer-cta__btn .u-ico {
    width: 17px;
    height: 17px;
}
@media (max-width: 575px) {
    #order-standard_cart .u-transfer-cta__btn {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* Predlozi domena: dugme sa ikonicom korpe; posle dodavanja zeleno (ranije je ostajalo belo) */
#order-standard_cart .btn-add-to-cart.u-sugbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    white-space: nowrap;
}
#order-standard_cart .u-sugbtn .to-add,
#order-standard_cart .u-sugbtn .loading,
#order-standard_cart .u-sugbtn .added {
    align-items: center;
    gap: 6px;
}
#order-standard_cart .u-sugbtn .to-add {
    display: inline-flex;
}
#order-standard_cart .u-sugbtn .to-add[style*="inline"],
#order-standard_cart .u-sugbtn .loading[style*="inline"],
#order-standard_cart .u-sugbtn .added[style*="inline"] {
    display: inline-flex !important;
}
#order-standard_cart .u-sugbtn .u-btn-label {
    font-weight: inherit;
}
#order-standard_cart .u-sugbtn .u-ico {
    width: 17px;
    height: 17px;
}
#order-standard_cart .u-sugbtn .u-sugbtn__spin {
    animation: u-btn-spin .8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .u-sugbtn .u-sugbtn__spin {
        animation-duration: 2.4s;
    }
}
#order-standard_cart .domain-suggestion .btn-add-to-cart.checkout,
#order-standard_cart .domain-suggestion .btn-add-to-cart.checkout:hover,
#order-standard_cart .domain-suggestion .btn-add-to-cart.checkout:focus {
    color: #fff;
    background: var(--u-green);
    border-color: var(--u-green);
}
@media (max-width: 575px) {
    /* Telefon: naziv domena, cena i dugme u jednom redu; dugme je samo ikonica (tekst ostaje za čitače ekrana) */
    #order-standard_cart .domain-suggestion[style*="display: block"],
    #order-standard_cart .domain-suggestion[style*="display:block"] {
        flex-wrap: nowrap;
        gap: 10px;
        padding: 12px 14px;
    }
    /* Dug naziv se lomi unutar imena, a nastavak (.com, .org.rs) ostaje ceo, odmah iza imena */
    #order-standard_cart .domain-suggestion .u-sugname {
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    #order-standard_cart .domain-suggestion .extension {
        white-space: nowrap;
    }
    #order-standard_cart .domain-suggestion .u-sugname .u-rsrule {
        display: flex;
        width: max-content;
        max-width: 100%;
        margin: 4px 0 0;
        white-space: normal;
    }
    #order-standard_cart .domain-suggestion .promo {
        display: none !important;
    }
    #order-standard_cart .domain-suggestion .actions {
        flex: 0 0 auto;
        gap: 10px;
        padding-left: 6px;
    }
    #order-standard_cart .domain-suggestion .price {
        font-size: 15px;
    }
    #order-standard_cart .btn-add-to-cart.u-sugbtn {
        width: 44px;
        min-width: 44px;
        height: 40px;
        padding: 0;
    }
    #order-standard_cart .u-sugbtn .u-btn-label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    #order-standard_cart .u-sugbtn .u-ico {
        width: 19px;
        height: 19px;
    }
}

/* Učitavanje predloga domena */
#order-standard_cart .u-sugload {
    padding: 16px 20px 18px;
    text-align: left;
}
.u-sugload__text {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--u-ink-2);
}
.u-sugload__spin {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--u-blue-50);
    border-top-color: var(--u-blue);
    border-radius: 50%;
    animation: u-step-spin .8s linear infinite;
}
.u-sugload__rows {
    display: grid;
    gap: 12px;
}
.u-sugload__row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.u-sugload__row i {
    display: block;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(90deg, var(--u-line-2) 0%, #f7f9fc 50%, var(--u-line-2) 100%);
    background-size: 200% 100%;
    animation: u-sug-shimmer 1.3s ease-in-out infinite;
}
.u-sugload__name {
    flex: 0 1 46%;
}
.u-sugload__name.is-short {
    flex-basis: 34%;
}
.u-sugload__name.is-long {
    flex-basis: 54%;
}
.u-sugload__price {
    flex: 0 0 90px;
    margin-left: auto;
}
.u-sugload__row i.u-sugload__btn {
    flex: 0 0 120px;
    height: 34px;
    border-radius: var(--u-r-sm);
}
@keyframes u-sug-shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}
@media (max-width: 575px) {
    .u-sugload__price {
        flex-basis: 70px;
    }
    .u-sugload__row i.u-sugload__btn {
        flex-basis: 44px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .u-sugload__spin,
    .u-sugload__row i {
        animation: none;
    }
}

/* ---------- Plaćanje: lozinka za nalog, e-mail lista, regija (20261020c) ---------- */
/* Lozinka za nalog: sivlja kartica i katanac u gornjem desnom uglu */
#order-standard_cart .u-panel.u-pwbox {
    position: relative;
    background: #ebf0f5;
    border-color: #d3dce7;
}
.u-pwbox__ico {
    position: absolute;
    top: 18px;
    right: 20px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: var(--u-blue);
    background: var(--u-white);
    border: 1px solid #d3dce7;
    border-radius: 12px;
    box-shadow: 0 6px 14px -10px rgba(20, 32, 51, .35);
}
.u-pwbox__ico .u-ico {
    width: 20px;
    height: 20px;
}
#order-standard_cart .u-pwbox .u-section__title {
    padding-right: 56px;
}
#order-standard_cart .u-pwbox .form-control {
    background-color: var(--u-white);
}
#order-standard_cart .u-pwbox .password-strength-meter .progress {
    background: #d6dee8;
}
#order-standard_cart .u-pwbox .generate-password {
    background: var(--u-white);
}
/* E-mail lista: kraće, tekst levo, prekidač Da/Ne desno */
#order-standard_cart .u-panel.u-optin {
    display: flex;
    align-items: center;
    gap: 14px 24px;
    padding: 16px 20px;
}
.u-optin__text {
    flex: 1 1 auto;
    min-width: 0;
}
#order-standard_cart .u-optin__title {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}
#order-standard_cart .u-optin__msg {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--u-muted);
}
.u-optin__switch {
    flex: 0 0 auto;
}
.u-optin__switch .bootstrap-switch {
    margin: 0;
}
/* Regija: izbor iz WHMCS liste (StatesDropdown.js) iste visine i u istom redu kao ostala polja */
#order-standard_cart #stateselect {
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
}

/* ---------- Prazna korpa: animirana ilustracija (includes/empty-cart-art.tpl; 20261020k) ---------- */
.uc-ec{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;overflow:visible}
.uc-ec text{font-family:Manrope,Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:800;text-anchor:middle}

/* korpa: vožnja levo-desno (10s ciklus: 4s vožnja, 1s pauza, 4s nazad, 1s pauza) */
.uc-ec .uc-move{animation:uc-move 10s cubic-bezier(.45,0,.55,1) infinite}
.uc-ec .uc-wheel{transform-box:fill-box;transform-origin:50% 50%;animation:uc-wheel 10s cubic-bezier(.45,0,.55,1) infinite}
.uc-ec .uc-lean{animation:uc-lean 10s ease-in-out infinite}
.uc-ec .uc-bump{animation:uc-bump 10s linear infinite}
.uc-ec .uc-spd-l{opacity:0;animation:uc-spd-l 10s linear infinite}
.uc-ec .uc-spd-r{opacity:0;animation:uc-spd-r 10s linear infinite}

/* rafovi */
.uc-ec .uc-hop{transform-box:fill-box;transform-origin:50% 100%;animation:uc-hop 5s ease-in-out infinite}
.uc-ec .uc-at{transform-box:fill-box;transform-origin:50% 50%;animation:uc-at 6s ease-in-out infinite}
.uc-ec .uc-hover{animation:uc-hover 2.8s ease-in-out infinite alternate}
.uc-ec .uc-hsh{transform-box:fill-box;transform-origin:50% 50%;animation:uc-hsh 2.8s ease-in-out infinite alternate}
.uc-ec .uc-drift{animation:uc-drift 16s ease-in-out infinite alternate}
.uc-ec .uc-led{animation:uc-blink 1.4s steps(1,end) infinite}
.uc-ec .uc-led.uc-slow{animation-duration:2.3s}
.uc-ec .uc-led.uc-fast{animation-duration:.8s}

@keyframes uc-move{0%,90%,100%{transform:translateX(-30px)}40%,50%{transform:translateX(30px)}}
@keyframes uc-wheel{0%,90%,100%{transform:rotate(0deg)}40%,50%{transform:rotate(362deg)}}
@keyframes uc-lean{
  0%{transform:rotate(0deg)}12%{transform:rotate(-2.5deg)}30%{transform:rotate(0deg)}38%{transform:rotate(2deg)}45%{transform:rotate(-.8deg)}50%{transform:rotate(0deg)}
  62%{transform:rotate(2.5deg)}80%{transform:rotate(0deg)}88%{transform:rotate(-2deg)}95%{transform:rotate(.8deg)}100%{transform:rotate(0deg)}}
@keyframes uc-bump{
  0%,4%,8%,12%,16%,20%,24%,28%,32%,36%,40%,50%,54%,58%,62%,66%,70%,74%,78%,82%,86%,90%,100%{transform:translateY(0)}
  2%,6%,10%,14%,18%,22%,26%,30%,34%,38%,52%,56%,60%,64%,68%,72%,76%,80%,84%,88%{transform:translateY(-1.3px)}}
@keyframes uc-spd-l{0%,8%{opacity:0}14%,30%{opacity:1}37%,100%{opacity:0}}
@keyframes uc-spd-r{0%,58%{opacity:0}64%,80%{opacity:1}87%,100%{opacity:0}}
@keyframes uc-hop{
  0%,60%,100%{transform:translateY(0) scale(1,1)}
  66%{transform:translateY(0) scale(1.05,.92)}
  74%{transform:translateY(-8px) scale(.96,1.04)}
  82%{transform:translateY(0) scale(1.05,.93)}
  88%{transform:translateY(0) scale(1,1)}}
@keyframes uc-at{
  0%,60%,100%{transform:translateY(0) rotate(0deg)}
  68%{transform:translateY(-10px) rotate(-12deg)}
  76%{transform:translateY(-10px) rotate(10deg)}
  84%{transform:translateY(0) rotate(0deg)}}
@keyframes uc-hover{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes uc-hsh{from{transform:scale(1);opacity:1}to{transform:scale(.72);opacity:.55}}
@keyframes uc-drift{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
@keyframes uc-blink{0%{opacity:1}50%{opacity:.25}}

@media (prefers-reduced-motion:reduce){.uc-ec *{animation:none!important}}
#order-standard_cart .u-empty .uc-ec {
    margin-bottom: 18px;
}