/* /Components/Admin/Components/AdminDatePicker.razor.rz.scp.css */
.admin-date-picker[b-jg7zqzop7l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    position: relative;
}

.admin-date-picker__label[b-jg7zqzop7l] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.admin-date-picker__button[b-jg7zqzop7l] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-bg-white);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--duration-fast);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-body);
    text-align: left;
    width: 100%;
}

.admin-date-picker__button svg[b-jg7zqzop7l] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.admin-date-picker__button:hover[b-jg7zqzop7l] {
    border-color: var(--color-primary-muted);
    background: var(--color-bg-soft);
}

.admin-date-picker__button:hover svg[b-jg7zqzop7l] {
    color: var(--color-primary);
}

.admin-date-picker__button--open[b-jg7zqzop7l] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-100);
}

.admin-date-picker__button--open svg[b-jg7zqzop7l] {
    color: var(--color-primary);
}

.admin-calendar[b-jg7zqzop7l] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    box-shadow: var(--shadow-lg);
    z-index: 1001;
    width: 280px;
    max-width: calc(100vw - var(--space-8));
}

.admin-calendar-backdrop[b-jg7zqzop7l] {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

@media (max-width: 768px) {
    .admin-calendar[b-jg7zqzop7l] {
        width: calc(100vw - var(--space-8));
        max-width: 320px;
    }
}

.admin-calendar__header[b-jg7zqzop7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.admin-calendar__title[b-jg7zqzop7l] {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    text-transform: capitalize;
}

.admin-calendar__nav[b-jg7zqzop7l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: all var(--duration-fast);
}

.admin-calendar__nav:hover:not(:disabled)[b-jg7zqzop7l] {
    background: var(--color-bg-soft);
    color: var(--color-primary);
}

.admin-calendar__nav:disabled[b-jg7zqzop7l] {
    opacity: 0.3;
    cursor: not-allowed;
}

.admin-calendar__weekdays[b-jg7zqzop7l] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: var(--space-1);
}

.admin-calendar__weekdays span[b-jg7zqzop7l] {
    text-align: center;
    font-size: 14px;
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
    padding: 6px 0;
    text-transform: lowercase;
}

.admin-calendar__days[b-jg7zqzop7l] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.admin-calendar__day[b-jg7zqzop7l] {
    aspect-ratio: 1;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--duration-fast);
    font-family: var(--font-body);
}

.admin-calendar__day:hover:not(:disabled)[b-jg7zqzop7l] {
    background: var(--color-bg-soft);
    color: var(--color-primary);
}

.admin-calendar__day--today[b-jg7zqzop7l] {
    font-weight: var(--weight-bold);
    color: var(--color-primary);
}

.admin-calendar__day--selected[b-jg7zqzop7l] {
    background: var(--color-primary) !important;
    color: white !important;
}

.admin-calendar__day--other-month[b-jg7zqzop7l] {
    color: var(--color-text-muted);
    opacity: 0.4;
}

.admin-calendar__day--disabled[b-jg7zqzop7l] {
    color: var(--color-text-muted);
    opacity: 0.25;
    cursor: not-allowed;
}
/* /Components/Admin/Components/ImageEnhanceModal.razor.rz.scp.css */
.enhance-modal-overlay[b-1isllbr7ow] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: var(--space-4);
}

.enhance-modal[b-1isllbr7ow] {
    background: var(--color-bg-white);
    border-radius: var(--radius-2xl);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-xl);
    transition: max-width var(--duration-normal);
}

.enhance-modal--wide[b-1isllbr7ow] {
    max-width: 800px;
}

.enhance-modal__header[b-1isllbr7ow] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-6);
    border-bottom: 1px solid var(--color-border);
}

.enhance-modal__title[b-1isllbr7ow] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-dark);
    margin: 0;
}

.enhance-modal__close[b-1isllbr7ow] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--color-bg-soft);
    border-radius: var(--radius-full);
    cursor: pointer;
    font-size: var(--text-lg);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast);
}

.enhance-modal__close:hover[b-1isllbr7ow] {
    background: var(--color-border);
    color: var(--color-text-dark);
}

.enhance-modal__body[b-1isllbr7ow] {
    padding: var(--space-6);
    overflow-y: auto;
    flex: 1;
}

.enhance-modal__body--centered[b-1isllbr7ow] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

.enhance-modal__info[b-1isllbr7ow] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.enhance-modal__description[b-1isllbr7ow] {
    color: var(--color-text-body);
    margin: 0;
}

.enhance-modal__model[b-1isllbr7ow] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    background: var(--color-bg-soft);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.enhance-modal__settings[b-1isllbr7ow] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.enhance-toggle[b-1isllbr7ow] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--color-text-body);
}

.enhance-toggle input[b-1isllbr7ow] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.enhance-toggle__slider[b-1isllbr7ow] {
    position: relative;
    width: 40px;
    height: 22px;
    background: var(--color-bg-soft);
    border: 2px solid var(--color-border);
    border-radius: 22px;
    transition: all var(--duration-fast);
}

.enhance-toggle__slider[b-1isllbr7ow]::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: var(--color-text-muted);
    border-radius: 50%;
    transition: all var(--duration-fast);
}

.enhance-toggle input:checked + .enhance-toggle__slider[b-1isllbr7ow] {
    background: var(--color-primary-100);
    border-color: var(--color-primary);
}

.enhance-toggle input:checked + .enhance-toggle__slider[b-1isllbr7ow]::before {
    transform: translateX(18px);
    background: var(--color-primary);
}

.enhance-toggle__label[b-1isllbr7ow] {
    font-weight: var(--weight-medium);
}

.enhance-toggle input:checked ~ .enhance-toggle__label[b-1isllbr7ow] {
    color: var(--color-primary);
}

.enhance-modal__footer[b-1isllbr7ow] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-cream);
}

.enhance-options[b-1isllbr7ow] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.enhance-option[b-1isllbr7ow] {
    display: block;
    cursor: pointer;
}

.enhance-option input[b-1isllbr7ow] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.enhance-option__content[b-1isllbr7ow] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-5);
    background: var(--color-bg-soft);
    border: 2px solid transparent;
    border-radius: var(--radius-xl);
    transition: all var(--duration-fast);
}

.enhance-option:hover .enhance-option__content[b-1isllbr7ow] {
    background: var(--color-bg-warm);
}

.enhance-option--selected .enhance-option__content[b-1isllbr7ow] {
    background: var(--color-primary-100);
    border-color: var(--color-primary);
}

.enhance-option__icon[b-1isllbr7ow] {
    font-size: 2rem;
    line-height: 1;
}

.enhance-option__text[b-1isllbr7ow] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.enhance-option__text strong[b-1isllbr7ow] {
    color: var(--color-text-dark);
    font-size: var(--text-base);
}

.enhance-option__text span[b-1isllbr7ow] {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.enhance-processing[b-1isllbr7ow] {
    text-align: center;
}

.enhance-processing__spinner[b-1isllbr7ow] {
    width: 64px;
    height: 64px;
    border: 4px solid var(--color-bg-soft);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-1isllbr7ow 1s linear infinite;
    margin: 0 auto var(--space-6);
}

@keyframes spin-b-1isllbr7ow {
    to {
        transform: rotate(360deg);
    }
}

.enhance-processing__text[b-1isllbr7ow] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2) 0;
}

.enhance-processing__hint[b-1isllbr7ow] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
}

.enhance-compare[b-1isllbr7ow] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.enhance-compare__item[b-1isllbr7ow] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.enhance-compare__item img[b-1isllbr7ow] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--radius-xl);
    border: 2px solid var(--color-border);
}

.enhance-compare__item--enhanced img[b-1isllbr7ow] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px var(--color-primary-100);
}

.enhance-compare__arrow[b-1isllbr7ow] {
    font-size: 2rem;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.enhance-compare__label[b-1isllbr7ow] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    font-weight: var(--weight-medium);
}

.enhance-compare__label--enhanced[b-1isllbr7ow] {
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
}

.enhance-modal__hint[b-1isllbr7ow] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0 0 var(--space-4) 0;
    text-align: center;
}

.enhance-gallery[b-1isllbr7ow] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: center;
}

.enhance-gallery__item[b-1isllbr7ow] {
    position: relative;
    width: 150px;
    cursor: pointer;
    transition: all var(--duration-fast);
}

.enhance-gallery__item img[b-1isllbr7ow] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--radius-lg);
    border: 3px solid var(--color-border);
    transition: all var(--duration-fast);
}

.enhance-gallery__item:hover img[b-1isllbr7ow] {
    border-color: var(--color-primary-muted);
}

.enhance-gallery__item--selected img[b-1isllbr7ow] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px var(--color-primary-100);
}

.enhance-gallery__label[b-1isllbr7ow] {
    display: block;
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-top: var(--space-2);
    font-weight: var(--weight-medium);
}

.enhance-gallery__item--selected .enhance-gallery__label[b-1isllbr7ow] {
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
}

.enhance-gallery__check[b-1isllbr7ow] {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 28px;
    height: 28px;
    background: var(--color-primary);
    color: white;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.enhance-prompt-editor[b-1isllbr7ow] {
    margin-top: var(--space-6);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-border);
}

.enhance-prompt-editor__label[b-1isllbr7ow] {
    display: block;
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-2);
}

.enhance-prompt-editor__textarea[b-1isllbr7ow] {
    width: 100%;
    padding: var(--space-4);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.5;
    resize: vertical;
    transition: border-color var(--duration-fast);
}

.enhance-prompt-editor__textarea:focus[b-1isllbr7ow] {
    outline: none;
    border-color: var(--color-primary);
}

.enhance-prompt-editor__hint[b-1isllbr7ow] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin: 0;
}

.enhance-prompt-editor__actions[b-1isllbr7ow] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--space-2);
}

.enhance-prompt-editor__saved[b-1isllbr7ow] {
    margin-bottom: var(--space-4);
}

.enhance-prompt-editor__saved-list[b-1isllbr7ow] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.enhance-saved-prompt[b-1isllbr7ow] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    background: var(--color-bg-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    transition: all var(--duration-fast);
}

.enhance-saved-prompt:hover[b-1isllbr7ow] {
    background: var(--color-primary-100);
    border-color: var(--color-primary);
}

.enhance-saved-prompt__text[b-1isllbr7ow] {
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
    background: none;
    border: none;
    font-size: var(--text-sm);
    cursor: pointer;
    color: inherit;
}

.enhance-saved-prompt__delete[b-1isllbr7ow] {
    padding: var(--space-2);
    padding-left: 0;
    background: none;
    border: none;
    font-size: var(--text-xs);
    cursor: pointer;
    color: var(--color-text-muted);
    opacity: 0.6;
    transition: all var(--duration-fast);
}

.enhance-saved-prompt__delete:hover[b-1isllbr7ow] {
    color: var(--color-error);
    opacity: 1;
}

.enhance-save-dialog[b-1isllbr7ow] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.enhance-save-dialog__content[b-1isllbr7ow] {
    background: var(--color-bg-white);
    padding: var(--space-6);
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
    box-shadow: var(--shadow-xl);
}

.enhance-save-dialog__content h3[b-1isllbr7ow] {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--text-lg);
}

.enhance-save-dialog__content .admin-input[b-1isllbr7ow] {
    width: 100%;
    margin-bottom: var(--space-4);
}

.enhance-save-dialog__actions[b-1isllbr7ow] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
}

@media (max-width: 600px) {
    .enhance-compare[b-1isllbr7ow] {
        flex-direction: column;
    }

    .enhance-compare__arrow[b-1isllbr7ow] {
        transform: rotate(90deg);
    }

    .enhance-compare__item img[b-1isllbr7ow] {
        max-width: 200px;
    }

    .enhance-modal--wide[b-1isllbr7ow] {
        max-width: 100%;
    }

    .enhance-modal__footer[b-1isllbr7ow] {
        flex-wrap: wrap;
        gap: var(--space-2);
        padding: var(--space-4);
    }

    .enhance-modal__footer > .admin-btn[b-1isllbr7ow] {
        flex: 1 1 auto;
        min-width: 100px;
        justify-content: center;
        text-align: center;
    }

    .enhance-modal__footer > .admin-btn.admin-btn--ghost[b-1isllbr7ow] {
        flex: 1 1 100%;
        order: 3;
        margin-top: var(--space-2);
    }

    .enhance-modal__footer > div[style*="flex: 1"][b-1isllbr7ow] {
        display: none;
    }

    .enhance-modal__info[b-1isllbr7ow] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: var(--space-4);
    }

    .enhance-modal__settings[b-1isllbr7ow] {
        width: 100%;
        justify-content: flex-start;
        gap: var(--space-3);
        padding: var(--space-3);
        background: var(--color-bg-soft);
        border-radius: var(--radius-md);
        flex-wrap: nowrap;
    }

    .enhance-toggle[b-1isllbr7ow] {
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .enhance-toggle__slider[b-1isllbr7ow] {
        width: 48px;
        height: 26px;
        flex-shrink: 0;
    }

    .enhance-toggle__slider[b-1isllbr7ow]::before {
        width: 18px;
        height: 18px;
    }

    .enhance-toggle input:checked + .enhance-toggle__slider[b-1isllbr7ow]::before {
        transform: translateX(22px);
    }
}
/* /Components/Admin/Layout/AdminSidebar.razor.rz.scp.css */
.admin-sidebar__nav--edit-mode[b-umjv4nav6z] {
    background: var(--color-bg-soft);
    border-radius: var(--radius-lg);
    margin: var(--space-2);
    padding: var(--space-2);
}

.admin-sidebar__item[b-umjv4nav6z] {
    display: flex;
    align-items: center;
}

.admin-sidebar__item--draggable[b-umjv4nav6z] {
    cursor: grab;
    border-radius: var(--radius-md);
    transition: background var(--duration-fast);
}

.admin-sidebar__item--draggable:hover[b-umjv4nav6z] {
    background: var(--color-bg-warm);
}

.admin-sidebar__item--draggable .admin-sidebar__link[b-umjv4nav6z] {
    flex: 1;
}

.admin-sidebar__item--draggable .drag-handle[b-umjv4nav6z] {
    padding: var(--space-2) var(--space-3);
    color: var(--color-text-muted);
    cursor: grab;
    opacity: 0.5;
    transition: opacity var(--duration-fast);
    user-select: none;
}

.admin-sidebar__item--draggable:hover .drag-handle[b-umjv4nav6z] {
    opacity: 1;
}

.admin-sidebar__item--draggable.is-dragging[b-umjv4nav6z] {
    opacity: 0.5;
    background: var(--color-primary-100);
}

.admin-sidebar__item--draggable.drag-over--above[b-umjv4nav6z] {
    box-shadow: inset 0 3px 0 var(--color-primary);
}

.admin-sidebar__item--draggable.drag-over--below[b-umjv4nav6z] {
    box-shadow: inset 0 -3px 0 var(--color-primary);
}

.admin-sidebar__edit-toggle[b-umjv4nav6z] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: all var(--duration-fast);
}

.admin-sidebar__edit-toggle:hover[b-umjv4nav6z] {
    background: var(--color-bg-soft);
    color: var(--color-text-dark);
}

.admin-sidebar__toggle-icon[b-umjv4nav6z] {
    font-size: var(--text-base);
}

.admin-sidebar__reset[b-umjv4nav6z] {
    display: block;
    width: 100%;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    background: none;
    border: none;
    padding: var(--space-2) var(--space-4);
    margin-bottom: var(--space-2);
    cursor: pointer;
    text-align: left;
    text-decoration: underline;
    transition: color var(--duration-fast);
}

.admin-sidebar__reset:hover[b-umjv4nav6z] {
    color: var(--color-text-dark);
}
/* /Components/Admin/Pages/Analytics/Statistics.razor.rz.scp.css */
.metric-toggle[b-ikggotw8cr] {
    display: flex;
    gap: var(--space-1);
}

.metric-toggle__btn[b-ikggotw8cr] {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    border: 1px solid var(--color-border);
    background: var(--color-bg-white);
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--duration-fast);
}

.metric-toggle__btn:hover[b-ikggotw8cr] {
    background: var(--color-bg-soft);
    color: var(--color-text-body);
}

.metric-toggle__btn--active[b-ikggotw8cr] {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

.metric-toggle__btn--active:hover[b-ikggotw8cr] {
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.stat-change[b-ikggotw8cr] {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
}

.stat-change--positive[b-ikggotw8cr] {
    color: var(--color-success);
}

.stat-change--negative[b-ikggotw8cr] {
    color: var(--color-error);
}

.stat-change--neutral[b-ikggotw8cr] {
    color: var(--color-text-muted);
}

.stats-grid[b-ikggotw8cr] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}

.stats-grid--three[b-ikggotw8cr] {
    grid-template-columns: repeat(3, 1fr);
}

.stats-card--wide[b-ikggotw8cr] {
    grid-column: span 1;
}

.chart-container[b-ikggotw8cr] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-2);
    height: 200px;
    padding-top: var(--space-4);
}

.chart-bar-wrapper[b-ikggotw8cr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.chart-bar[b-ikggotw8cr] {
    width: 100%;
    max-width: 40px;
    background: var(--color-primary);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    min-height: 4px;
    transition: all var(--duration-fast);
    cursor: default;
}

.chart-bar:hover[b-ikggotw8cr] {
    background: var(--color-primary-dark);
}

.chart-bar__value[b-ikggotw8cr] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-weight: var(--weight-semibold);
    margin-bottom: var(--space-1);
}

.chart-bar__label[b-ikggotw8cr] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.device-stats[b-ikggotw8cr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.device-stat[b-ikggotw8cr] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.device-stat__icon[b-ikggotw8cr] {
    font-size: 1.5rem;
    width: 40px;
    text-align: center;
}

.device-stat__info[b-ikggotw8cr] {
    display: flex;
    flex-direction: column;
    min-width: 80px;
}

.device-stat__label[b-ikggotw8cr] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.device-stat__value[b-ikggotw8cr] {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    color: var(--color-text-dark);
}

.device-stat__bar[b-ikggotw8cr] {
    flex: 1;
    height: 8px;
    background: var(--color-bg-soft);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.device-stat__fill[b-ikggotw8cr] {
    height: 100%;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    transition: width var(--duration-normal);
}

.device-stat__fill--tablet[b-ikggotw8cr] {
    background: var(--color-primary-muted);
}

.device-stat__fill--mobile[b-ikggotw8cr] {
    background: var(--color-primary-light);
}

.hourly-chart[b-ikggotw8cr] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 120px;
    padding-top: var(--space-4);
}

.hourly-bar-wrapper[b-ikggotw8cr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.hourly-bar[b-ikggotw8cr] {
    width: 100%;
    background: var(--color-bg-soft);
    border-radius: 2px 2px 0 0;
    transition: all var(--duration-fast);
}

.hourly-bar--highlight[b-ikggotw8cr] {
    background: var(--color-primary-muted);
}

.hourly-bar:hover[b-ikggotw8cr] {
    background: var(--color-primary);
}

.hourly-label[b-ikggotw8cr] {
    margin-top: var(--space-1);
    font-size: 10px;
    color: var(--color-text-muted);
}

.hourly-legend[b-ikggotw8cr] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.hourly-legend__item[b-ikggotw8cr] {
    width: 16px;
    height: 16px;
    border-radius: var(--radius-sm);
    background: var(--color-bg-soft);
}

.hourly-legend__item--highlight[b-ikggotw8cr] {
    background: var(--color-primary-muted);
}

@media (max-width: 1024px) {
    .stats-grid[b-ikggotw8cr] {
        grid-template-columns: 1fr;
    }

    .stats-grid--three[b-ikggotw8cr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .chart-container[b-ikggotw8cr] {
        height: 150px;
    }

    .chart-bar__label[b-ikggotw8cr] {
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }

    .metric-toggle__btn[b-ikggotw8cr] {
        padding: var(--space-1) var(--space-2);
        font-size: var(--text-xs);
    }
}
/* /Components/Admin/Pages/Dashboard.razor.rz.scp.css */
.dashboard-grid[b-o4hpb92gak] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}

.revenue-stats[b-o4hpb92gak] {
    display: flex;
    gap: var(--space-8);
}

.revenue-stat[b-o4hpb92gak] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.revenue-stat__label[b-o4hpb92gak] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.revenue-stat__value[b-o4hpb92gak] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-dark);
    font-family: var(--font-heading);
}

.top-rank[b-o4hpb92gak] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    background: var(--color-primary-100);
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.text-warning[b-o4hpb92gak] {
    color: var(--color-warning) !important;
}

@media (max-width: 768px) {
    .dashboard-grid[b-o4hpb92gak] {
        grid-template-columns: 1fr;
    }

    .revenue-stats[b-o4hpb92gak] {
        flex-direction: column;
        gap: var(--space-4);
    }
}
/* /Components/Admin/Pages/Products/Editor/ProductCampaignSection.razor.rz.scp.css */
.campaign-warning[b-ajnov6xh81] {
    color: var(--color-warning, #c4a060);
    display: block;
    margin-top: var(--space-2, 0.5rem);
}

.campaign-info[b-ajnov6xh81] {
    margin-top: var(--space-4, 1rem);
    padding: var(--space-4, 1rem);
    background: var(--color-bg-soft, #f5f1eb);
    border-radius: var(--radius-md, 0.5rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
}

.campaign-info__row[b-ajnov6xh81] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
}

.campaign-info__label[b-ajnov6xh81] {
    font-weight: var(--weight-medium, 500);
    color: var(--color-text-muted, #6b7c6c);
    min-width: 5rem;
}

.campaign-info__value[b-ajnov6xh81] {
    color: var(--color-text-body, #4a5c4b);
}

.status--active[b-ajnov6xh81] {
    color: var(--color-success, #5a8f5a);
    font-weight: var(--weight-semibold, 600);
}

.status--inactive[b-ajnov6xh81] {
    color: var(--color-text-muted, #6b7c6c);
}
/* /Components/Cart/CartDrawer.razor.rz.scp.css */
.cart-drawer-overlay[b-e9xw4168x8] {
    position: fixed;
    inset: 0;
    background: var(--color-overlay-medium);
    z-index: var(--z-modal);
    opacity: 0;
    transition: opacity var(--duration-normal) var(--ease-out);
}

.cart-drawer-overlay--visible[b-e9xw4168x8] {
    opacity: 1;
}

.cart-drawer[b-e9xw4168x8] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    background: var(--color-bg-white);
    z-index: calc(var(--z-modal) + 1);
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-xl);
    transform: translateX(100%);
    transition: transform var(--duration-normal) var(--ease-out);
}

.cart-drawer--open[b-e9xw4168x8] {
    transform: translateX(0);
}

.cart-drawer__header[b-e9xw4168x8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--color-border-light);
}

.cart-drawer__header-content[b-e9xw4168x8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    font-size: var(--text-base);
}

.cart-drawer__check-icon[b-e9xw4168x8] {
    color: var(--color-success);
    flex-shrink: 0;
}

.cart-drawer__close[b-e9xw4168x8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--touch-target-min);
    height: var(--touch-target-min);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-full);
    transition: background var(--duration-fast) var(--ease-out);
}

@media (hover: hover) {
    .cart-drawer__close:hover[b-e9xw4168x8] {
        background: var(--color-bg-warm);
        color: var(--color-text-dark);
    }
}

.cart-drawer__body[b-e9xw4168x8] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-6);
}

.cart-drawer__product[b-e9xw4168x8] {
    display: flex;
    gap: var(--space-4);
    padding-bottom: var(--space-6);
}

.cart-drawer__product-image[b-e9xw4168x8] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-bg-warm);
    flex-shrink: 0;
}

.cart-drawer__product-image img[b-e9xw4168x8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-drawer__product-info[b-e9xw4168x8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.cart-drawer__product-name[b-e9xw4168x8] {
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
}

.cart-drawer__product-size[b-e9xw4168x8] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.cart-drawer__product-price[b-e9xw4168x8] {
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    font-size: var(--text-base);
    margin-top: auto;
}

.cart-drawer__addons[b-e9xw4168x8] {
    border-top: 1px solid var(--color-border-light);
    padding-top: var(--space-6);
}

.cart-drawer__addons-title[b-e9xw4168x8] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.cart-drawer__addon-grid[b-e9xw4168x8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: var(--space-3);
}

.cart-drawer__addon[b-e9xw4168x8] {
    display: flex;
    flex-direction: column;
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    position: relative;
    padding: 0;
    text-align: left;
    font-family: inherit;
    font-size: inherit;
}

@media (hover: hover) {
    .cart-drawer__addon:hover[b-e9xw4168x8] {
        border-color: var(--color-primary-muted);
    }
}

.cart-drawer__addon:active[b-e9xw4168x8] {
    border-color: var(--color-primary-muted);
}

.cart-drawer__addon--selected[b-e9xw4168x8] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-100);
}

.cart-drawer__addon-image[b-e9xw4168x8] {
    aspect-ratio: 1;
    width: 100%;
    background: var(--color-bg-warm);
}

.cart-drawer__addon-image img[b-e9xw4168x8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-drawer__addon-name[b-e9xw4168x8] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    line-height: var(--leading-snug);
    padding: var(--space-2) var(--space-3) 0;
}

.cart-drawer__addon-price[b-e9xw4168x8] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    padding: var(--space-1) var(--space-3) var(--space-3);
}

.cart-drawer__addon-check[b-e9xw4168x8] {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 24px;
    height: 24px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    transform: scale(0.8);
    transition: all var(--duration-fast) var(--ease-out);
}

.cart-drawer__addon--selected .cart-drawer__addon-check[b-e9xw4168x8] {
    opacity: 1;
    transform: scale(1);
}

.cart-drawer__addon-confirmation[b-e9xw4168x8] {
    font-size: var(--text-sm);
    color: var(--color-success);
    font-weight: var(--weight-medium);
    margin: var(--space-3) 0 0;
}

.cart-drawer__footer[b-e9xw4168x8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border-light);
}

.cart-drawer__btn[b-e9xw4168x8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-weight: var(--weight-semibold);
    font-size: var(--text-base);
    font-family: var(--font-body);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    min-height: var(--touch-target-min);
    text-decoration: none;
    border: none;
}

.cart-drawer__btn--primary[b-e9xw4168x8] {
    background: var(--color-primary);
    color: white;
}

@media (hover: hover) {
    .cart-drawer__btn--primary:hover[b-e9xw4168x8] {
        background: var(--color-primary-dark);
    }
}

.cart-drawer__btn--secondary[b-e9xw4168x8] {
    background: transparent;
    color: var(--color-text-body);
    border: 1px solid var(--color-border);
}

@media (hover: hover) {
    .cart-drawer__btn--secondary:hover[b-e9xw4168x8] {
        background: var(--color-bg-warm);
    }
}

@media (min-width: 640px) {
    .cart-drawer__footer[b-e9xw4168x8] {
        flex-direction: row;
    }

    .cart-drawer__btn[b-e9xw4168x8] {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cart-drawer[b-e9xw4168x8],
    .cart-drawer-overlay[b-e9xw4168x8],
    .cart-drawer__addon-check[b-e9xw4168x8] {
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Cart/CartItemRow.razor.rz.scp.css */
.cart-item[b-p5ivc75onz] {
    display: grid;
    grid-template-columns: 80px 1fr auto auto auto;
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.cart-item__image[b-p5ivc75onz] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-bg-warm);
}

.cart-item__image img[b-p5ivc75onz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-item__info[b-p5ivc75onz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.cart-item__name[b-p5ivc75onz] {
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    text-decoration: none;
}

.cart-item__name:hover[b-p5ivc75onz] {
    color: var(--color-primary);
}

.cart-item__size[b-p5ivc75onz] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.cart-item__quantity[b-p5ivc75onz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.qty-btn[b-p5ivc75onz] {
    width: var(--touch-target-min);
    height: var(--touch-target-min);
    border: none;
    border-radius: var(--radius-md);
    background: var(--color-bg-warm);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    color: var(--color-text-dark);
    transition: all var(--duration-fast) var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .qty-btn:hover:not(:disabled)[b-p5ivc75onz] {
        background: var(--color-primary);
        color: white;
    }
}

.qty-btn:active:not(:disabled)[b-p5ivc75onz] {
    background: var(--color-primary);
    color: white;
    transform: scale(0.95);
}

.qty-btn:disabled[b-p5ivc75onz] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cart-item__price[b-p5ivc75onz] {
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    min-width: 80px;
    text-align: right;
}

.cart-item__remove[b-p5ivc75onz] {
    width: var(--touch-target-min);
    height: var(--touch-target-min);
    border: none;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast) var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .cart-item__remove:hover[b-p5ivc75onz] {
        background: var(--color-error);
        color: white;
    }
}

.cart-item__remove:active[b-p5ivc75onz] {
    background: var(--color-error);
    color: white;
    transform: scale(0.95);
}

/* Mobile layout */
@media (max-width: 639px) {
    .cart-item[b-p5ivc75onz] {
        grid-template-columns: 60px 1fr auto;
        grid-template-rows: auto auto;
        gap: var(--space-2) var(--space-3);
    }

    .cart-item__image[b-p5ivc75onz] {
        width: 60px;
        height: 60px;
        grid-row: span 2;
    }

    .cart-item__info[b-p5ivc75onz] {
        grid-column: 2;
    }

    .cart-item__remove[b-p5ivc75onz] {
        grid-row: 1;
        grid-column: 3;
    }

    .cart-item__quantity[b-p5ivc75onz] {
        grid-column: 2;
        grid-row: 2;
    }

    .cart-item__price[b-p5ivc75onz] {
        grid-column: 3;
        grid-row: 2;
        min-width: auto;
    }
}
/* /Components/Cart/CheckoutAddOns.razor.rz.scp.css */
.checkout-addons__intro[b-dexxhw7fgm] {
    margin-bottom: var(--space-4);
    color: var(--color-text-muted);
}

.addon-grid[b-dexxhw7fgm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--space-3);
}

.addon-card[b-dexxhw7fgm] {
    display: flex;
    flex-direction: column;
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    position: relative;
    min-height: 240px;
}

@media (hover: hover) {
    .addon-card:hover[b-dexxhw7fgm] {
        border-color: var(--color-primary-muted);
    }
}

.addon-card:active[b-dexxhw7fgm] {
    border-color: var(--color-primary-muted);
}

.addon-card--selected[b-dexxhw7fgm] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-100);
}

.addon-card__image[b-dexxhw7fgm] {
    aspect-ratio: 1;
    width: 100%;
    background: var(--color-bg-warm);
}

.addon-card__image img[b-dexxhw7fgm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.addon-card__content[b-dexxhw7fgm] {
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex: 1;
}

.addon-card__name[b-dexxhw7fgm] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    line-height: var(--leading-snug);
}

.addon-card__price[b-dexxhw7fgm] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    margin-top: auto;
}

.addon-card__check[b-dexxhw7fgm] {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 28px;
    height: 28px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    transform: scale(0.8);
    transition: all var(--duration-fast) var(--ease-out);
}

.addon-card--selected .addon-card__check[b-dexxhw7fgm] {
    opacity: 1;
    transform: scale(1);
}
/* /Components/Home/CTASection.razor.rz.scp.css */
/* CTASection - Scoped styles */

.cta-section[b-67mqud34ox] {
  background: var(--color-primary);
  padding: var(--space-12) var(--space-6);
}

.cta-section__inner[b-67mqud34ox] {
  max-width: var(--container-md);
  margin: 0 auto;
  text-align: center;
}

.cta-section__content[b-67mqud34ox] { margin-bottom: var(--space-6); }

.cta-section__title[b-67mqud34ox] {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: var(--weight-semibold);
  color: white;
  margin-bottom: var(--space-3);
}

.cta-section__text[b-67mqud34ox] {
  font-size: var(--text-lg);
  color: #ffffff;
  line-height: var(--leading-relaxed);
  max-width: 500px;
  margin: 0 auto var(--space-6);
}

.cta-section__contact[b-67mqud34ox] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.cta-section__phone[b-67mqud34ox] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-6);
  background: white;
  color: var(--color-primary);
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
}

.cta-section__phone:hover[b-67mqud34ox] { transform: translateY(-2px); box-shadow: var(--shadow-lg); color: var(--color-primary); }
.cta-section__hours[b-67mqud34ox] { display: flex; gap: var(--space-4); color: #ffffff; font-size: var(--text-sm); }
.cta-section__sms-note[b-67mqud34ox] { margin: var(--space-3) 0 0; color: #ffffff; font-size: var(--text-xs); }

.cta-section__address[b-67mqud34ox] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: var(--text-sm);
}

/* Responsive */
@media (max-width: 640px) {
  .cta-section__hours[b-67mqud34ox] { flex-direction: column; gap: var(--space-1); }
}
/* /Components/Home/DeliveryChecker.razor.rz.scp.css */
/* DeliveryChecker - Layout styles only (address input styling is in AddressInput.razor.css) */

.delivery-section[b-ptqrjknybv] {
  padding: var(--space-16) var(--space-6);
  background: var(--color-bg-warm);
}

.delivery-checker[b-ptqrjknybv] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  max-width: 1100px;
  margin: 0 auto;
  background: var(--color-bg-white);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .delivery-checker[b-ptqrjknybv] { padding: var(--space-10); }
}

.delivery-checker__content[b-ptqrjknybv] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  text-align: center;
}

.delivery-checker__title[b-ptqrjknybv] {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--weight-semibold);
  color: var(--color-text-dark);
}

.delivery-checker__text[b-ptqrjknybv] {
  color: var(--color-text-body);
  line-height: var(--leading-relaxed);
}

.delivery-checker__input-wrapper[b-ptqrjknybv] {
  margin-top: var(--space-2);
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.delivery-checker__map[b-ptqrjknybv] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.delivery-checker__image[b-ptqrjknybv] {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  margin: 0 auto;
}

.delivery-info[b-ptqrjknybv] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2) var(--space-4);
  padding-top: var(--space-2);
  margin-top: var(--space-2);
}

.delivery-info__item[b-ptqrjknybv] {
  color: var(--color-text-body);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
  line-height: var(--leading-snug);
}

.delivery-info__item + .delivery-info__item[b-ptqrjknybv]::before {
  content: "·";
  margin-right: var(--space-4);
  color: var(--color-primary-muted);
}
/* /Components/Home/FeaturedProducts.razor.rz.scp.css */
/* FeaturedProducts - Scoped styles */

.products[b-480l1vhhsp] {
  padding: var(--space-16) var(--space-6);
  background: var(--color-bg-white);
}

.products__grid[b-480l1vhhsp] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-5);
  max-width: var(--container-xl);
  margin: 0 auto;
}

@media (min-width: 768px) { .products__grid[b-480l1vhhsp] { grid-template-columns: repeat(4, 1fr); gap: var(--space-6); } }

.product-card[b-480l1vhhsp] {
  position: relative;
  background: var(--color-bg-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  transition: transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);
  display: flex;
  flex-direction: column;
}

.product-card:hover[b-480l1vhhsp] { transform: translateY(-4px); box-shadow: var(--shadow-md); }

.product-card__badge[b-480l1vhhsp] {
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
  z-index: 2;
  padding: var(--space-1) var(--space-3);
  background: var(--color-primary);
  color: white;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.product-card__image[b-480l1vhhsp] { display: block; aspect-ratio: 1; overflow: hidden; }

.product-card__image img[b-480l1vhhsp] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-slow) var(--ease-out);
}

.product-card:hover .product-card__image img[b-480l1vhhsp] { transform: scale(1.05); }

.product-card__image-placeholder[b-480l1vhhsp] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-bg-warm) 0%, var(--color-bg-soft) 100%);
  color: var(--color-primary-muted);
  transition: transform var(--duration-slow) var(--ease-out);
}

.product-card:hover .product-card__image-placeholder[b-480l1vhhsp] { transform: scale(1.05); }

.product-card__body[b-480l1vhhsp] {
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-card__title[b-480l1vhhsp] {
  display: block;
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: var(--weight-medium);
  color: var(--color-text-dark);
  text-decoration: none;
  margin-bottom: var(--space-1);
  transition: color var(--duration-fast) var(--ease-out);
}

.product-card__title:hover[b-480l1vhhsp] { color: var(--color-primary); }

.product-card__description[b-480l1vhhsp] {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height: var(--leading-normal);
  margin-bottom: var(--space-3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.product-card__footer[b-480l1vhhsp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: auto;
}

.product-card__price[b-480l1vhhsp] { font-size: var(--text-sm); color: var(--color-text-body); }
.product-card__price strong[b-480l1vhhsp] { font-size: var(--text-lg); font-weight: var(--weight-semibold); color: var(--color-text-dark); }

.product-card__add[b-480l1vhhsp] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-warm);
  border: none;
  border-radius: var(--radius-md);
  color: var(--color-primary);
  cursor: pointer;
  transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
}

@media (hover: hover) {
  .product-card__add:hover[b-480l1vhhsp] { background: var(--color-primary); color: white; }
}

.product-card__add:active[b-480l1vhhsp] { background: var(--color-primary); color: white; transform: scale(0.95); }

/* Skeleton loading styles */
.product-card--skeleton[b-480l1vhhsp] {
  pointer-events: none;
}

.product-card--skeleton .product-card__image[b-480l1vhhsp] {
  background: var(--color-bg-soft);
}

.skeleton-pulse[b-480l1vhhsp] {
  animation: skeleton-pulse-b-480l1vhhsp 1.5s ease-in-out infinite;
}

.skeleton-text[b-480l1vhhsp] {
  height: 1rem;
  border-radius: var(--radius-sm);
  background: var(--color-bg-soft);
  margin-bottom: var(--space-2);
}

.skeleton-text--short[b-480l1vhhsp] {
  width: 60%;
}

@keyframes skeleton-pulse-b-480l1vhhsp {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
/* /Components/Home/HeroSection.razor.rz.scp.css */
/* HeroSection - Full-screen hero med baggrundsbillede */

.hero[b-2nf0jefcjq] {
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 180px;
}

.hero__background[b-2nf0jefcjq] {
    position: absolute;
    inset: 0;
    background-image: url('/images/hero-meadow.jpg');
    background-image: image-set(
        url('/images/hero-meadow.webp') type('image/webp'),
        url('/images/hero-meadow.jpg') type('image/jpeg')
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero__content[b-2nf0jefcjq] {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: var(--space-8) var(--space-6);
    max-width: 900px;
    margin-top: -8vh;
}

.hero__badge[b-2nf0jefcjq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-5);
    background: rgba(255, 255, 255, 0.92);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    color: var(--color-primary);
    font-weight: var(--weight-medium);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: var(--space-8);
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.1s both;
}

.hero__badge svg[b-2nf0jefcjq] {
    flex-shrink: 0;
}

.hero__title[b-2nf0jefcjq] {
    font-family: var(--font-heading);
    font-size: clamp(3rem, 8vw, 5.5rem);
    font-weight: var(--weight-normal);
    line-height: 1.1;
    color: var(--color-text-dark);
    margin-bottom: var(--space-2);
    letter-spacing: -0.02em;
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.2s both;
}

.hero__title-accent[b-2nf0jefcjq] {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: clamp(2rem, 6vw, 4rem);
    font-style: italic;
    font-weight: var(--weight-normal);
    color: var(--color-primary);
    margin-bottom: var(--space-6);
    letter-spacing: 0.02em;
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.3s both;
}

.hero__subtitle[b-2nf0jefcjq] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-6);
    max-width: 550px;
    margin-inline: auto;
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.4s both;
}

.hero__delivery-promise[b-2nf0jefcjq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: rgba(255, 255, 255, 0.88);
    border-radius: var(--radius-full);
    color: var(--color-text-body);
    font-size: var(--text-base);
    margin-bottom: var(--space-10);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.5s both;
}

.hero__delivery-promise svg[b-2nf0jefcjq] {
    color: var(--color-primary-muted);
    flex-shrink: 0;
}

.hero__actions[b-2nf0jefcjq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: center;
    animation: fadeInUp-b-2nf0jefcjq 0.8s var(--ease-out) 0.6s both;
}

.hero__btn[b-2nf0jefcjq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-10);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.1em;
    text-decoration: none;
    border-radius: var(--radius-full);
    transition: all var(--duration-normal) var(--ease-out);
    min-width: 220px;
}

.hero__btn--primary[b-2nf0jefcjq] {
    background: var(--color-primary);
    color: white;
    box-shadow: 0 4px 14px rgba(74, 124, 63, 0.3);
}

.hero__btn--secondary[b-2nf0jefcjq] {
    background: var(--color-primary);
    color: white;
    box-shadow: 0 4px 14px rgba(74, 124, 63, 0.3);
}

@media (hover: hover) {
    .hero__btn--primary:hover[b-2nf0jefcjq] {
        background: var(--color-primary-dark);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(74, 124, 63, 0.4);
    }

    .hero__btn--secondary:hover[b-2nf0jefcjq] {
        background: var(--color-primary-dark);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(74, 124, 63, 0.4);
    }
}

.hero__btn--primary:active[b-2nf0jefcjq],
.hero__btn--secondary:active[b-2nf0jefcjq] {
    background: var(--color-primary-dark);
    transform: scale(0.98);
}

/* Wave and scroll indicator */
.hero__wave[b-2nf0jefcjq] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.hero__wave svg[b-2nf0jefcjq] {
    width: 100%;
    height: 180px;
    display: block;
}

.hero__scroll-indicator[b-2nf0jefcjq] {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: 0.2em;
    animation: fadeIn-b-2nf0jefcjq 1s var(--ease-out) 1s both;
    z-index: 4;
}

.hero__scroll-line[b-2nf0jefcjq] {
    width: 1px;
    height: 30px;
    background: var(--color-primary-muted);
    animation: scrollPulse-b-2nf0jefcjq 2s ease-in-out infinite;
}

@keyframes scrollPulse-b-2nf0jefcjq {
    0%, 100% {
        opacity: 0.4;
        transform: scaleY(1);
    }
    50% {
        opacity: 1;
        transform: scaleY(1.15);
    }
}

@keyframes fadeInUp-b-2nf0jefcjq {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn-b-2nf0jefcjq {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Trust Bar */
.trust-bar[b-2nf0jefcjq] {
    background: var(--color-bg-warm);
    padding: var(--space-16) var(--space-6) 0;
}

.trust-bar__inner[b-2nf0jefcjq] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-4);
    background: var(--color-primary);
    padding: var(--space-4) var(--space-8);
    border-radius: var(--radius-xl);
}

.trust-bar__item[b-2nf0jefcjq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: #ffffff;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    padding: var(--space-2) var(--space-3);
}

.trust-bar__item svg[b-2nf0jefcjq] {
    flex-shrink: 0;
    opacity: 0.85;
}

.trust-bar__divider[b-2nf0jefcjq] {
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
}

@media (min-width: 769px) and (max-width: 1024px) {
    .trust-bar[b-2nf0jefcjq] {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .hero[b-2nf0jefcjq] {
        min-height: 100svh;
        padding-bottom: 150px;
    }

    .hero__content[b-2nf0jefcjq] {
        padding: var(--space-6) var(--space-4);
        margin-top: 0;
    }

    .hero__badge[b-2nf0jefcjq] {
        margin-bottom: var(--space-5);
    }

    .hero__title[b-2nf0jefcjq] {
        font-size: clamp(2.5rem, 10vw, 3.5rem);
    }

    .hero__title-accent[b-2nf0jefcjq] {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
    }

    .hero__actions[b-2nf0jefcjq] {
        flex-direction: column;
        align-items: center;
    }

    .hero__btn[b-2nf0jefcjq] {
        width: 100%;
        max-width: 300px;
    }

    .hero__wave svg[b-2nf0jefcjq] {
        height: 150px;
    }

    .hero__scroll-indicator[b-2nf0jefcjq] {
        bottom: 12px;
        font-size: 0.6rem;
        letter-spacing: 0.15em;
    }

    .hero__scroll-line[b-2nf0jefcjq] {
        height: 22px;
    }

    .trust-bar__inner[b-2nf0jefcjq] {
        flex-direction: column;
        gap: var(--space-2);
    }

    .trust-bar__divider[b-2nf0jefcjq] {
        display: none;
    }
}

@media (max-width: 480px) {
    .hero[b-2nf0jefcjq] {
        padding-bottom: 120px;
    }

    .hero__badge[b-2nf0jefcjq] {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-xs);
    }

    .hero__delivery-promise[b-2nf0jefcjq] {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
    }

    .hero__subtitle[b-2nf0jefcjq] {
        font-size: var(--text-base);
    }

    .hero__wave svg[b-2nf0jefcjq] {
        height: 120px;
    }
}

/* Height-based media queries for short viewports */
@media (max-height: 900px) and (min-width: 769px) {
    .hero__content[b-2nf0jefcjq] {
        margin-top: 0;
    }
}

@media (max-height: 700px) and (min-width: 769px) {
    .hero[b-2nf0jefcjq] {
        padding-bottom: 120px;
    }

    .hero__content[b-2nf0jefcjq] {
        margin-top: 0;
    }

    .hero__wave svg[b-2nf0jefcjq] {
        height: 120px;
    }

    .hero__scroll-indicator[b-2nf0jefcjq] {
        bottom: 20px;
    }

    .hero__scroll-line[b-2nf0jefcjq] {
        height: 20px;
    }
}

@media (max-height: 550px) and (min-width: 769px) {
    .hero[b-2nf0jefcjq] {
        padding-bottom: 80px;
    }

    .hero__content[b-2nf0jefcjq] {
        margin-top: 0;
        padding: var(--space-4) var(--space-6);
    }

    .hero__badge[b-2nf0jefcjq] {
        margin-bottom: var(--space-4);
    }

    .hero__title[b-2nf0jefcjq] {
        font-size: clamp(2.5rem, 6vw, 4rem);
    }

    .hero__title-accent[b-2nf0jefcjq] {
        font-size: clamp(1.75rem, 5vw, 3rem);
        margin-bottom: var(--space-3);
    }

    .hero__subtitle[b-2nf0jefcjq] {
        display: none;
    }

    .hero__delivery-promise[b-2nf0jefcjq] {
        margin-bottom: var(--space-4);
    }

    .hero__wave svg[b-2nf0jefcjq] {
        height: 80px;
    }

    .hero__scroll-indicator[b-2nf0jefcjq] {
        bottom: 8px;
        font-size: 0.55rem;
    }

    .hero__scroll-line[b-2nf0jefcjq] {
        height: 16px;
    }
}

/* Mobile landscape */
@media (max-height: 500px) and (max-width: 768px) {
    .hero[b-2nf0jefcjq] {
        padding-bottom: 20px;
        min-height: 100vh;
        padding-top: 60px;
    }

    .hero__content[b-2nf0jefcjq] {
        margin-top: 0;
        padding: var(--space-2) var(--space-4);
    }

    .hero__badge[b-2nf0jefcjq] {
        display: none;
    }

    .hero__title[b-2nf0jefcjq] {
        font-size: clamp(1.5rem, 5vw, 1.75rem);
        margin-bottom: 0;
    }

    .hero__title-accent[b-2nf0jefcjq] {
        font-size: clamp(1.25rem, 4vw, 1.5rem);
        margin-bottom: var(--space-2);
    }

    .hero__subtitle[b-2nf0jefcjq] {
        display: none;
    }

    .hero__delivery-promise[b-2nf0jefcjq] {
        display: none;
    }

    .hero__actions[b-2nf0jefcjq] {
        flex-direction: row !important;
        gap: var(--space-2);
    }

    .hero__btn[b-2nf0jefcjq] {
        width: auto !important;
        min-width: auto;
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-xs);
    }

    .hero__wave[b-2nf0jefcjq] {
        display: none;
    }

    .hero__scroll-indicator[b-2nf0jefcjq] {
        display: none;
    }
}
/* /Components/Home/VacationNotice.razor.rz.scp.css */
.vacation-notice[b-kpk99ph1lt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    text-align: center;
    background: var(--color-bg-warm);
    color: var(--color-text-dark);
    border-bottom: 1px solid var(--color-border);
}

.vacation-notice__icon[b-kpk99ph1lt] {
    flex-shrink: 0;
    color: var(--color-primary);
}

.vacation-notice__text[b-kpk99ph1lt] {
    line-height: 1.4;
}

@media (max-width: 639px) {
    .vacation-notice[b-kpk99ph1lt] {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}
/* /Components/Home/WhyUsSection.razor.rz.scp.css */
/* WhyUsSection - Scoped styles */

.why-us[b-o7682wn4k9] {
  padding: var(--space-16) var(--space-6);
  background: var(--color-bg-cream);
}

.why-us__grid[b-o7682wn4k9] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  max-width: var(--container-lg);
  margin: 0 auto var(--space-10);
}

@media (min-width: 768px) { .why-us__grid[b-o7682wn4k9] { grid-template-columns: repeat(3, 1fr); } }

.why-card[b-o7682wn4k9] {
  text-align: center;
  padding: var(--space-6);
  background: var(--color-bg-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.why-card__icon[b-o7682wn4k9] {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-4);
  background: var(--color-bg-cream);
  border-radius: var(--radius-lg);
  color: var(--color-primary);
}

.why-card__title[b-o7682wn4k9] {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
  color: var(--color-text-dark);
  margin-bottom: var(--space-3);
}

.why-card__text[b-o7682wn4k9] {
  font-size: var(--text-base);
  color: var(--color-text-body);
  line-height: var(--leading-relaxed);
}

.why-us__cta[b-o7682wn4k9] { text-align: center; }
.why-us__cta p[b-o7682wn4k9] { color: var(--color-text-muted); margin-bottom: var(--space-4); }
/* /Components/Layout/Footer.razor.rz.scp.css */
/* Footer - Scoped styles */

.footer[b-nrct2hyczl] {
  background: #345230;
  color: var(--color-light-text);
  padding: var(--space-16) var(--space-6) var(--space-8);
}

.footer__inner[b-nrct2hyczl] {
  max-width: var(--container-xl);
  margin: 0 auto;
}

.footer__grid[b-nrct2hyczl] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10);
  margin-bottom: var(--space-12);
}

@media (min-width: 768px) {
  .footer__grid[b-nrct2hyczl] {
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: var(--space-8);
  }
}

/* Brand */
.footer__brand[b-nrct2hyczl] {
  max-width: 280px;
}

.footer__logo[b-nrct2hyczl] {
  display: inline-block;
  margin-bottom: var(--space-4);
}

.footer__logo img[b-nrct2hyczl] {
  height: 48px;
  filter: brightness(0) invert(1);
}

.footer__tagline[b-nrct2hyczl] {
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  color: var(--color-light-text);
  margin-bottom: var(--space-5);
}

.footer__social[b-nrct2hyczl] {
  display: flex;
  gap: var(--space-3);
}

.social-icon[b-nrct2hyczl] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-light-divider);
  border-radius: var(--radius-lg);
  color: #ffffff;
  transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
}

.social-icon:hover[b-nrct2hyczl] {
  background: var(--color-primary);
  color: white;
}

/* Columns */
.footer__column h2[b-nrct2hyczl] {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: white;
  margin-bottom: var(--space-4);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.footer__column ul[b-nrct2hyczl] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__column li[b-nrct2hyczl] {
  margin-bottom: var(--space-2);
}

.footer__column a[b-nrct2hyczl] {
  font-size: var(--text-sm);
  color: var(--color-light-text);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.footer__column a:hover[b-nrct2hyczl] {
  color: white;
}

/* Contact */
.footer__contact address[b-nrct2hyczl] {
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-light-border);
}

.footer__contact p[b-nrct2hyczl] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-light-text);
  line-height: 1.2;
}

.footer__contact strong[b-nrct2hyczl] {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  color: var(--color-light-text);
  letter-spacing: var(--tracking-wide);
  margin-bottom: 2px;
  line-height: 1;
}

.footer__contact a[b-nrct2hyczl] {
  font-size: var(--text-base);
  color: #ffffff;
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.footer__contact a:hover[b-nrct2hyczl] {
  color: white;
  text-decoration: underline;
}

/* Bottom */
.footer__bottom[b-nrct2hyczl] {
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-light-divider);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  text-align: center;
}

@media (min-width: 768px) {
  .footer__bottom[b-nrct2hyczl] {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.footer__payment[b-nrct2hyczl] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.footer__payment span[b-nrct2hyczl] {
  font-size: var(--text-xs);
  color: var(--color-light-text);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.payment-label[b-nrct2hyczl] {
  font-size: var(--text-xs);
  color: var(--color-light-text);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.payment-icons[b-nrct2hyczl] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.payment-icons li[b-nrct2hyczl] {
  display: flex;
  align-items: center;
}

.payment-icons img[b-nrct2hyczl] {
  height: 20px;
  width: auto;
  filter: grayscale(30%) brightness(1.1);
  opacity: 0.9;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.icon-visa[b-nrct2hyczl] { height: 24px; }
.icon-mastercard[b-nrct2hyczl] { height: 26px; }
.icon-dankort[b-nrct2hyczl] { height: 20px; }
.icon-mobilepay[b-nrct2hyczl] { height: 24px; }
.icon-applepay[b-nrct2hyczl] { height: 20px; }
.icon-googlepay[b-nrct2hyczl] { height: 32px; }

@media (hover: hover) and (pointer: fine) {
  .payment-icons img:hover[b-nrct2hyczl] {
    filter: grayscale(0%);
    opacity: 1;
  }
}

@media (hover: none) {
  .payment-icons img[b-nrct2hyczl] {
    filter: grayscale(0%);
    opacity: 0.85;
  }
}

.footer__copyright[b-nrct2hyczl] {
  font-size: var(--text-sm);
  color: var(--color-light-text);
}

.footer__copyright a[b-nrct2hyczl] {
  color: var(--color-light-text);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.footer__copyright a:hover[b-nrct2hyczl] {
  color: white;
}

.footer__cookie-settings[b-nrct2hyczl] {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: var(--color-light-text);
  text-decoration: none;
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease-out);
}

.footer__cookie-settings:hover[b-nrct2hyczl] {
  color: white;
}

/* Opening Hours */
.footer__hours[b-nrct2hyczl] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.footer__hours strong[b-nrct2hyczl] {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  color: var(--color-light-text);
  letter-spacing: var(--tracking-wide);
  margin-bottom: 4px;
  line-height: 1;
}

.footer__hours span[b-nrct2hyczl] {
  font-size: var(--text-sm);
  color: var(--color-light-text);
  line-height: 1.4;
}

.footer__hours-closed[b-nrct2hyczl] {
  color: var(--color-light-text);
}
/* /Components/Layout/Header.razor.rz.scp.css */
/* ==========================================================================
   Header - Botanical Greenhouse Elegance
   Premium florist header med karakter og dybde
   ========================================================================== */

.header[b-mohm3ywvmw] {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);

    /* Layered background med subtil dybde */
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.97) 0%,
            rgba(250, 248, 245, 0.95) 100%
        );

    /* Elegant botanisk border i bunden */
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg,
        transparent 0%,
        rgba(74, 124, 63, 0.15) 20%,
        rgba(74, 124, 63, 0.3) 50%,
        rgba(74, 124, 63, 0.15) 80%,
        transparent 100%
    ) 1;

    /* Dybe, lagdelte skygger */
    box-shadow:
        0 1px 0 rgba(74, 124, 63, 0.08),
        0 4px 12px rgba(44, 62, 45, 0.04),
        0 8px 32px rgba(44, 62, 45, 0.06);

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* Raffineret top-accent - tynd men synlig */
.header[b-mohm3ywvmw]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        var(--color-primary-muted) 0%,
        var(--color-primary) 50%,
        var(--color-primary-muted) 100%
    );
    opacity: 0.85;
}

.header__inner[b-mohm3ywvmw] {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: var(--space-4) var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-8);
    position: relative;
}

/* ==========================================================================
   Logo - Naturligt integreret uden synlig ramme
   ========================================================================== */

.header__logo[b-mohm3ywvmw] {
    flex-shrink: 0;
    position: relative;
    padding: var(--space-2) var(--space-4);

    /* Transparent - blender med header baggrund */
    background: transparent;
    border: none;

    transition: transform 0.3s var(--ease-out), opacity 0.3s var(--ease-out);
}

/* Subtil organisk hover - blød løft */
.header__logo:hover[b-mohm3ywvmw] {
    transform: translateY(-1px);
}

.header__logo img[b-mohm3ywvmw] {
    height: 40px;
    width: auto;
    aspect-ratio: 177 / 108;
    display: block;
    transition: filter 0.3s var(--ease-out);
}

/* Subtil brightness boost ved hover */
.header__logo:hover img[b-mohm3ywvmw] {
    filter: brightness(1.05);
}

/* ==========================================================================
   Navigation - Raffineret med botaniske accenter
   ========================================================================== */

.header__nav[b-mohm3ywvmw] {
    display: none;
    align-items: center;
    gap: var(--space-1);

    /* Subtil separator fra logo */
    padding-left: var(--space-6);
    margin-left: var(--space-2);
    border-left: 1px solid rgba(74, 124, 63, 0.12);
}

@media (min-width: 1024px) {
    .header__nav[b-mohm3ywvmw] {
        display: flex;
    }
}

/* Nav links - Elegant serif touch */
.nav-link[b-mohm3ywvmw] {
    position: relative;
    padding: var(--space-3) var(--space-4);

    /* Brug heading font for elegance */
    font-family: var(--font-heading);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    letter-spacing: 0.02em;

    color: var(--color-text-dark);
    text-decoration: none;

    transition: all 0.35s var(--ease-out);
}

/* Botanisk blad-inspireret underline */
.nav-link[b-mohm3ywvmw]::before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border-radius: 50% 50% 50% 0;
    transform: translateX(-50%) rotate(-45deg) scale(0);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.nav-link[b-mohm3ywvmw]::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: 0;
    height: 1.5px;
    background: linear-gradient(90deg,
        transparent,
        var(--color-primary) 20%,
        var(--color-primary) 80%,
        transparent
    );
    transform: translateX(-50%);
    transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.nav-link:hover[b-mohm3ywvmw] {
    color: var(--color-primary);
}

.nav-link:hover[b-mohm3ywvmw]::before {
    transform: translateX(-50%) rotate(-45deg) scale(1);
    opacity: 1;
    bottom: 4px;
    left: calc(50% - 20px);
}

.nav-link:hover[b-mohm3ywvmw]::after {
    width: 60%;
}

/* ==========================================================================
   Actions - Søg & Kurv med personlighed
   ========================================================================== */

.header__actions[b-mohm3ywvmw] {
    display: flex;
    align-items: center;
    gap: var(--space-4);

    /* Separator fra navigation */
    padding-left: var(--space-6);
    margin-left: var(--space-2);
    border-left: 1px solid rgba(74, 124, 63, 0.12);
}

/* ==========================================================================
   Søgefelt - Organisk og indbydende
   ========================================================================== */

.header__search-wrapper[b-mohm3ywvmw] {
    position: relative;
    display: none;
}

@media (min-width: 768px) {
    .header__search-wrapper[b-mohm3ywvmw] {
        display: block;
    }
}

.header__search-form[b-mohm3ywvmw] {
    display: flex;
    align-items: center;
    position: relative;
}

.header__search-input[b-mohm3ywvmw] {
    width: 180px;
    padding: var(--space-3) var(--space-4);
    padding-right: var(--space-12);

    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-dark);

    /* Ghost styling - subtil og diskret */
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-full);

    outline: none;
    transition: all 0.3s var(--ease-out);
}

.header__search-input[b-mohm3ywvmw]::placeholder {
    color: var(--color-text-muted);
}

.header__search-input:hover[b-mohm3ywvmw] {
    background: rgba(74, 124, 63, 0.04);
}

.header__search-input:focus[b-mohm3ywvmw] {
    background: var(--color-bg-cream);
    border-color: rgba(74, 124, 63, 0.2);
    box-shadow: 0 2px 8px rgba(74, 124, 63, 0.08);
}

.header__search-btn[b-mohm3ywvmw] {
    position: absolute;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;

    background: transparent;
    border: none;
    border-radius: var(--radius-full);
    color: var(--color-text-muted);

    cursor: pointer;
    transition: all 0.3s var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

.header__search-btn:hover[b-mohm3ywvmw] {
    color: var(--color-primary);
}

/* Søgeforslag dropdown */
.header__search-suggestions[b-mohm3ywvmw] {
    position: absolute;
    top: calc(100% + var(--space-3));
    left: 0;
    min-width: 300px;

    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(74, 124, 63, 0.15);

    box-shadow:
        0 4px 6px rgba(44, 62, 45, 0.04),
        0 12px 40px rgba(44, 62, 45, 0.12);

    overflow: hidden;
    z-index: var(--z-dropdown);
    animation: dropdownReveal-b-mohm3ywvmw 0.3s var(--ease-out);
}

@keyframes dropdownReveal-b-mohm3ywvmw {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.search-suggestion[b-mohm3ywvmw] {
    display: block;
    padding: var(--space-3) var(--space-4);
    text-decoration: none;
    color: var(--color-text-body);
    border-left: 3px solid transparent;
    transition: all 0.25s var(--ease-out);
}

.search-suggestion:hover[b-mohm3ywvmw],
.search-suggestion.selected[b-mohm3ywvmw] {
    background: linear-gradient(90deg,
        rgba(74, 124, 63, 0.08) 0%,
        rgba(74, 124, 63, 0.03) 100%
    );
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    padding-left: var(--space-5);
}

.search-suggestion__name[b-mohm3ywvmw] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.search-suggestion--all[b-mohm3ywvmw] {
    background: var(--color-bg-cream);
    border-top: 1px solid rgba(74, 124, 63, 0.1);
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    text-align: center;
    border-left: none;
}

.search-suggestion--all:hover[b-mohm3ywvmw] {
    background: var(--color-primary);
    color: white;
    padding-left: var(--space-4);
}

/* ==========================================================================
   Kurv-knap - Dual State Design
   Tom: Ghost/minimal som nav-links
   Med varer: Subtil botanisk fremhævning
   ========================================================================== */

.header__cart[b-mohm3ywvmw] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);

    /* Tom tilstand: Ghost styling - matcher nav-links */
    background: transparent;
    border: 1.5px solid transparent;
    border-radius: var(--radius-lg);

    color: var(--color-text-body);
    text-decoration: none;
    cursor: pointer;

    /* Bløde state transitions */
    transition:
        background 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.3s ease,
        transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.4s ease;
}

/* Tom tilstand hover - subtil bekræftelse */
.header__cart:hover[b-mohm3ywvmw] {
    color: var(--color-primary);
    background: rgba(74, 124, 63, 0.04);
}

.header__cart:active[b-mohm3ywvmw] {
    transform: scale(0.97);
}

/* Ikon styling */
.header__cart svg[b-mohm3ywvmw] {
    width: 20px;
    height: 20px;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.header__cart:hover svg[b-mohm3ywvmw] {
    transform: translateY(-1px);
}

/* Tekst styling */
.header__cart-text[b-mohm3ywvmw] {
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    letter-spacing: 0.02em;
    display: none;
}

@media (min-width: 640px) {
    .header__cart-text[b-mohm3ywvmw] {
        display: inline;
    }
}

/* ==========================================================================
   MED VARER TILSTAND - Botanisk Bloom
   ========================================================================== */

.header__cart.has-items[b-mohm3ywvmw] {
    /* Subtil botanisk container */
    background: linear-gradient(
        135deg,
        rgba(74, 124, 63, 0.08) 0%,
        rgba(74, 124, 63, 0.05) 100%
    );
    border-color: rgba(74, 124, 63, 0.2);
    color: var(--color-primary-dark);
    padding: var(--space-2) var(--space-4);
}

.header__cart.has-items:hover[b-mohm3ywvmw] {
    background: linear-gradient(
        135deg,
        rgba(74, 124, 63, 0.14) 0%,
        rgba(74, 124, 63, 0.08) 100%
    );
    border-color: rgba(74, 124, 63, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(74, 124, 63, 0.12);
}

.header__cart.has-items svg[b-mohm3ywvmw] {
    color: var(--color-primary);
}

/* ==========================================================================
   BADGE - Organisk Accent
   ========================================================================== */

.cart-badge[b-mohm3ywvmw] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;

    background: var(--color-primary);
    color: white;

    font-size: 10px;
    font-weight: var(--weight-bold);
    line-height: 1;

    border-radius: var(--radius-full);
    border: 2px solid var(--color-bg-cream);

    display: flex;
    align-items: center;
    justify-content: center;

    /* Blød entrance */
    animation: badgeBloom-b-mohm3ywvmw 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

    box-shadow: 0 2px 8px rgba(74, 124, 63, 0.35);
}

@keyframes badgeBloom-b-mohm3ywvmw {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Badge hover state */
.header__cart.has-items:hover .cart-badge[b-mohm3ywvmw] {
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(74, 124, 63, 0.4);
}

/* ==========================================================================
   MOBIL REFINEMENTS
   ========================================================================== */

@media (max-width: 639px) {
    .header__cart[b-mohm3ywvmw] {
        padding: var(--space-2);
    }

    .header__cart.has-items[b-mohm3ywvmw] {
        padding: var(--space-2) var(--space-3);
    }

    .cart-badge[b-mohm3ywvmw] {
        top: -4px;
        right: -4px;
        min-width: 16px;
        height: 16px;
        font-size: 9px;
    }
}

/* ==========================================================================
   Mobil menu knap
   ========================================================================== */

.header__menu[b-mohm3ywvmw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;

    background: rgba(74, 124, 63, 0.06);
    border: 1px solid rgba(74, 124, 63, 0.12);
    border-radius: var(--radius-md);

    color: var(--color-text-body);
    cursor: pointer;

    transition: all 0.3s var(--ease-out);
}

.header__menu:hover[b-mohm3ywvmw] {
    color: var(--color-primary);
    background: rgba(74, 124, 63, 0.12);
    border-color: rgba(74, 124, 63, 0.2);
}

@media (min-width: 1024px) {
    .header__menu[b-mohm3ywvmw] {
        display: none;
    }
}

/* ==========================================================================
   Mobile Search Toggle - Synlig kun på mobil
   ========================================================================== */

.header__search-toggle[b-mohm3ywvmw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-body);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

.header__search-toggle:hover[b-mohm3ywvmw] {
    color: var(--color-primary);
    background: rgba(74, 124, 63, 0.04);
}

@media (min-width: 768px) {
    .header__search-toggle[b-mohm3ywvmw] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ==========================================================================
   MainLayout - Organisk Elegance
   ========================================================================== */

/* Skip Link - Accessibility */
.skip-link[b-s5n47h8kz2] {
    position: absolute;
    left: -9999px;
    top: auto;
    z-index: 9999;
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-primary);
    color: var(--color-bg-white);
    font-weight: var(--weight-medium);
    text-decoration: none;
    border-radius: var(--radius-md);
}

.skip-link:focus[b-s5n47h8kz2] {
    left: var(--space-4);
    top: var(--space-4);
    outline: 2px solid var(--color-primary-dark);
    outline-offset: 2px;
}

/* Site wrapper */
.site[b-s5n47h8kz2] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.main[b-s5n47h8kz2] {
    flex: 1;
    position: relative;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.header[b-s5n47h8kz2] {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    background-color: var(--color-bg-cream);
    border-bottom: 1px solid rgba(74, 124, 63, 0.08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.header__inner[b-s5n47h8kz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: var(--space-4) var(--space-6);
    gap: var(--space-8);
}

/* Logo */
.header__logo[b-s5n47h8kz2] {
    flex-shrink: 0;
}

.header__logo img[b-s5n47h8kz2] {
    height: 44px;
    transition: transform var(--duration-normal) var(--ease-out);
}

.header__logo:hover img[b-s5n47h8kz2] {
    transform: scale(1.02);
}

/* Navigation */
.header__nav[b-s5n47h8kz2] {
    display: none;
    align-items: center;
    gap: var(--space-1);
}

.nav-link[b-s5n47h8kz2] {
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    text-decoration: none;
    border-radius: var(--radius-full);
    transition: all var(--duration-fast) var(--ease-out);
    position: relative;
}

.nav-link[b-s5n47h8kz2]::after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--color-primary);
    transition: all var(--duration-normal) var(--ease-out);
    transform: translateX(-50%);
    border-radius: var(--radius-full);
}

.nav-link:hover[b-s5n47h8kz2] {
    color: var(--color-primary);
}

.nav-link:hover[b-s5n47h8kz2]::after {
    width: 20px;
}

/* Header Actions */
.header__actions[b-s5n47h8kz2] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

/* Search Form */
.header__search-wrapper[b-s5n47h8kz2] {
    display: none;
    position: relative;
}

.header__search-form[b-s5n47h8kz2] {
    display: flex;
    align-items: center;
    position: relative;
}

.header__search-input[b-s5n47h8kz2] {
    width: 180px;
    padding: var(--space-2) var(--space-4);
    padding-right: var(--space-10);
    font-size: var(--text-sm);
    border: 1.5px solid var(--color-bg-soft);
    border-radius: var(--radius-full);
    background-color: var(--color-bg-white);
    color: var(--color-text-dark);
    transition: all var(--duration-fast) var(--ease-out);
}

.header__search-input:focus[b-s5n47h8kz2] {
    outline: none;
    border-color: var(--color-primary);
    width: 220px;
}

.header__search-input[b-s5n47h8kz2]::placeholder {
    color: var(--color-text-light);
}

.header__search-btn[b-s5n47h8kz2] {
    position: absolute;
    right: var(--space-1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    color: var(--color-text-muted);
    transition: all var(--duration-fast) var(--ease-out);
}

.header__search-btn:hover[b-s5n47h8kz2] {
    color: var(--color-primary);
    background-color: var(--color-bg-warm);
}

/* Search Suggestions Dropdown */
.header__search-suggestions[b-s5n47h8kz2] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: var(--space-2);
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    z-index: 100;
}

.search-suggestion[b-s5n47h8kz2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    text-decoration: none;
    color: var(--color-text-body);
    transition: background-color var(--duration-fast) var(--ease-out);
    border-bottom: 1px solid var(--color-bg-soft);
}

.search-suggestion:last-child[b-s5n47h8kz2] {
    border-bottom: none;
}

.search-suggestion:hover[b-s5n47h8kz2] {
    background-color: var(--color-bg-warm);
    color: var(--color-text-dark);
}

.search-suggestion__name[b-s5n47h8kz2] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}

.search-suggestion__price[b-s5n47h8kz2] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.search-suggestion--all[b-s5n47h8kz2] {
    justify-content: center;
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: var(--weight-medium);
    background-color: var(--color-bg-cream);
}

.search-suggestion--all:hover[b-s5n47h8kz2] {
    background-color: var(--color-bg-soft);
}

.header__phone[b-s5n47h8kz2] {
    display: none;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    text-decoration: none;
    border-radius: var(--radius-full);
    transition: all var(--duration-fast) var(--ease-out);
}

.header__phone:hover[b-s5n47h8kz2] {
    color: var(--color-primary);
    background-color: var(--color-bg-warm);
}

.header__cart[b-s5n47h8kz2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    border-radius: var(--radius-full);
    color: var(--color-text-body);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.header__cart:hover[b-s5n47h8kz2] {
    color: var(--color-primary);
    background-color: var(--color-bg-warm);
}

.cart-badge[b-s5n47h8kz2] {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: var(--weight-semibold);
    color: var(--color-bg-white);
    background-color: var(--color-primary);
    border-radius: var(--radius-full);
}

.header__menu[b-s5n47h8kz2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    border-radius: var(--radius-lg);
    color: var(--color-text-body);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.header__menu:hover[b-s5n47h8kz2] {
    background-color: var(--color-bg-warm);
}

/* ==========================================================================
   ERROR UI
   ========================================================================== */

#blazor-error-ui[b-s5n47h8kz2] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-4) var(--space-6);
    background-color: rgba(184, 92, 92, 0.95);
    color: var(--color-bg-white);
    font-size: var(--text-sm);
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-s5n47h8kz2] {
    cursor: pointer;
    position: absolute;
    right: var(--space-4);
    top: 50%;
    transform: translateY(-50%);
}

#blazor-error-ui .reload[b-s5n47h8kz2] {
    color: var(--color-bg-white);
    text-decoration: underline;
    margin-left: var(--space-2);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (min-width: 768px) {
    .header__inner[b-s5n47h8kz2] {
        padding: var(--space-5) var(--space-8);
    }

    .header__nav[b-s5n47h8kz2] {
        display: flex;
    }

    .header__search-wrapper[b-s5n47h8kz2] {
        display: block;
    }

    .header__phone[b-s5n47h8kz2] {
        display: flex;
    }

    .header__menu[b-s5n47h8kz2] {
        display: none;
    }

    .header__logo img[b-s5n47h8kz2] {
        height: 50px;
    }

    .footer__inner[b-s5n47h8kz2] {
        padding: var(--space-20) var(--space-8) var(--space-10);
    }

    .footer__grid[b-s5n47h8kz2] {
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: var(--space-12);
    }

    .footer__bottom[b-s5n47h8kz2] {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer__payment[b-s5n47h8kz2] {
        flex-direction: row;
        gap: var(--space-4);
    }
}

@media (min-width: 1024px) {
    .header__inner[b-s5n47h8kz2] {
        padding: var(--space-5) var(--space-12);
    }

    .header__logo img[b-s5n47h8kz2] {
        height: 56px;
    }

    .nav-link[b-s5n47h8kz2] {
        padding: var(--space-3) var(--space-5);
        font-size: var(--text-base);
    }

    .footer__inner[b-s5n47h8kz2] {
        padding: var(--space-24) var(--space-12) var(--space-10);
    }

    .footer__logo img[b-s5n47h8kz2] {
        height: 60px;
    }
}

/* /Components/Layout/MobileMenu.razor.rz.scp.css */
.mobile-menu-overlay[b-0l51qcokad] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    animation: fadeIn-b-0l51qcokad 0.3s ease-out;
}

.mobile-menu[b-0l51qcokad] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(320px, 85vw);
    background: var(--color-bg-white);
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    animation: slideIn-b-0l51qcokad 0.3s ease-out;
    overflow-y: auto;
}

.mobile-menu__header[b-0l51qcokad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
}

.mobile-menu__logo img[b-0l51qcokad] {
    height: 40px;
    width: auto;
}

.mobile-menu__close[b-0l51qcokad] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-body);
    cursor: pointer;
    transition: background-color var(--duration-fast);
}

.mobile-menu__close:hover[b-0l51qcokad] {
    background: var(--color-bg-warm);
}

.mobile-menu__close[b-0l51qcokad],
.mobile-menu__section-header[b-0l51qcokad],
.mobile-menu__link[b-0l51qcokad],
.mobile-menu__sublink[b-0l51qcokad],
.mobile-menu__promo[b-0l51qcokad],
.mobile-menu__search-btn[b-0l51qcokad],
.mobile-search-suggestion[b-0l51qcokad] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mobile-menu__search[b-0l51qcokad] {
    position: relative;
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
}

.mobile-menu__search form[b-0l51qcokad] {
    display: flex;
    gap: var(--space-2);
}

.mobile-menu__search-input[b-0l51qcokad] {
    flex: 1;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    background: var(--color-bg-cream);
}

.mobile-menu__search-input:focus[b-0l51qcokad] {
    outline: none;
    border-color: var(--color-primary);
}

.mobile-menu__search-btn[b-0l51qcokad] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--color-primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    cursor: pointer;
    transition: background-color var(--duration-fast);
}

.mobile-menu__search-btn:hover[b-0l51qcokad] {
    background: var(--color-primary-dark);
}

.mobile-menu__search-suggestions[b-0l51qcokad] {
    position: absolute;
    top: calc(100% - var(--space-4));
    left: var(--space-4);
    right: var(--space-4);
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
}

.mobile-search-suggestion[b-0l51qcokad] {
    display: block;
    padding: var(--space-3);
    color: var(--color-text-body);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border-light);
}

.mobile-search-suggestion:last-child[b-0l51qcokad] {
    border-bottom: none;
}

.mobile-search-suggestion:hover[b-0l51qcokad],
.mobile-search-suggestion:focus[b-0l51qcokad] {
    background: var(--color-bg-warm);
    color: var(--color-primary);
}

.mobile-search-suggestion--all[b-0l51qcokad] {
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    text-align: center;
}

/* Content area with scroll */
.mobile-menu__content[b-0l51qcokad] {
    flex: 1;
    overflow-y: auto;
}

.mobile-menu__nav[b-0l51qcokad] {
    display: flex;
    flex-direction: column;
}

/* Promotional items */
.mobile-menu__promo[b-0l51qcokad] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4);
    margin: var(--space-3);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--promo-color) 15%, transparent),
        color-mix(in srgb, var(--promo-color) 8%, transparent)
    );
    border: 1px solid color-mix(in srgb, var(--promo-color) 30%, transparent);
    border-radius: var(--radius-lg);
    color: var(--color-text-dark);
    text-decoration: none;
    font-weight: var(--weight-semibold);
    transition: all var(--duration-fast) var(--ease-out);
}

.mobile-menu__promo:hover[b-0l51qcokad] {
    border-color: color-mix(in srgb, var(--promo-color) 50%, transparent);
}

.mobile-menu__promo-icon[b-0l51qcokad] {
    font-size: var(--text-xl);
}

/* Collapsible sections */
.mobile-menu__section[b-0l51qcokad] {
    border-bottom: 1px solid var(--color-border-light);
}

.mobile-menu__section-header[b-0l51qcokad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-4);
    background: transparent;
    border: none;
    color: var(--color-text-dark);
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    cursor: pointer;
    transition: background-color var(--duration-fast);
}

.mobile-menu__section-header:hover[b-0l51qcokad] {
    background: var(--color-bg-warm);
}

.mobile-menu__chevron[b-0l51qcokad] {
    transition: transform var(--duration-normal) var(--ease-out);
    color: var(--color-text-muted);
}

.mobile-menu__section-header.is-open .mobile-menu__chevron[b-0l51qcokad] {
    transform: rotate(180deg);
}

.mobile-menu__section-content[b-0l51qcokad] {
    padding: 0 var(--space-4) var(--space-4);
    animation: sectionExpand-b-0l51qcokad 0.3s var(--ease-out);
}

@keyframes sectionExpand-b-0l51qcokad {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Groups within sections */
.mobile-menu__group[b-0l51qcokad] {
    margin-bottom: var(--space-4);
}

.mobile-menu__group-title[b-0l51qcokad] {
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-primary);
    padding: var(--space-2) 0;
    margin-bottom: var(--space-2);
    border-bottom: 1px solid var(--color-primary-100);
}

.mobile-menu__sublink[b-0l51qcokad] {
    display: block;
    padding: var(--space-2) var(--space-3);
    color: var(--color-text-body);
    text-decoration: none;
    font-size: var(--text-sm);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast) var(--ease-out);
}

.mobile-menu__sublink:hover[b-0l51qcokad] {
    background: var(--color-bg-warm);
    color: var(--color-primary);
}

.mobile-menu__sublink--icon[b-0l51qcokad] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.mobile-menu__sublink-icon[b-0l51qcokad] {
    font-size: var(--text-base);
}

.mobile-menu__see-all[b-0l51qcokad] {
    display: block;
    padding: var(--space-3);
    margin-top: var(--space-2);
    text-align: center;
    color: var(--color-primary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    background: var(--color-bg-warm);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast) var(--ease-out);
}

.mobile-menu__see-all:hover[b-0l51qcokad] {
    background: var(--color-primary);
    color: white;
}

/* Direct links */
.mobile-menu__link[b-0l51qcokad] {
    display: block;
    padding: var(--space-4);
    color: var(--color-text-dark);
    text-decoration: none;
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    border-bottom: 1px solid var(--color-border-light);
    transition: background-color var(--duration-fast);
}

.mobile-menu__link:hover[b-0l51qcokad] {
    background: var(--color-bg-warm);
    color: var(--color-primary);
}

.mobile-menu__link--icon[b-0l51qcokad] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.mobile-menu__link-icon[b-0l51qcokad] {
    font-size: var(--text-xl);
}

/* Footer area */
.mobile-menu__footer[b-0l51qcokad] {
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-cream);
}

.mobile-menu__contact[b-0l51qcokad] {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.mobile-menu__contact-item[b-0l51qcokad] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--color-text-body);
    text-decoration: none;
    font-size: var(--text-sm);
}

.mobile-menu__contact-item svg[b-0l51qcokad] {
    color: var(--color-primary);
    flex-shrink: 0;
}

a.mobile-menu__contact-item:hover[b-0l51qcokad] {
    color: var(--color-primary);
}




.mobile-menu__hours[b-0l51qcokad] {
    padding: var(--space-4);
    background: var(--color-bg-cream);
    border-top: 1px solid var(--color-border);
}

.mobile-menu__hours-title[b-0l51qcokad] {
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
}

.mobile-menu__hours-row[b-0l51qcokad] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    padding: var(--space-1) 0;
}

@keyframes fadeIn-b-0l51qcokad {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn-b-0l51qcokad {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@media (min-width: 1024px) {
    .mobile-menu-overlay[b-0l51qcokad],
    .mobile-menu[b-0l51qcokad] {
        display: none;
    }
}
/* /Components/Layout/Navigation/MegaMenu.razor.rz.scp.css */
/* ==========================================================================
   MegaMenu - Botanical unfolding mega-menu with organic elegance
   ========================================================================== */

.mega-menu[b-jd4t7g6wp0] {
    position: relative;
}

/* Trigger Button - Elegant serif for konsistens med sidens tema */
.mega-menu__trigger[b-jd4t7g6wp0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: none;
    font-family: var(--font-heading);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    letter-spacing: 0.02em;
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-out);
    touch-action: manipulation;
}

.mega-menu__trigger:hover[b-jd4t7g6wp0] {
    color: var(--color-primary);
}

.mega-menu__trigger.is-open[b-jd4t7g6wp0] {
    color: var(--color-primary);
}

.mega-menu__trigger-text[b-jd4t7g6wp0] {
    position: relative;
}

.mega-menu__trigger-text[b-jd4t7g6wp0]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-primary);
    transition: width var(--duration-normal) var(--ease-out);
}

.mega-menu__trigger:hover .mega-menu__trigger-text[b-jd4t7g6wp0]::after,
.mega-menu__trigger.is-open .mega-menu__trigger-text[b-jd4t7g6wp0]::after {
    width: 100%;
}

/* Chevron animation */
.mega-menu__chevron[b-jd4t7g6wp0] {
    transition: transform var(--duration-normal) var(--ease-out);
}

.mega-menu__trigger.is-open .mega-menu__chevron[b-jd4t7g6wp0] {
    transform: rotate(180deg);
}

/* Panel - Full width dropdown */
.mega-menu__panel[b-jd4t7g6wp0] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 700px;
    max-width: 900px;
    padding-top: var(--space-4);
    z-index: var(--z-dropdown);
    animation: megaMenuUnfold-b-jd4t7g6wp0 0.4s var(--ease-out) forwards;
}

@keyframes megaMenuUnfold-b-jd4t7g6wp0 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Content container */
.mega-menu__content[b-jd4t7g6wp0] {
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    border: 1px solid var(--color-border-light);
    overflow: hidden;
}

/* Backdrop for visual depth */
.mega-menu__backdrop[b-jd4t7g6wp0] {
    display: none;
}

/* Groups grid layout */
.mega-menu__groups[b-jd4t7g6wp0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-6);
    padding: var(--space-8);
}

/* Individual group */
.mega-menu__group[b-jd4t7g6wp0] {
    display: flex;
    flex-direction: column;
}

.mega-menu__group-title[b-jd4t7g6wp0] {
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    margin: 0 0 var(--space-4) 0;
    padding-bottom: var(--space-2);
    border-bottom: 2px solid var(--color-primary-100);
}

/* Links list */
.mega-menu__group-list[b-jd4t7g6wp0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.mega-menu__link[b-jd4t7g6wp0] {
    display: block;
    padding: var(--space-2) 0;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
    position: relative;
    padding-left: 0;
}

.mega-menu__link[b-jd4t7g6wp0]::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    width: 4px;
    height: 4px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    opacity: 0;
    transform: translateY(-50%) scale(0);
    transition: all var(--duration-fast) var(--ease-out);
}

.mega-menu__link:hover[b-jd4t7g6wp0] {
    color: var(--color-primary);
    padding-left: var(--space-4);
}

.mega-menu__link:hover[b-jd4t7g6wp0]::before {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    left: 0;
}

/* Empty state */
.mega-menu__empty[b-jd4t7g6wp0] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-style: italic;
}

/* Footer with "Se alle" link */
.mega-menu__footer[b-jd4t7g6wp0] {
    padding: var(--space-4) var(--space-8);
    background: var(--color-bg-warm);
    border-top: 1px solid var(--color-border-light);
}

.mega-menu__see-all[b-jd4t7g6wp0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
}

.mega-menu__see-all:hover[b-jd4t7g6wp0] {
    color: var(--color-primary-dark);
    gap: var(--space-3);
}

.mega-menu__see-all svg[b-jd4t7g6wp0] {
    transition: transform var(--duration-fast) var(--ease-out);
}

.mega-menu__see-all:hover svg[b-jd4t7g6wp0] {
    transform: translateX(4px);
}

/* Responsive adjustments */
@media (max-width: 1023px) {
    .mega-menu[b-jd4t7g6wp0] {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .mega-menu__panel[b-jd4t7g6wp0] {
        left: 0;
        transform: none;
        min-width: auto;
        width: min(650px, calc(100vw - var(--space-8)));
        max-width: 750px;
        animation-name: megaMenuUnfoldLeft-b-jd4t7g6wp0;
    }

    .mega-menu__groups[b-jd4t7g6wp0] {
        padding: var(--space-6);
        gap: var(--space-4);
    }
}

@keyframes megaMenuUnfoldLeft-b-jd4t7g6wp0 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Layout/Navigation/NavDropdown.razor.rz.scp.css */
/* ==========================================================================
   NavDropdown - Elegant dropdown with organic styling
   ========================================================================== */

.nav-dropdown[b-zlm58uhssv] {
    position: relative;
}

/* Trigger Button - Elegant serif for konsistens med sidens tema */
.nav-dropdown__trigger[b-zlm58uhssv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: none;
    font-family: var(--font-heading);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    letter-spacing: 0.02em;
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-out);
    touch-action: manipulation;
}

.nav-dropdown__trigger:hover[b-zlm58uhssv] {
    color: var(--color-primary);
}

.nav-dropdown__trigger.is-open[b-zlm58uhssv] {
    color: var(--color-primary);
}

.nav-dropdown__trigger-text[b-zlm58uhssv] {
    position: relative;
}

.nav-dropdown__trigger-text[b-zlm58uhssv]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-primary);
    transition: width var(--duration-normal) var(--ease-out);
}

.nav-dropdown__trigger:hover .nav-dropdown__trigger-text[b-zlm58uhssv]::after,
.nav-dropdown__trigger.is-open .nav-dropdown__trigger-text[b-zlm58uhssv]::after {
    width: 100%;
}

/* Chevron animation */
.nav-dropdown__chevron[b-zlm58uhssv] {
    transition: transform var(--duration-normal) var(--ease-out);
}

.nav-dropdown__trigger.is-open .nav-dropdown__chevron[b-zlm58uhssv] {
    transform: rotate(180deg);
}

/* Panel */
.nav-dropdown__panel[b-zlm58uhssv] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
    padding-top: var(--space-3);
    z-index: var(--z-dropdown);
    animation: dropdownFade-b-zlm58uhssv 0.3s var(--ease-out) forwards;
}

@keyframes dropdownFade-b-zlm58uhssv {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Content container */
.nav-dropdown__content[b-zlm58uhssv] {
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--color-border-light);
    overflow: hidden;
    padding: var(--space-3);
}

/* Links list */
.nav-dropdown__list[b-zlm58uhssv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.nav-dropdown__link[b-zlm58uhssv] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--duration-fast) var(--ease-out);
}

.nav-dropdown__link:hover[b-zlm58uhssv] {
    background: var(--color-primary-100);
    color: var(--color-primary);
}

.nav-dropdown__icon[b-zlm58uhssv] {
    font-size: var(--text-lg);
    line-height: 1;
    flex-shrink: 0;
}

.nav-dropdown__text[b-zlm58uhssv] {
    flex: 1;
}

/* Empty state */
.nav-dropdown__empty[b-zlm58uhssv] {
    padding: var(--space-4);
    text-align: center;
    color: var(--color-text-muted);
    font-style: italic;
    font-size: var(--text-sm);
    margin: 0;
}

/* Responsive */
@media (max-width: 1023px) {
    .nav-dropdown[b-zlm58uhssv] {
        display: none;
    }
}
/* /Components/Layout/Navigation/PromotionalNavItem.razor.rz.scp.css */
/* ==========================================================================
   PromotionalNavItem - Clean Navigation with Dual Corner Decorations
   All themes use same layout as Hearts (user-approved design)
   ========================================================================== */

.promo-nav[b-8nyi005jrp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-4);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    text-decoration: none;
    background: transparent;
    border: none;
    transition: color 0.2s ease;
    overflow: visible;
}

.promo-nav:hover[b-8nyi005jrp] {
    color: var(--color-primary);
}

/* Text styling */
.promo-nav__text[b-8nyi005jrp] {
    position: relative;
    z-index: 2;
}

/* Shimmer effect - subtle underline glow on hover */
.promo-nav__shimmer[b-8nyi005jrp] {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-primary-muted), transparent);
    transform: translateX(-50%);
    transition: width 0.3s ease;
    pointer-events: none;
}

.promo-nav:hover .promo-nav__shimmer[b-8nyi005jrp] {
    width: 80%;
}

/* ==========================================================================
   DECORATION LAYOUT - Single trailing icon after text
   ========================================================================== */

.promo-nav__decor[b-8nyi005jrp] {
    pointer-events: none;
}

/* Hide 2nd and 3rd decorations */
.promo-nav__decor--2[b-8nyi005jrp],
.promo-nav__decor--3[b-8nyi005jrp] {
    display: none !important;
}

/* Single icon after text (larger) */
.promo-nav__decor--1[b-8nyi005jrp] {
    position: static;
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    animation: gentlePulse-b-8nyi005jrp 3s ease-in-out infinite;
}

/* Gentle pulse animation */
@keyframes gentlePulse-b-8nyi005jrp {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.15); opacity: 1; }
}

/* ==========================================================================
   THEME EMOJI DEFINITIONS - Only content changes per theme
   ========================================================================== */

/* Snow - ❄️ */
.promo-nav--snow .promo-nav__decor--1[b-8nyi005jrp]::before { content: '❄'; }
.promo-nav--snow .promo-nav__decor--2[b-8nyi005jrp]::before { content: '❄'; }
.promo-nav--snow .promo-nav__decor[b-8nyi005jrp] { color: #7eb8da; text-shadow: 0 0 3px rgba(126, 184, 218, 0.5); }

/* Hearts - ♥ */
.promo-nav--hearts .promo-nav__decor--1[b-8nyi005jrp]::before { content: '♥'; }
.promo-nav--hearts .promo-nav__decor--2[b-8nyi005jrp]::before { content: '♥'; }
.promo-nav--hearts .promo-nav__decor[b-8nyi005jrp] { color: #e8709a; text-shadow: 0 0 4px rgba(232, 112, 154, 0.4); }

/* Mothers Day - 🌸💕 */
.promo-nav--mothersday .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🌸'; }
.promo-nav--mothersday .promo-nav__decor--2[b-8nyi005jrp]::before { content: '💕'; }
.promo-nav--mothersday .promo-nav__decor[b-8nyi005jrp] { text-shadow: 0 0 3px rgba(248, 165, 194, 0.5); }

/* Eggs - 🥚🐣 */
.promo-nav--eggs .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🐣'; }
.promo-nav--eggs .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🐣'; }

/* Fireworks - 🎆✨ */
.promo-nav--fireworks .promo-nav__decor--1[b-8nyi005jrp]::before { content: '✨'; }
.promo-nav--fireworks .promo-nav__decor--2[b-8nyi005jrp]::before { content: '✨'; }

/* Fathers Day - 💙⭐ */
.promo-nav--fathersday .promo-nav__decor--1[b-8nyi005jrp]::before { content: '💙'; }
.promo-nav--fathersday .promo-nav__decor--2[b-8nyi005jrp]::before { content: '⭐'; }
.promo-nav--fathersday .promo-nav__decor--2[b-8nyi005jrp] { color: #4a90d9; }

/* Graduation - 🎉🎊 */
.promo-nav--graduation .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🎉'; }
.promo-nav--graduation .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🎊'; }

/* Vinter - ❄️✧ */
.promo-nav--vinter .promo-nav__decor--1[b-8nyi005jrp]::before { content: '❄️'; }
.promo-nav--vinter .promo-nav__decor--2[b-8nyi005jrp]::before { content: '✧'; }
.promo-nav--vinter .promo-nav__decor--2[b-8nyi005jrp] { color: #a8d4f0; }

/* Foraar - 🌷🌸 */
.promo-nav--foraar .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🌷'; }
.promo-nav--foraar .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🌸'; }

/* Sommer - ☀️🦋 */
.promo-nav--sommer .promo-nav__decor--1[b-8nyi005jrp]::before { content: '☀️'; }
.promo-nav--sommer .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🦋'; }

/* Efteraar - 🍂🍁 */
.promo-nav--efteraar .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🍂'; }
.promo-nav--efteraar .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🍁'; }

/* Sparkles - ✨⭐ */
.promo-nav--sparkles .promo-nav__decor--1[b-8nyi005jrp]::before { content: '✨'; }
.promo-nav--sparkles .promo-nav__decor--2[b-8nyi005jrp]::before { content: '⭐'; }
.promo-nav--sparkles .promo-nav__decor--2[b-8nyi005jrp] { color: #ffd700; }

/* Confetti - 🎊🎉 */
.promo-nav--confetti .promo-nav__decor--1[b-8nyi005jrp]::before { content: '🎊'; }
.promo-nav--confetti .promo-nav__decor--2[b-8nyi005jrp]::before { content: '🎉'; }

/* ==========================================================================
   NO THEME - Clean, just the link
   ========================================================================== */
.promo-nav--none .promo-nav__decor[b-8nyi005jrp],
.promo-nav--none .promo-nav__shimmer[b-8nyi005jrp] {
    display: none;
}

/* ==========================================================================
   ACCESSIBILITY & RESPONSIVE
   ========================================================================== */
.promo-nav:focus-visible[b-8nyi005jrp] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

@media (max-width: 1023px) {
    .promo-nav[b-8nyi005jrp] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .promo-nav__shimmer[b-8nyi005jrp],
    .promo-nav__decor[b-8nyi005jrp] {
        animation: none !important;
    }

    .promo-nav__shimmer[b-8nyi005jrp] {
        display: none;
    }

    .promo-nav__decor[b-8nyi005jrp] {
        opacity: 0.6;
    }
}
/* /Components/Pages/Cart/Cart.razor.rz.scp.css */
.cart-page[b-06bj8x70zu] {
    padding: var(--space-8) 0 var(--space-16);
    min-height: 60vh;
    background: var(--color-bg-cream);
}

.cart-page .container[b-06bj8x70zu] {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-4);
}

.cart-page h1[b-06bj8x70zu] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-8);
}

/* Empty cart */
.cart-empty[b-06bj8x70zu] {
    text-align: center;
    padding: var(--space-16) var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
}

.cart-empty svg[b-06bj8x70zu] {
    margin-bottom: var(--space-4);
    opacity: 0.5;
}

.cart-empty p[b-06bj8x70zu] {
    font-size: var(--text-lg);
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}

/* Cart content layout */
.cart-content[b-06bj8x70zu] {
    display: grid;
    gap: var(--space-8);
}

@media (min-width: 1024px) {
    .cart-content[b-06bj8x70zu] {
        grid-template-columns: 1fr 380px;
        align-items: start;
    }
}

/* Cart items list */
.cart-items[b-06bj8x70zu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Addon section */
.cart-addons[b-06bj8x70zu] {
    margin-top: var(--space-2);
}

.cart-addons__title[b-06bj8x70zu] {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-3);
}

.cart-addon[b-06bj8x70zu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.cart-addon__image[b-06bj8x70zu] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-bg-warm);
    flex-shrink: 0;
}

.cart-addon__image img[b-06bj8x70zu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-addon__name[b-06bj8x70zu] {
    flex: 1;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
}

.cart-addon__price[b-06bj8x70zu] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    white-space: nowrap;
}

.cart-addon__remove[b-06bj8x70zu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-full);
    transition: background var(--duration-fast) var(--ease-out);
    flex-shrink: 0;
}

@media (hover: hover) {
    .cart-addon__remove:hover[b-06bj8x70zu] {
        background: var(--color-bg-warm);
        color: var(--color-error);
    }
}

/* Cart summary */
.cart-summary[b-06bj8x70zu] {
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow-md);
}

@media (min-width: 1024px) {
    .cart-summary[b-06bj8x70zu] {
        position: sticky;
        top: 100px;
    }
}

.cart-summary h2[b-06bj8x70zu] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-bg-soft);
}

.cart-summary__row[b-06bj8x70zu] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-3) 0;
    color: var(--color-text-body);
}

.delivery-note[b-06bj8x70zu] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    font-style: italic;
}

.cart-summary__total[b-06bj8x70zu] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-4) 0;
    margin-top: var(--space-2);
    border-top: 2px solid var(--color-bg-soft);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.cart-summary .btn[b-06bj8x70zu] {
    width: 100%;
    margin-top: var(--space-4);
    text-align: center;
    display: block;
}

.cart-summary .btn-secondary[b-06bj8x70zu] {
    background: transparent;
    border: 1px solid var(--color-bg-soft);
    color: var(--color-text-body);
}

@media (hover: hover) {
    .cart-summary .btn-secondary:hover[b-06bj8x70zu] {
        background: var(--color-bg-warm);
        border-color: var(--color-primary-muted);
    }
}

.cart-summary .btn-secondary:active[b-06bj8x70zu] {
    background: var(--color-bg-warm);
}

/* Button styles */
.btn[b-06bj8x70zu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-lg);
    font-weight: var(--weight-medium);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
    cursor: pointer;
    border: none;
}

.btn-primary[b-06bj8x70zu] {
    background: var(--color-primary);
    color: white;
}

@media (hover: hover) {
    .btn-primary:hover[b-06bj8x70zu] {
        background: var(--color-primary-dark);
    }
}

.btn-primary:active[b-06bj8x70zu] {
    background: var(--color-primary-dark);
    transform: scale(0.98);
}

.btn-lg[b-06bj8x70zu] {
    padding: var(--space-4) var(--space-8);
    font-size: var(--text-lg);
}

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

@media (max-width: 1023px) {
    .cart-summary[b-06bj8x70zu] {
        padding: var(--space-4);
        padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
    }

    .cart-summary h2[b-06bj8x70zu] {
        display: none;
    }

    .cart-summary__row:not(.cart-summary__total)[b-06bj8x70zu] {
        display: none;
    }

    .cart-summary__total[b-06bj8x70zu] {
        margin-top: 0;
        border-top: none;
        padding-top: 0;
        padding-bottom: var(--space-2);
        font-size: var(--text-lg);
    }

    .cart-summary .btn[b-06bj8x70zu] {
        margin-top: 0;
        min-height: 52px;
    }

    .cart-summary .btn-secondary[b-06bj8x70zu] {
        display: none;
    }

    .cart-page h1[b-06bj8x70zu] {
        font-size: var(--text-2xl);
        margin-bottom: var(--space-6);
    }
}
/* /Components/Pages/Cart/Checkout.razor.rz.scp.css */
/* ==========================================================================
   CHECKOUT PROGRESS INDICATOR
   ========================================================================== */

.checkout-progress[b-t5g6a1v0pt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: var(--space-8);
    padding: 0 var(--space-4);
}

.checkout-progress__step[b-t5g6a1v0pt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    flex-shrink: 0;
}

.checkout-progress__icon[b-t5g6a1v0pt] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-bg-soft);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    transition: all var(--duration-normal) var(--ease-out);
}

.checkout-progress__step.is-active .checkout-progress__icon[b-t5g6a1v0pt] {
    background: var(--color-primary);
    color: white;
}

.checkout-progress__step.is-complete .checkout-progress__icon[b-t5g6a1v0pt] {
    background: var(--color-success);
    color: white;
}

.checkout-progress__label[b-t5g6a1v0pt] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    white-space: nowrap;
    font-weight: var(--weight-medium);
}

.checkout-progress__step.is-active .checkout-progress__label[b-t5g6a1v0pt] {
    color: var(--color-text-dark);
}

.checkout-progress__connector[b-t5g6a1v0pt] {
    flex: 1;
    height: 2px;
    background: var(--color-bg-soft);
    min-width: 40px;
    max-width: 100px;
    margin: 0 var(--space-2);
    margin-bottom: var(--space-5);
    transition: background var(--duration-normal) var(--ease-out);
}

.checkout-progress__connector.is-complete[b-t5g6a1v0pt] {
    background: var(--color-success);
}

@media (max-width: 479px) {
    .checkout-progress__label[b-t5g6a1v0pt] {
        font-size: 10px;
    }

    .checkout-progress__icon[b-t5g6a1v0pt] {
        width: 32px;
        height: 32px;
        font-size: var(--text-xs);
    }

    .checkout-progress__connector[b-t5g6a1v0pt] {
        min-width: 24px;
        max-width: 50px;
    }
}

/* ==========================================================================
   PAGE LAYOUT
   ========================================================================== */

.checkout-page[b-t5g6a1v0pt] {
    padding: var(--space-8) 0 var(--space-16);
    min-height: 60vh;
    background: var(--color-bg-cream);
}

.checkout-page .container[b-t5g6a1v0pt] {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-4);
}

.checkout-page h1[b-t5g6a1v0pt] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-8);
}

/* Empty state */
.checkout-empty[b-t5g6a1v0pt] {
    text-align: center;
    padding: var(--space-16) var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
}

.checkout-empty p[b-t5g6a1v0pt] {
    font-size: var(--text-lg);
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}

/* Layout */
.checkout-content[b-t5g6a1v0pt] {
    display: grid;
    gap: var(--space-8);
}

@media (min-width: 1024px) {
    .checkout-content[b-t5g6a1v0pt] {
        grid-template-columns: 1fr 380px;
        align-items: start;
    }
}

/* Form sections */
.checkout-section[b-t5g6a1v0pt] {
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-soft);
}

.checkout-section h2[b-t5g6a1v0pt] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-bg-soft);
}

/* Form elements */
.form-group[b-t5g6a1v0pt] {
    margin-bottom: var(--space-4);
}

.form-group label[b-t5g6a1v0pt] {
    display: block;
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
}

.form-group input[b-t5g6a1v0pt],
.form-group textarea[b-t5g6a1v0pt],
.form-group select[b-t5g6a1v0pt] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: all var(--duration-fast) var(--ease-out);
}

.form-group input:focus[b-t5g6a1v0pt],
.form-group textarea:focus[b-t5g6a1v0pt],
.form-group select:focus[b-t5g6a1v0pt] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-100);
}

.form-group input[b-t5g6a1v0pt]::placeholder,
.form-group textarea[b-t5g6a1v0pt]::placeholder {
    color: var(--color-text-light);
}

.form-group textarea[b-t5g6a1v0pt] {
    resize: vertical;
    min-height: 80px;
}

.form-hint[b-t5g6a1v0pt] {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin-top: var(--space-1);
    text-align: right;
}

.form-row[b-t5g6a1v0pt] {
    display: grid;
    gap: var(--space-4);
}

@media (min-width: 640px) {
    .form-row[b-t5g6a1v0pt] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-group--small[b-t5g6a1v0pt] {
    max-width: 120px;
}

@media (min-width: 640px) {
    .form-row .form-group--small[b-t5g6a1v0pt] {
        grid-column: 1;
    }
}

/* Validation errors */
.validation-message[b-t5g6a1v0pt] {
    color: var(--color-error);
    font-size: var(--text-sm);
    margin-top: var(--space-1);
}

.form-group input.invalid[b-t5g6a1v0pt],
.form-group textarea.invalid[b-t5g6a1v0pt] {
    border-color: var(--color-error);
}

/* Checkout actions */
.checkout-actions[b-t5g6a1v0pt] {
    text-align: center;
    padding-top: var(--space-4);
}

.checkout-actions .btn[b-t5g6a1v0pt] {
    min-width: 280px;
}

.checkout-note[b-t5g6a1v0pt] {
    margin-top: var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Order summary */
.checkout-summary[b-t5g6a1v0pt] {
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow-md);
}

@media (min-width: 1024px) {
    .checkout-summary[b-t5g6a1v0pt] {
        position: sticky;
        top: 100px;
    }
}

.checkout-summary h2[b-t5g6a1v0pt] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-bg-soft);
}

.checkout-summary__items[b-t5g6a1v0pt] {
    margin-bottom: var(--space-4);
}

.summary-item[b-t5g6a1v0pt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--space-2) 0;
    gap: var(--space-3);
}

.summary-item__name[b-t5g6a1v0pt] {
    color: var(--color-text-body);
    line-height: var(--leading-snug);
}

.summary-item__name small[b-t5g6a1v0pt] {
    display: block;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.summary-item__name .qty[b-t5g6a1v0pt] {
    display: inline;
    margin-left: var(--space-1);
}

.summary-item__price[b-t5g6a1v0pt] {
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    white-space: nowrap;
}

.summary-item--addon[b-t5g6a1v0pt] {
    padding-left: var(--space-4);
    font-size: var(--text-sm);
}

.summary-item--addon .summary-item__name[b-t5g6a1v0pt] {
    color: var(--color-text-muted);
}

.checkout-summary__subtotal[b-t5g6a1v0pt],
.checkout-summary__delivery[b-t5g6a1v0pt] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2) 0;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.checkout-summary__total[b-t5g6a1v0pt] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-4) 0;
    margin-top: var(--space-2);
    border-top: 2px solid var(--color-bg-soft);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.back-link[b-t5g6a1v0pt] {
    display: block;
    text-align: center;
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-bg-soft);
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: var(--text-sm);
    transition: color var(--duration-fast);
}

.back-link:hover[b-t5g6a1v0pt] {
    color: var(--color-primary);
}

/* Button styles */
.btn[b-t5g6a1v0pt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-lg);
    font-weight: var(--weight-medium);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
    cursor: pointer;
    border: none;
    font-family: var(--font-body);
    font-size: var(--text-base);
}

.btn-primary[b-t5g6a1v0pt] {
    background: var(--color-primary);
    color: white;
}

@media (hover: hover) {
    .btn-primary:hover:not(:disabled)[b-t5g6a1v0pt] {
        background: var(--color-primary-dark);
    }
}

.btn-primary:active:not(:disabled)[b-t5g6a1v0pt] {
    background: var(--color-primary-dark);
    transform: scale(0.98);
}

.btn-primary:disabled[b-t5g6a1v0pt] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-lg[b-t5g6a1v0pt] {
    padding: var(--space-4) var(--space-8);
    font-size: var(--text-lg);
}

/* Error message */
.checkout-error[b-t5g6a1v0pt] {
    background: rgba(184, 92, 92, 0.1);
    border: 1px solid var(--color-error);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
}

.checkout-error p[b-t5g6a1v0pt] {
    color: var(--color-error);
    margin: 0;
    text-align: center;
}

.form-group--delivery-date[b-t5g6a1v0pt] {
    margin-top: var(--space-2);
}

/* Address autocomplete */
.form-group--address[b-t5g6a1v0pt] {
    position: relative;
}

.address-input-wrapper[b-t5g6a1v0pt] {
    position: relative;
}

.form-input[b-t5g6a1v0pt] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: all var(--duration-fast) var(--ease-out);
}

.form-input:focus[b-t5g6a1v0pt] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-100);
}

.form-input[b-t5g6a1v0pt]::placeholder {
    color: var(--color-text-light);
}

.form-input.input-validation-error[b-t5g6a1v0pt] {
    border-color: var(--color-error);
}

.address-suggestions[b-t5g6a1v0pt] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-bg-white);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    max-height: 280px;
    overflow-y: auto;
    z-index: var(--z-dropdown);
    box-shadow: var(--shadow-lg);
    list-style: none;
    margin: var(--space-1) 0 0;
    padding: var(--space-2) 0;
}

.address-suggestions li[b-t5g6a1v0pt] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--color-text-body);
    transition: background var(--duration-fast) var(--ease-out);
}

.address-suggestions li:hover[b-t5g6a1v0pt] {
    background: var(--color-bg-warm);
}

.address-suggestions li.selected[b-t5g6a1v0pt] {
    background: var(--color-primary-100);
    color: var(--color-primary-dark);
}

.address-suggestions li svg[b-t5g6a1v0pt] {
    flex-shrink: 0;
    color: var(--color-primary-muted);
}

.address-searching[b-t5g6a1v0pt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.address-loading[b-t5g6a1v0pt] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin-b-t5g6a1v0pt 0.8s linear infinite;
}

@keyframes spin-b-t5g6a1v0pt {
    to { transform: rotate(360deg); }
}

.address-delivery-result[b-t5g6a1v0pt] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    margin-top: var(--space-2);
}

.address-delivery-result svg[b-t5g6a1v0pt] {
    flex-shrink: 0;
}

.address-delivery-result--success[b-t5g6a1v0pt] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.address-delivery-result--error[b-t5g6a1v0pt] {
    background: var(--color-error-bg);
    color: var(--color-error);
}

/* Legal section - Bekræftelser */
.checkout-legal[b-t5g6a1v0pt] {
    padding: var(--space-5);
}

.checkout-legal h2[b-t5g6a1v0pt] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-bg-soft);
}

/* Confirmations list */
.confirmations-list[b-t5g6a1v0pt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.confirmation-item[b-t5g6a1v0pt] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    transition: background var(--duration-fast) var(--ease-out);
}

.confirmation-item:hover[b-t5g6a1v0pt] {
    background: var(--color-bg-cream);
}

/* Alcohol item - special styling */
.confirmation-item--alcohol[b-t5g6a1v0pt] {
    background: linear-gradient(135deg, rgba(196, 160, 96, 0.08) 0%, rgba(196, 160, 96, 0.04) 100%);
    border: 1px solid rgba(196, 160, 96, 0.2);
    border-left: 3px solid var(--color-warning);
}

.confirmation-item--alcohol:hover[b-t5g6a1v0pt] {
    background: linear-gradient(135deg, rgba(196, 160, 96, 0.12) 0%, rgba(196, 160, 96, 0.06) 100%);
}

/* Alcohol notice header */
.alcohol-notice[b-t5g6a1v0pt] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid rgba(196, 160, 96, 0.15);
}

.alcohol-badge[b-t5g6a1v0pt] {
    width: 56px;
    height: auto;
    border-radius: var(--radius-md);
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.alcohol-text[b-t5g6a1v0pt] {
    flex: 1;
}

.alcohol-text strong[b-t5g6a1v0pt] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: 2px;
}

.alcohol-text span[b-t5g6a1v0pt] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Checkbox row styling */
.confirmation-checkbox[b-t5g6a1v0pt] {
    display: flex !important;
    align-items: center !important;
    gap: var(--space-3) !important;
    cursor: pointer;
    padding: var(--space-2) 0;
    min-height: var(--touch-target-min);
    -webkit-tap-highlight-color: transparent;
}

/* Native checkbox styling - use ::deep for Blazor CSS isolation */
.confirmation-checkbox[b-t5g6a1v0pt]  input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: var(--color-primary);
    flex-shrink: 0 !important;
}

/* Mobile: Larger checkboxes for better touch targets */
@media (max-width: 639px) {
    .confirmation-checkbox[b-t5g6a1v0pt] {
        padding: var(--space-3) 0;
        min-height: var(--touch-target-comfortable);
    }

    .confirmation-checkbox[b-t5g6a1v0pt]  input[type="checkbox"] {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }
}

/* Checkbox label text */
.confirmation-checkbox > span[b-t5g6a1v0pt] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
    line-height: 1.6;
    flex: 1;
    padding-top: 2px;
}

.confirmation-checkbox > span a[b-t5g6a1v0pt] {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.confirmation-checkbox > span a:hover[b-t5g6a1v0pt] {
    color: var(--color-primary-dark);
}

/* Error messages - match form-group styling */
.confirmation-error[b-t5g6a1v0pt],
.checkout-legal .validation-message[b-t5g6a1v0pt] {
    color: var(--color-error);
    font-size: var(--text-sm);
    margin-top: var(--space-1);
    margin-left: 36px;
    display: block;
}

/* Invalid checkbox state - styling is in global app.css */

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

@media (max-width: 1023px) {
    .checkout-content[b-t5g6a1v0pt] {
        display: flex;
        flex-direction: column;
    }

    .checkout-summary[b-t5g6a1v0pt] {
        order: -1;
        margin-bottom: var(--space-4);
    }

    .checkout-summary__content.checkout-summary__collapsed[b-t5g6a1v0pt] {
        max-height: 140px;
        overflow: hidden;
        position: relative;
    }

    .checkout-summary__content.checkout-summary__collapsed[b-t5g6a1v0pt]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: linear-gradient(to bottom, transparent, var(--color-bg-white));
        pointer-events: none;
    }

    .checkout-summary__toggle[b-t5g6a1v0pt] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--space-2);
        width: 100%;
        padding: var(--space-3);
        margin-top: var(--space-2);
        background: var(--color-bg-cream);
        border: 1px solid var(--color-bg-soft);
        border-radius: var(--radius-md);
        font-size: var(--text-sm);
        font-weight: var(--weight-medium);
        color: var(--color-primary);
        cursor: pointer;
        transition: all var(--duration-fast) var(--ease-out);
        -webkit-tap-highlight-color: transparent;
    }

    .checkout-summary__toggle:hover[b-t5g6a1v0pt] {
        background: var(--color-bg-warm);
    }

    .checkout-actions[b-t5g6a1v0pt] {
        padding: var(--space-4) 0;
        padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
    }

    .checkout-actions .btn[b-t5g6a1v0pt] {
        width: 100%;
        min-height: 52px;
        font-size: var(--text-base);
    }

    .checkout-note[b-t5g6a1v0pt] {
        display: none;
    }

    .checkout-form[b-t5g6a1v0pt] {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

@media (min-width: 1024px) {
    .checkout-summary__toggle[b-t5g6a1v0pt] {
        display: none;
    }
}

/* ==========================================================================
   VALIDATION FEEDBACK ANIMATIONS
   ========================================================================== */

/* Shake animation for submit button on validation error */
.btn-validation-error[b-t5g6a1v0pt] {
    animation: shake-b-t5g6a1v0pt 0.5s ease-in-out;
}

@keyframes shake-b-t5g6a1v0pt {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
}

/* Highlight animation for validation error messages */
[b-t5g6a1v0pt] .validation-highlight,
.confirmation-error.validation-highlight[b-t5g6a1v0pt] {
    animation: validation-pulse-b-t5g6a1v0pt 0.6s ease-in-out;
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-2);
    margin-left: calc(36px - var(--space-2));
}

@keyframes validation-pulse-b-t5g6a1v0pt {
    0% {
        background: rgba(184, 92, 92, 0.2);
        transform: scale(1);
    }
    50% {
        background: rgba(184, 92, 92, 0.3);
        transform: scale(1.02);
    }
    100% {
        background: transparent;
        transform: scale(1);
    }
}
/* /Components/Pages/Cart/OrderConfirmation.razor.rz.scp.css */
.confirmation-page[b-5xzfz59d9h] {
    padding: var(--space-16) 0;
    min-height: 60vh;
    background: var(--color-bg-cream);
    display: flex;
    align-items: center;
}

.confirmation-page .container[b-5xzfz59d9h] {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 var(--space-4);
}

.confirmation-content[b-5xzfz59d9h] {
    text-align: center;
    background: var(--color-bg-white);
    border-radius: var(--radius-2xl);
    padding: var(--space-10) var(--space-8);
    box-shadow: var(--shadow-lg);
}

.confirmation-icon[b-5xzfz59d9h] {
    margin-bottom: var(--space-6);
}

.confirmation-icon svg[b-5xzfz59d9h] {
    animation: checkmark-b-5xzfz59d9h 0.6s ease-out forwards;
}

@keyframes checkmark-b-5xzfz59d9h {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.confirmation-content h1[b-5xzfz59d9h] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
}

.confirmation-message[b-5xzfz59d9h] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-8);
}

.confirmation-info[b-5xzfz59d9h] {
    background: var(--color-bg-warm);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    margin-bottom: var(--space-8);
    text-align: left;
}

.confirmation-info h2[b-5xzfz59d9h] {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
}

.confirmation-info ul[b-5xzfz59d9h] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.confirmation-info li[b-5xzfz59d9h] {
    position: relative;
    padding-left: var(--space-6);
    margin-bottom: var(--space-3);
    color: var(--color-text-body);
    line-height: var(--leading-normal);
}

.confirmation-info li:last-child[b-5xzfz59d9h] {
    margin-bottom: 0;
}

.confirmation-info li[b-5xzfz59d9h]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
}

.confirmation-contact[b-5xzfz59d9h] {
    color: var(--color-text-body);
    margin-bottom: var(--space-8);
}

.confirmation-contact a[b-5xzfz59d9h] {
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    font-size: var(--text-xl);
}

.confirmation-contact a:hover[b-5xzfz59d9h] {
    text-decoration: underline;
}

.confirmation-contact .hours[b-5xzfz59d9h] {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* Button */
.btn[b-5xzfz59d9h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-8);
    border-radius: var(--radius-lg);
    font-weight: var(--weight-medium);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
    cursor: pointer;
    border: none;
    font-family: var(--font-body);
    font-size: var(--text-lg);
}

.btn-primary[b-5xzfz59d9h] {
    background: var(--color-primary);
    color: white;
}

.btn-primary:hover[b-5xzfz59d9h] {
    background: var(--color-primary-dark);
}
/* /Components/Pages/Cookies.razor.rz.scp.css */
.policy-page[b-hlj0eblknm] {
    padding: var(--space-12) var(--space-4);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.policy-container[b-hlj0eblknm] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--color-bg-white);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.policy-container h1[b-hlj0eblknm] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2);
}

.policy-updated[b-hlj0eblknm] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}

.policy-section[b-hlj0eblknm] {
    margin-bottom: var(--space-8);
}

.policy-section:last-child[b-hlj0eblknm] {
    margin-bottom: 0;
}

.policy-section h2[b-hlj0eblknm] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.policy-section p[b-hlj0eblknm] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin: 0 0 var(--space-4);
}

.policy-section p:last-child[b-hlj0eblknm] {
    margin-bottom: 0;
}

.policy-list[b-hlj0eblknm] {
    margin: 0;
    padding-left: var(--space-6);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    list-style-type: disc;
}

.policy-list li[b-hlj0eblknm] {
    margin-bottom: var(--space-2);
}

.cookie-table-wrapper[b-hlj0eblknm] {
    overflow-x: auto;
    margin: var(--space-4) 0;
}

.cookie-table[b-hlj0eblknm] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-body);
    font-size: var(--text-sm);
}

.cookie-table th[b-hlj0eblknm],
.cookie-table td[b-hlj0eblknm] {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    border-bottom: 1px solid var(--color-bg-soft);
}

.cookie-table th[b-hlj0eblknm] {
    background: var(--color-bg-warm);
    color: var(--color-text-dark);
    font-weight: var(--weight-semibold);
}

.cookie-table td[b-hlj0eblknm] {
    color: var(--color-text-body);
}

.cookie-table tbody tr:hover[b-hlj0eblknm] {
    background: var(--color-bg-cream);
}

.policy-contact[b-hlj0eblknm] {
    font-style: normal;
    line-height: var(--leading-relaxed);
    color: var(--color-text-body);
}

.policy-contact a[b-hlj0eblknm] {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.policy-contact a:hover[b-hlj0eblknm] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

@media (max-width: 639px) {
    .policy-page[b-hlj0eblknm] {
        padding: var(--space-6) var(--space-4);
    }

    .policy-container[b-hlj0eblknm] {
        padding: var(--space-6);
    }

    .policy-container h1[b-hlj0eblknm] {
        font-size: var(--text-3xl);
    }

    .cookie-table[b-hlj0eblknm] {
        font-size: var(--text-xs);
    }

    .cookie-table th[b-hlj0eblknm],
    .cookie-table td[b-hlj0eblknm] {
        padding: var(--space-2) var(--space-3);
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-gckhjks5xp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: var(--space-8) var(--space-4);
    position: relative;
    overflow: hidden;
}

.error-content[b-gckhjks5xp] {
    text-align: center;
    max-width: 32rem;
    position: relative;
    z-index: 2;
    animation: fadeInUp-b-gckhjks5xp 0.8s var(--ease-out) forwards;
}

.error-code[b-gckhjks5xp] {
    font-family: var(--font-heading);
    font-size: clamp(5rem, 15vw, 9rem);
    font-weight: 300;
    line-height: 1;
    color: var(--color-primary);
    opacity: 0.12;
    margin-bottom: var(--space-2);
    animation: fadeIn-b-gckhjks5xp 1s var(--ease-out) forwards;
}

.error-title[b-gckhjks5xp] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    font-weight: 500;
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
    line-height: 1.2;
}

.error-message[b-gckhjks5xp] {
    font-family: var(--font-body);
    font-size: var(--text-lg);
    color: var(--color-text-muted);
    line-height: 1.7;
    margin-bottom: var(--space-8);
}

.error-actions[b-gckhjks5xp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: center;
    margin-bottom: var(--space-12);
}

.error-actions .btn[b-gckhjks5xp] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

.btn-icon[b-gckhjks5xp] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.helpful-links[b-gckhjks5xp] {
    padding-top: var(--space-8);
    border-top: 1px solid var(--color-border);
}

.helpful-title[b-gckhjks5xp] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: var(--space-4);
}

.link-list[b-gckhjks5xp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    justify-content: center;
}

.helpful-link[b-gckhjks5xp] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-primary);
    text-decoration: none;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast) var(--ease-out);
}

.helpful-link:hover[b-gckhjks5xp] {
    background: var(--color-primary-50);
    color: var(--color-primary-dark);
}

/* Botanical Decorations - Left Side */
.botanical-decoration[b-gckhjks5xp] {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.botanical-left[b-gckhjks5xp] {
    left: -2rem;
    top: 20%;
    transform: rotate(-15deg);
    opacity: 0;
    animation: slideInLeft-b-gckhjks5xp 1.2s var(--ease-out) 0.3s forwards;
}

.botanical-right[b-gckhjks5xp] {
    right: -2rem;
    bottom: 15%;
    transform: rotate(15deg) scaleX(-1);
    opacity: 0;
    animation: slideInRight-b-gckhjks5xp 1.2s var(--ease-out) 0.5s forwards;
}

.stem[b-gckhjks5xp] {
    width: 3px;
    height: 120px;
    background: linear-gradient(to top, var(--color-primary), var(--color-primary-light));
    border-radius: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.leaf[b-gckhjks5xp] {
    position: absolute;
    width: 40px;
    height: 60px;
    background: var(--color-primary);
    border-radius: 50% 0 50% 50%;
    opacity: 0.7;
    left: 50%;
    transform-origin: bottom center;
}

.leaf[b-gckhjks5xp]::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 70%;
    background: var(--color-primary-dark);
    opacity: 0.3;
    left: 50%;
    top: 15%;
    transform: translateX(-50%);
    border-radius: 1px;
}

.leaf-1[b-gckhjks5xp] {
    bottom: 90px;
    transform: translateX(-100%) rotate(-45deg);
    animation: leafSway-b-gckhjks5xp 4s ease-in-out infinite;
}

.leaf-2[b-gckhjks5xp] {
    bottom: 60px;
    transform: translateX(0%) rotate(35deg);
    animation: leafSway-b-gckhjks5xp 4.5s ease-in-out 0.5s infinite;
}

.leaf-3[b-gckhjks5xp] {
    bottom: 30px;
    transform: translateX(-100%) rotate(-30deg);
    width: 30px;
    height: 45px;
    animation: leafSway-b-gckhjks5xp 3.5s ease-in-out 1s infinite;
}

/* Flower Accent */
.flower-accent[b-gckhjks5xp] {
    position: absolute;
    bottom: 10%;
    left: 15%;
    width: 60px;
    height: 60px;
    opacity: 0;
    animation: bloomIn-b-gckhjks5xp 1s var(--ease-out) 0.8s forwards;
}

.petal[b-gckhjks5xp] {
    position: absolute;
    width: 20px;
    height: 30px;
    background: var(--color-primary-light);
    border-radius: 50% 50% 50% 50%;
    opacity: 0.6;
    left: 50%;
    top: 50%;
    transform-origin: center bottom;
}

.petal-1[b-gckhjks5xp] { transform: translate(-50%, -100%) rotate(0deg); }
.petal-2[b-gckhjks5xp] { transform: translate(-50%, -100%) rotate(72deg); }
.petal-3[b-gckhjks5xp] { transform: translate(-50%, -100%) rotate(144deg); }
.petal-4[b-gckhjks5xp] { transform: translate(-50%, -100%) rotate(216deg); }
.petal-5[b-gckhjks5xp] { transform: translate(-50%, -100%) rotate(288deg); }

.flower-center[b-gckhjks5xp] {
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--color-warning);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

/* Dev Info */
.dev-info[b-gckhjks5xp] {
    position: fixed;
    bottom: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-warm);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    box-shadow: var(--shadow-md);
    z-index: 100;
}

.dev-info code[b-gckhjks5xp] {
    font-family: monospace;
    background: var(--color-bg-soft);
    padding: 0.2em 0.4em;
    border-radius: var(--radius-sm);
}

/* Animations */
@keyframes fadeIn-b-gckhjks5xp {
    from { opacity: 0; }
    to { opacity: 0.12; }
}

@keyframes fadeInUp-b-gckhjks5xp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft-b-gckhjks5xp {
    from {
        opacity: 0;
        transform: translateX(-40px) rotate(-15deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(-15deg);
    }
}

@keyframes slideInRight-b-gckhjks5xp {
    from {
        opacity: 0;
        transform: translateX(40px) rotate(15deg) scaleX(-1);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(15deg) scaleX(-1);
    }
}

@keyframes leafSway-b-gckhjks5xp {
    0%, 100% { transform: translateX(-100%) rotate(-45deg); }
    50% { transform: translateX(-100%) rotate(-40deg); }
}

@keyframes bloomIn-b-gckhjks5xp {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsive */
@media (max-width: 640px) {
    .error-page[b-gckhjks5xp] {
        min-height: 60vh;
        padding: var(--space-6) var(--space-4);
    }

    .error-title[b-gckhjks5xp] {
        font-size: var(--text-2xl);
    }

    .error-message[b-gckhjks5xp] {
        font-size: var(--text-base);
    }

    .botanical-decoration[b-gckhjks5xp] {
        transform: scale(0.6);
    }

    .botanical-left[b-gckhjks5xp] {
        left: -3rem;
        top: 10%;
    }

    .botanical-right[b-gckhjks5xp] {
        right: -3rem;
        bottom: 5%;
    }

    .flower-accent[b-gckhjks5xp] {
        display: none;
    }

    .error-actions[b-gckhjks5xp] {
        flex-direction: column;
        align-items: stretch;
    }

    .error-actions .btn[b-gckhjks5xp] {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .botanical-left[b-gckhjks5xp] {
        left: 5%;
    }

    .botanical-right[b-gckhjks5xp] {
        right: 5%;
    }

    .flower-accent[b-gckhjks5xp] {
        left: 20%;
        width: 80px;
        height: 80px;
    }
}
/* /Components/Pages/Handelsbetingelser.razor.rz.scp.css */
.policy-page[b-6koas7wze3] {
    padding: var(--space-12) var(--space-4);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.policy-container[b-6koas7wze3] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--color-bg-white);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.policy-container h1[b-6koas7wze3] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2);
}

.policy-updated[b-6koas7wze3] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}

.policy-section[b-6koas7wze3] {
    margin-bottom: var(--space-8);
}

.policy-section:last-child[b-6koas7wze3] {
    margin-bottom: 0;
}

.policy-section h2[b-6koas7wze3] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
    font-feature-settings: "lnum";
}

.policy-section p[b-6koas7wze3] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin: 0 0 var(--space-4);
}

.policy-section p:last-child[b-6koas7wze3] {
    margin-bottom: 0;
}

.policy-list[b-6koas7wze3] {
    margin: 0;
    padding-left: var(--space-6);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    list-style-type: disc;
}

.policy-list li[b-6koas7wze3] {
    margin-bottom: var(--space-2);
}

.policy-contact[b-6koas7wze3] {
    font-style: normal;
    line-height: var(--leading-relaxed);
    color: var(--color-text-body);
}

.policy-contact a[b-6koas7wze3] {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.policy-contact a:hover[b-6koas7wze3] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

@media (max-width: 639px) {
    .policy-page[b-6koas7wze3] {
        padding: var(--space-6) var(--space-4);
    }

    .policy-container[b-6koas7wze3] {
        padding: var(--space-6);
    }

    .policy-container h1[b-6koas7wze3] {
        font-size: var(--text-3xl);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ==========================================================================
   Naturbinderiet Homepage - Organisk Elegance
   Din lokale blomsterbinder i Holstebro
   ========================================================================== */

/* ==========================================================================
   HERO SECTION
   ========================================================================== */

.hero[b-h3e0i2u9tx] {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero__backdrop[b-h3e0i2u9tx] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 20%, rgba(74, 124, 63, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(196, 165, 116, 0.06) 0%, transparent 50%),
        linear-gradient(180deg, var(--color-bg-cream) 0%, var(--color-bg-warm) 100%);
}

.hero__overlay[b-h3e0i2u9tx] {
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234a7c3f' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
}

.hero__content[b-h3e0i2u9tx] {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: var(--space-8) var(--space-6);
    max-width: 800px;
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) both;
}

.hero__badge[b-h3e0i2u9tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    color: var(--color-primary);
    font-weight: var(--weight-medium);
    box-shadow: var(--shadow-soft);
    margin-bottom: var(--space-6);
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) 0.1s both;
}

.hero__badge svg[b-h3e0i2u9tx] {
    flex-shrink: 0;
}

.hero__title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-tight);
    color: var(--color-text-dark);
    margin-bottom: var(--space-6);
    letter-spacing: var(--tracking-tight);
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) 0.2s both;
}

.hero__title-accent[b-h3e0i2u9tx] {
    color: var(--color-primary);
    font-style: italic;
    font-weight: var(--weight-medium);
}

.hero__subtitle[b-h3e0i2u9tx] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-6);
    max-width: 500px;
    margin-inline: auto;
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) 0.3s both;
}

.hero__delivery-promise[b-h3e0i2u9tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-5);
    background: var(--color-primary-overlay-light);
    border-radius: var(--radius-lg);
    color: var(--color-primary-dark);
    font-size: var(--text-base);
    margin-bottom: var(--space-8);
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) 0.4s both;
}

.hero__delivery-promise svg[b-h3e0i2u9tx] {
    color: var(--color-primary);
}

.hero__delivery-promise strong[b-h3e0i2u9tx] {
    font-weight: var(--weight-semibold);
}

.hero__actions[b-h3e0i2u9tx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: center;
    animation: fadeInUp-b-h3e0i2u9tx 0.8s var(--ease-out) 0.5s both;
    margin-bottom: var(--space-24);
}

.hero__scroll-indicator[b-h3e0i2u9tx] {
    position: absolute;
    bottom: var(--space-8);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    animation: fadeIn-b-h3e0i2u9tx 1s var(--ease-out) 1s both;
}

.hero__scroll-line[b-h3e0i2u9tx] {
    width: 1px;
    height: 40px;
    background: linear-gradient(to bottom, var(--color-primary-muted), transparent);
    animation: scrollPulse-b-h3e0i2u9tx 2s ease-in-out infinite;
}

/* ==========================================================================
   TRUST BAR
   ========================================================================== */

.trust-bar[b-h3e0i2u9tx] {
    background: var(--color-primary);
    padding: var(--space-4) var(--space-6);
}

.trust-bar__inner[b-h3e0i2u9tx] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.trust-bar__item[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: #ffffff;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    padding: var(--space-2) var(--space-3);
}

.trust-bar__item svg[b-h3e0i2u9tx] {
    flex-shrink: 0;
    opacity: 0.85;
}

.trust-bar__item--highlight[b-h3e0i2u9tx] {
    color: var(--color-secondary-light);
}

.trust-bar__item--highlight svg[b-h3e0i2u9tx] {
    color: var(--color-secondary-light);
    opacity: 1;
}

.trust-bar__divider[b-h3e0i2u9tx] {
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   DELIVERY CHECKER SECTION
   ========================================================================== */

.delivery-section[b-h3e0i2u9tx] {
    padding: var(--space-16) var(--space-6);
    background: var(--color-bg-warm);
}

.delivery-checker[b-h3e0i2u9tx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-8);
    max-width: 1100px;
    margin: 0 auto;
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    padding: var(--space-8);
    box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
    .delivery-checker[b-h3e0i2u9tx] {
        grid-template-columns: 1fr;
        padding: var(--space-10);
    }
}

.delivery-checker__title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.delivery-checker__text[b-h3e0i2u9tx] {
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
}

.delivery-checker__input-wrapper[b-h3e0i2u9tx] {
    position: relative;
    margin-top: var(--space-2);
}

.delivery-checker__input-group[b-h3e0i2u9tx] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
}

.delivery-checker__input[b-h3e0i2u9tx] {
    flex: 1;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-family: inherit;
    transition: border-color var(--duration-fast) var(--ease-out);
}

.delivery-checker__input:focus[b-h3e0i2u9tx] {
    outline: none;
    border-color: var(--color-primary);
}

.delivery-checker__input[b-h3e0i2u9tx]::placeholder {
    color: var(--color-text-light);
}

.delivery-checker__suggestions[b-h3e0i2u9tx] {
    position: absolute;
    top: calc(100% + var(--space-1));
    left: 0;
    right: 0;
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    min-height: 200px;
    max-height: 280px;
    overflow-y: auto;
    z-index: var(--z-dropdown);
    box-shadow: var(--shadow-lg);
    list-style: none;
    margin: 0;
    padding: var(--space-2) 0;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.delivery-checker__suggestions li[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--color-text-body);
    transition: background var(--duration-fast) var(--ease-out);
}

.delivery-checker__suggestions li:hover[b-h3e0i2u9tx] {
    background: var(--color-bg-warm);
}

.delivery-checker__suggestions li:focus[b-h3e0i2u9tx],
.delivery-checker__suggestions li.selected[b-h3e0i2u9tx] {
    background: rgba(74, 124, 63, 0.15);
    outline: none;
    color: var(--color-primary-dark);
}

.delivery-checker__suggestions li svg[b-h3e0i2u9tx] {
    flex-shrink: 0;
    color: var(--color-primary-muted);
}

.delivery-checker__searching[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.delivery-checker__loading[b-h3e0i2u9tx] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin-b-h3e0i2u9tx 0.8s linear infinite;
}

@keyframes spin-b-h3e0i2u9tx {
    to {
        transform: rotate(360deg);
    }
}

.delivery-checker__result[b-h3e0i2u9tx] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    animation: fadeIn-b-h3e0i2u9tx 0.3s var(--ease-out);
}

.delivery-checker__result svg[b-h3e0i2u9tx] {
    flex-shrink: 0;
    margin-top: 2px;
}

.delivery-checker__result--success[b-h3e0i2u9tx] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.delivery-checker__result--error[b-h3e0i2u9tx] {
    background: var(--color-error-bg);
    color: var(--color-error);
}

.delivery-checker__map[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-checker__image[b-h3e0i2u9tx] {
    width: 100%;
    max-width: 700px;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    margin: 0 auto;
}

.delivery-checker__map-visual[b-h3e0i2u9tx] {
    position: relative;
    width: 280px;
    height: 280px;
}

.delivery-map-svg[b-h3e0i2u9tx] {
    width: 100%;
    height: 100%;
    display: block;
}

.delivery-map__labels[b-h3e0i2u9tx] {
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    pointer-events: none;
}

.delivery-map__radius[b-h3e0i2u9tx] {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
}

.delivery-map__city[b-h3e0i2u9tx] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-weight: 400;
}

/* ==========================================================================
   SECTION HEADERS
   ========================================================================== */

.section-header[b-h3e0i2u9tx] {
    text-align: center;
    margin-bottom: var(--space-10);
}

.section-header--with-action[b-h3e0i2u9tx] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.section-label[b-h3e0i2u9tx] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin-bottom: var(--space-2);
}

.section-title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    line-height: var(--leading-tight);
}

/* ==========================================================================
   OCCASIONS SECTION
   ========================================================================== */

.occasions[b-h3e0i2u9tx] {
    padding: var(--space-16) var(--space-6);
    background: var(--color-bg-warm);
}

.occasions__grid[b-h3e0i2u9tx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
    max-width: var(--container-xl);
    margin: 0 auto;
}

@media (min-width: 640px) {
    .occasions__grid[b-h3e0i2u9tx] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .occasions__grid[b-h3e0i2u9tx] {
        grid-template-columns: repeat(6, 1fr);
        gap: var(--space-5);
    }
}

.occasion-card[b-h3e0i2u9tx] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-6) var(--space-4);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    text-decoration: none;
    overflow: hidden;
    transition: transform var(--duration-normal) var(--ease-out),
                box-shadow var(--duration-normal) var(--ease-out);
}

.occasion-card:hover[b-h3e0i2u9tx] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.occasion-card__bg[b-h3e0i2u9tx] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity var(--duration-normal) var(--ease-out);
}

.occasion-card:hover .occasion-card__bg[b-h3e0i2u9tx] {
    opacity: 0.08;
}

.occasion-card__content[b-h3e0i2u9tx] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.occasion-card__icon[b-h3e0i2u9tx] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-warm);
    border-radius: var(--radius-lg);
    color: var(--color-primary);
    transition: background var(--duration-normal) var(--ease-out),
                color var(--duration-normal) var(--ease-out);
}

.occasion-card:hover .occasion-card__icon[b-h3e0i2u9tx] {
    background: var(--color-primary);
    color: white;
}

.occasion-card__title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    margin: 0;
}

.occasion-card__cta[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-primary);
    font-weight: var(--weight-medium);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity var(--duration-normal) var(--ease-out),
                transform var(--duration-normal) var(--ease-out);
}

.occasion-card:hover .occasion-card__cta[b-h3e0i2u9tx] {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   PRODUCTS SECTION
   ========================================================================== */

.products[b-h3e0i2u9tx] {
    padding: var(--space-16) var(--space-6);
    background: var(--color-bg-warm);
}

.products__grid[b-h3e0i2u9tx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
    max-width: var(--container-xl);
    margin: 0 auto;
}

@media (min-width: 768px) {
    .products__grid[b-h3e0i2u9tx] {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-6);
    }
}

.product-card[b-h3e0i2u9tx] {
    position: relative;
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-soft);
    transition: transform var(--duration-normal) var(--ease-out),
                box-shadow var(--duration-normal) var(--ease-out);
}

.product-card:hover[b-h3e0i2u9tx] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.product-card__badge[b-h3e0i2u9tx] {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    z-index: 2;
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: white;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
}

.product-card__image[b-h3e0i2u9tx] {
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
}

.product-card__image-placeholder[b-h3e0i2u9tx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-bg-warm) 0%, var(--color-bg-soft) 100%);
    color: var(--color-primary-muted);
    transition: transform var(--duration-slow) var(--ease-out);
}

.product-card:hover .product-card__image-placeholder[b-h3e0i2u9tx] {
    transform: scale(1.05);
}

.product-card__body[b-h3e0i2u9tx] {
    padding: var(--space-4);
}

.product-card__title[b-h3e0i2u9tx] {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    text-decoration: none;
    margin-bottom: var(--space-1);
    transition: color var(--duration-fast) var(--ease-out);
}

.product-card__title:hover[b-h3e0i2u9tx] {
    color: var(--color-primary);
}

.product-card__description[b-h3e0i2u9tx] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
    margin-bottom: var(--space-3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card__footer[b-h3e0i2u9tx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.product-card__price[b-h3e0i2u9tx] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
}

.product-card__price strong[b-h3e0i2u9tx] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.product-card__add[b-h3e0i2u9tx] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-warm);
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-primary);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out);
}

.product-card__add:hover[b-h3e0i2u9tx] {
    background: var(--color-primary);
    color: white;
}

/* ==========================================================================
   WHY US SECTION
   ========================================================================== */

.why-us[b-h3e0i2u9tx] {
    padding: var(--space-16) var(--space-6);
    background: var(--color-bg-warm);
}

.why-us__grid[b-h3e0i2u9tx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    max-width: var(--container-lg);
    margin: 0 auto var(--space-10);
}

@media (min-width: 768px) {
    .why-us__grid[b-h3e0i2u9tx] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.why-card[b-h3e0i2u9tx] {
    text-align: center;
    padding: var(--space-6);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.why-card__icon[b-h3e0i2u9tx] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-4);
    background: var(--color-bg-cream);
    border-radius: var(--radius-lg);
    color: var(--color-primary);
}

.why-card__title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-3);
}

.why-card__text[b-h3e0i2u9tx] {
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
}

.why-us__cta[b-h3e0i2u9tx] {
    text-align: center;
}

.why-us__cta p[b-h3e0i2u9tx] {
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

/* ==========================================================================
   TESTIMONIALS SECTION
   ========================================================================== */

.testimonials[b-h3e0i2u9tx] {
    padding: var(--space-16) var(--space-6);
    background: var(--color-bg-cream);
}

.testimonials__grid[b-h3e0i2u9tx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    max-width: var(--container-lg);
    margin: 0 auto;
}

@media (min-width: 768px) {
    .testimonials__grid[b-h3e0i2u9tx] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.testimonial-card[b-h3e0i2u9tx] {
    background: var(--color-bg-white);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    margin: 0;
}

.testimonial-card__stars[b-h3e0i2u9tx] {
    display: flex;
    gap: var(--space-1);
    margin-bottom: var(--space-4);
    color: var(--color-secondary);
}

.testimonial-card__quote[b-h3e0i2u9tx] {
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    font-style: italic;
    margin-bottom: var(--space-4);
}

.testimonial-card__author[b-h3e0i2u9tx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.testimonial-card__author strong[b-h3e0i2u9tx] {
    font-size: var(--text-base);
    color: var(--color-text-dark);
    font-weight: var(--weight-semibold);
}

.testimonial-card__author span[b-h3e0i2u9tx] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ==========================================================================
   CTA SECTION
   ========================================================================== */

.cta-section[b-h3e0i2u9tx] {
    background: var(--color-primary);
    padding: var(--space-12) var(--space-6);
}

.cta-section__inner[b-h3e0i2u9tx] {
    max-width: var(--container-md);
    margin: 0 auto;
    text-align: center;
}

.cta-section__content[b-h3e0i2u9tx] {
    margin-bottom: var(--space-6);
}

.cta-section__title[b-h3e0i2u9tx] {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: var(--weight-semibold);
    color: white;
    margin-bottom: var(--space-3);
}

.cta-section__text[b-h3e0i2u9tx] {
    font-size: var(--text-lg);
    color: #ffffff;
    line-height: var(--leading-relaxed);
    max-width: 500px;
    margin: 0 auto var(--space-6);
}

.cta-section__contact[b-h3e0i2u9tx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

.cta-section__phone[b-h3e0i2u9tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    background: white;
    color: var(--color-primary);
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    border-radius: var(--radius-lg);
    transition: transform var(--duration-fast) var(--ease-out),
                box-shadow var(--duration-fast) var(--ease-out);
}

.cta-section__phone:hover[b-h3e0i2u9tx] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.cta-section__hours[b-h3e0i2u9tx] {
    display: flex;
    gap: var(--space-4);
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--text-sm);
}

.cta-section__address[b-h3e0i2u9tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-6);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--text-sm);
}

/* ==========================================================================
   CONTAINER & UTILITIES
   ========================================================================== */

.container[b-h3e0i2u9tx] {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-6);
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */

@keyframes fadeIn-b-h3e0i2u9tx {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp-b-h3e0i2u9tx {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scrollPulse-b-h3e0i2u9tx {
    0%, 100% {
        opacity: 0.3;
        transform: scaleY(1);
    }
    50% {
        opacity: 1;
        transform: scaleY(1.2);
    }
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */

@media (max-width: 640px) {
    .hero[b-h3e0i2u9tx] {
        min-height: 75vh;
    }

    .hero__actions[b-h3e0i2u9tx] {
        flex-direction: column;
        width: 100%;
    }

    .hero__actions .btn[b-h3e0i2u9tx] {
        width: 100%;
        justify-content: center;
    }

    .trust-bar[b-h3e0i2u9tx] {
        margin: 0 var(--space-12);
        border-radius: var(--radius-xl);
    }

    .trust-bar__inner[b-h3e0i2u9tx] {
        flex-direction: column;
        gap: var(--space-2);
    }

    .trust-bar__divider[b-h3e0i2u9tx] {
        display: none;
    }

    .delivery-checker__input-group[b-h3e0i2u9tx] {
        flex-direction: column;
    }

    .delivery-checker__suggestions[b-h3e0i2u9tx] {
        position: relative;
        top: var(--space-2);
    }

    .section-header--with-action[b-h3e0i2u9tx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cta-section__hours[b-h3e0i2u9tx] {
        flex-direction: column;
        gap: var(--space-1);
    }
}
/* /Components/Pages/Kontakt.razor.rz.scp.css */
.contact-page[b-5vvneirf6a] {
    padding: var(--space-12) var(--space-4);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.contact-container[b-5vvneirf6a] {
    max-width: 1000px;
    margin: 0 auto;
}

.contact-header[b-5vvneirf6a] {
    text-align: center;
    margin-bottom: var(--space-10);
}

.contact-header h1[b-5vvneirf6a] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.contact-intro[b-5vvneirf6a] {
    font-family: var(--font-body);
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    max-width: 600px;
    margin: 0 auto;
}

.contact-grid[b-5vvneirf6a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
    margin-bottom: var(--space-10);
}

.contact-info-section[b-5vvneirf6a],
.contact-form-section[b-5vvneirf6a] {
    background: var(--color-bg-white);
    padding: var(--space-8);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.contact-cards[b-5vvneirf6a] {
    display: grid;
    gap: var(--space-6);
}

.contact-card[b-5vvneirf6a] {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--color-bg-cream);
    border-radius: var(--radius-md);
    transition: transform var(--duration-fast), box-shadow var(--duration-fast);
}

.contact-card:hover[b-5vvneirf6a] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.contact-card__icon[b-5vvneirf6a] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-bg-white);
    border-radius: var(--radius-md);
}

.contact-card__content[b-5vvneirf6a] {
    flex: 1;
}

.contact-card__content h3[b-5vvneirf6a] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 var(--space-1);
}

.contact-card__value[b-5vvneirf6a] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    text-decoration: none;
    display: block;
    font-style: normal;
}

a.contact-card__value:hover[b-5vvneirf6a] {
    color: var(--color-primary);
}

.contact-card__note[b-5vvneirf6a] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: var(--space-1) 0 0;
}

.contact-card__hours[b-5vvneirf6a] {
    font-size: var(--text-sm);
}

.hours-row[b-5vvneirf6a] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-1) 0;
    color: var(--color-text-body);
}

.hours-row--closed[b-5vvneirf6a] {
    color: var(--color-text-muted);
}

.delivery-info[b-5vvneirf6a] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    margin-top: var(--space-6);
    background: linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-bg-cream) 100%);
    border-radius: var(--radius-md);
}

.delivery-info__icon[b-5vvneirf6a] {
    flex-shrink: 0;
    color: var(--color-primary);
}

.delivery-info__content[b-5vvneirf6a] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
}

.delivery-info__content strong[b-5vvneirf6a] {
    display: block;
    color: var(--color-text-dark);
    margin-bottom: var(--space-1);
}

.delivery-info__content p[b-5vvneirf6a] {
    margin: 0;
}

.delivery-info__content a[b-5vvneirf6a] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: var(--weight-medium);
}

.delivery-info__content a:hover[b-5vvneirf6a] {
    text-decoration: underline;
}

.contact-form-section h2[b-5vvneirf6a] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2);
}

.form-intro[b-5vvneirf6a] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0 0 var(--space-6);
}

.contact-form-section[b-5vvneirf6a] {
    display: flex;
    flex-direction: column;
}

.contact-form-section form[b-5vvneirf6a] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.form-group[b-5vvneirf6a] {
    width: 100%;
    margin-bottom: var(--space-5);
}

.form-group:last-child[b-5vvneirf6a] {
    margin-bottom: 0;
}

.form-row[b-5vvneirf6a] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-5);
}

.form-row .form-group[b-5vvneirf6a] {
    margin-bottom: var(--space-5);
}

.form-row .form-group:last-child[b-5vvneirf6a] {
    margin-bottom: 0;
}

.contact-form-section .alert[b-5vvneirf6a] {
    margin-top: var(--space-4);
}

.contact-form-section button[type="submit"][b-5vvneirf6a] {
    margin-top: var(--space-6);
}

.form-group label[b-5vvneirf6a] {
    display: block;
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
}

.form-group input[b-5vvneirf6a],
.form-group select[b-5vvneirf6a],
.form-group textarea[b-5vvneirf6a] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: var(--space-3) var(--space-4);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}

.form-group input:focus[b-5vvneirf6a],
.form-group select:focus[b-5vvneirf6a],
.form-group textarea:focus[b-5vvneirf6a] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(74, 124, 63, 0.1);
}

.form-group input[b-5vvneirf6a]::placeholder,
.form-group textarea[b-5vvneirf6a]::placeholder {
    color: var(--color-text-muted);
}

.form-group textarea[b-5vvneirf6a] {
    resize: vertical;
    min-height: 120px;
}

.form-group select[b-5vvneirf6a] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7c6c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-4) center;
    padding-right: var(--space-10);
}


.form-group--full-width[b-5vvneirf6a] {
    grid-column: 1 / -1;
}

.validation-message[b-5vvneirf6a] {
    color: var(--color-error);
    font-size: var(--text-sm);
    margin-top: var(--space-1);
}

.alert[b-5vvneirf6a] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    font-size: var(--text-sm);
}

.alert--success[b-5vvneirf6a] {
    background: var(--color-success-bg);
    color: var(--color-success);
    border: 1px solid var(--color-success);
}

.alert--error[b-5vvneirf6a] {
    background: var(--color-error-bg);
    color: var(--color-error);
    border: 1px solid var(--color-error);
}

@media (max-width: 767px) {
    .contact-page[b-5vvneirf6a] {
        padding: var(--space-6) var(--space-4);
    }

    .contact-header h1[b-5vvneirf6a] {
        font-size: var(--text-3xl);
    }

    .contact-intro[b-5vvneirf6a] {
        font-size: var(--text-base);
    }

    .contact-grid[b-5vvneirf6a] {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .contact-info-section[b-5vvneirf6a],
    .contact-form-section[b-5vvneirf6a] {
        padding: var(--space-6);
    }

    .contact-form-section form[b-5vvneirf6a] {
        grid-template-columns: 1fr;
    }

    .contact-card[b-5vvneirf6a] {
        padding: var(--space-3);
    }

    .contact-card__icon[b-5vvneirf6a] {
        width: 40px;
        height: 40px;
    }

    .contact-card__icon svg[b-5vvneirf6a] {
        width: 20px;
        height: 20px;
    }
}
/* /Components/Pages/OmOs.razor.rz.scp.css */
.about-page[b-4q1zoch5ty] {
    padding: var(--space-12) var(--space-4);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.about-container[b-4q1zoch5ty] {
    max-width: 1000px;
    margin: 0 auto;
}

.about-header[b-4q1zoch5ty] {
    text-align: center;
    margin-bottom: var(--space-10);
}

.about-header h1[b-4q1zoch5ty] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.about-intro[b-4q1zoch5ty] {
    font-family: var(--font-body);
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    max-width: 600px;
    margin: 0 auto;
}

.about-grid[b-4q1zoch5ty] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
}

.about-info-section[b-4q1zoch5ty],
.about-services-section[b-4q1zoch5ty] {
    background: var(--color-bg-white);
    padding: var(--space-8);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.about-card[b-4q1zoch5ty] {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-6);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-bottom: var(--space-8);
}

.about-card--story[b-4q1zoch5ty] {
    padding: var(--space-8);
    align-items: center;
}

.about-card__image[b-4q1zoch5ty] {
    flex-shrink: 0;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--color-primary-light);
    box-shadow: var(--shadow-md);
}

.about-card__icon[b-4q1zoch5ty] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-bg-white);
    border-radius: var(--radius-md);
}

.about-card__content h3[b-4q1zoch5ty] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 var(--space-2);
}

.about-card__content p[b-4q1zoch5ty] {
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin: 0 0 var(--space-3);
}

.about-card__content p:last-child[b-4q1zoch5ty] {
    margin-bottom: 0;
}

.values-section[b-4q1zoch5ty] {
    margin-bottom: var(--space-6);
}

.values-section h2[b-4q1zoch5ty] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.values-cards[b-4q1zoch5ty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.value-card[b-4q1zoch5ty] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3);
    background: var(--color-bg-cream);
    border-radius: var(--radius-md);
    transition: transform var(--duration-fast), box-shadow var(--duration-fast);
}

.value-card:hover[b-4q1zoch5ty] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.value-card__icon[b-4q1zoch5ty] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-bg-white);
    border-radius: var(--radius-md);
}

.value-card__content h4[b-4q1zoch5ty] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-1);
}

.value-card__content p[b-4q1zoch5ty] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
    line-height: var(--leading-normal);
}

.delivery-info[b-4q1zoch5ty] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-bg-cream) 100%);
    border-radius: var(--radius-md);
}

.delivery-info__icon[b-4q1zoch5ty] {
    flex-shrink: 0;
    color: var(--color-primary);
}

.delivery-info__content[b-4q1zoch5ty] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
}

.delivery-info__content strong[b-4q1zoch5ty] {
    display: block;
    color: var(--color-text-dark);
    margin-bottom: var(--space-1);
}

.delivery-info__content p[b-4q1zoch5ty] {
    margin: 0;
}

.delivery-info__content a[b-4q1zoch5ty] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: var(--weight-medium);
}

.delivery-info__content a:hover[b-4q1zoch5ty] {
    text-decoration: underline;
}

.about-services-section h2[b-4q1zoch5ty] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2);
}

.services-intro[b-4q1zoch5ty] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0 0 var(--space-6);
}

.services-cards[b-4q1zoch5ty] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.service-card[b-4q1zoch5ty] {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--color-bg-cream);
    border-radius: var(--radius-md);
    transition: transform var(--duration-fast), box-shadow var(--duration-fast);
}

.service-card:hover[b-4q1zoch5ty] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.service-card__icon[b-4q1zoch5ty] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-bg-white);
    border-radius: var(--radius-md);
}

.service-card__content h3[b-4q1zoch5ty] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-1);
}

.service-card__content p[b-4q1zoch5ty] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
    line-height: var(--leading-relaxed);
}

.contact-cta[b-4q1zoch5ty] {
    text-align: center;
    padding: var(--space-8);
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-top: var(--space-8);
}

.contact-cta h3[b-4q1zoch5ty] {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-1);
}

.contact-cta > p[b-4q1zoch5ty] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0 0 var(--space-4);
}

.contact-cta__actions[b-4q1zoch5ty] {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.contact-cta__link[b-4q1zoch5ty] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.contact-cta__link:hover[b-4q1zoch5ty] {
    color: var(--color-primary-dark);
}

.contact-cta > .contact-cta__cvr[b-4q1zoch5ty] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin: var(--space-6) 0 0;
}

@media (max-width: 767px) {
    .about-page[b-4q1zoch5ty] {
        padding: var(--space-6) var(--space-4);
    }

    .about-header h1[b-4q1zoch5ty] {
        font-size: var(--text-3xl);
    }

    .about-intro[b-4q1zoch5ty] {
        font-size: var(--text-base);
    }

    .about-grid[b-4q1zoch5ty] {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .about-info-section[b-4q1zoch5ty],
    .about-services-section[b-4q1zoch5ty] {
        padding: var(--space-6);
    }

    .about-card[b-4q1zoch5ty] {
        flex-direction: column;
        text-align: center;
        padding: var(--space-5);
        margin-bottom: var(--space-6);
    }

    .about-card--story[b-4q1zoch5ty] {
        padding: var(--space-5);
    }

    .about-card__image[b-4q1zoch5ty] {
        width: 150px;
        height: 150px;
        margin: 0 auto var(--space-4);
    }

    .about-card__icon[b-4q1zoch5ty] {
        margin: 0 auto;
    }

    .contact-cta[b-4q1zoch5ty] {
        padding: var(--space-6);
        margin-top: var(--space-6);
    }

    .value-card[b-4q1zoch5ty] {
        padding: var(--space-3);
    }

    .value-card__icon[b-4q1zoch5ty] {
        width: 36px;
        height: 36px;
    }

    .value-card__icon svg[b-4q1zoch5ty] {
        width: 18px;
        height: 18px;
    }

    .service-card[b-4q1zoch5ty] {
        padding: var(--space-3);
    }

    .service-card__icon[b-4q1zoch5ty] {
        width: 40px;
        height: 40px;
    }

    .service-card__icon svg[b-4q1zoch5ty] {
        width: 20px;
        height: 20px;
    }

    .contact-cta__actions[b-4q1zoch5ty] {
        flex-direction: column;
    }
}
/* /Components/Pages/Payment/PaymentCancelled.razor.rz.scp.css */
.payment-result[b-kfepvy0r7z] {
    padding: var(--space-16) var(--space-4);
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container[b-kfepvy0r7z] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.payment-cancelled[b-kfepvy0r7z] {
    background: var(--color-bg-white);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.cancelled-icon[b-kfepvy0r7z] {
    width: 80px;
    height: 80px;
    background: var(--color-error);
    color: white;
    font-size: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
}

h1[b-kfepvy0r7z] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
}

p[b-kfepvy0r7z] {
    color: var(--color-text-body);
    margin-bottom: var(--space-2);
}

.cancelled-actions[b-kfepvy0r7z] {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--space-8);
}

.btn[b-kfepvy0r7z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-md);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    transition: all var(--duration-fast);
    cursor: pointer;
    border: none;
}

.btn-primary[b-kfepvy0r7z] {
    background: var(--color-primary);
    color: white;
}

.btn-primary:hover[b-kfepvy0r7z] {
    background: var(--color-primary-dark);
}

.btn-secondary[b-kfepvy0r7z] {
    background: var(--color-bg-soft);
    color: var(--color-text-dark);
}

.btn-secondary:hover[b-kfepvy0r7z] {
    background: var(--color-bg-warm);
}
/* /Components/Pages/Payment/PaymentSuccess.razor.rz.scp.css */
.payment-result[b-wfk0s676bf] {
    padding: var(--space-16) var(--space-4);
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container[b-wfk0s676bf] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.payment-loading[b-wfk0s676bf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

.spinner[b-wfk0s676bf] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--color-bg-soft);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-wfk0s676bf 1s linear infinite;
}

@keyframes spin-b-wfk0s676bf {
    to { transform: rotate(360deg); }
}

.payment-success[b-wfk0s676bf],
.payment-processing[b-wfk0s676bf],
.payment-cancelled[b-wfk0s676bf],
.payment-error[b-wfk0s676bf] {
    background: var(--color-bg-white);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.success-icon[b-wfk0s676bf] {
    width: 80px;
    height: 80px;
    background: var(--color-success);
    color: white;
    font-size: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
}

.cancelled-icon[b-wfk0s676bf] {
    width: 80px;
    height: 80px;
    background: var(--color-error);
    color: white;
    font-size: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
}

.processing-icon[b-wfk0s676bf] {
    width: 80px;
    height: 80px;
    background: var(--color-warning);
    font-size: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
}

.error-icon[b-wfk0s676bf] {
    width: 80px;
    height: 80px;
    background: var(--color-error);
    font-size: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
}

.processing-actions[b-wfk0s676bf],
.error-actions[b-wfk0s676bf],
.cancelled-actions[b-wfk0s676bf] {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--space-8);
}

h1[b-wfk0s676bf] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
}

.order-number[b-wfk0s676bf] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    margin-bottom: var(--space-2);
}

.payment-info[b-wfk0s676bf] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}

.success-message[b-wfk0s676bf] {
    background: var(--color-bg-cream);
    padding: var(--space-6);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-8);
}

.success-message p[b-wfk0s676bf] {
    margin: 0;
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
}

.success-message p + p[b-wfk0s676bf] {
    margin-top: var(--space-2);
}

.success-actions[b-wfk0s676bf] {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
}

.btn[b-wfk0s676bf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-md);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    transition: all var(--duration-fast);
    cursor: pointer;
    border: none;
}

.btn-primary[b-wfk0s676bf] {
    background: var(--color-primary);
    color: white;
}

.btn-primary:hover[b-wfk0s676bf] {
    background: var(--color-primary-dark);
}

.btn-secondary[b-wfk0s676bf] {
    background: var(--color-bg-soft);
    color: var(--color-text-dark);
}

.btn-secondary:hover[b-wfk0s676bf] {
    background: var(--color-bg-warm);
}
/* /Components/Pages/Privatlivspolitik.razor.rz.scp.css */
.policy-page[b-xptdclob0l] {
    padding: var(--space-12) var(--space-4);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.policy-container[b-xptdclob0l] {
    max-width: 800px;
    margin: 0 auto;
    background: var(--color-bg-white);
    padding: var(--space-10);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.policy-container h1[b-xptdclob0l] {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-2);
}

.policy-updated[b-xptdclob0l] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}

.policy-section[b-xptdclob0l] {
    margin-bottom: var(--space-8);
}

.policy-section:last-child[b-xptdclob0l] {
    margin-bottom: 0;
}

.policy-section h2[b-xptdclob0l] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    color: var(--color-text-dark);
    margin: 0 0 var(--space-4);
}

.policy-section p[b-xptdclob0l] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin: 0 0 var(--space-4);
}

.policy-section p:last-child[b-xptdclob0l] {
    margin-bottom: 0;
}

.policy-list[b-xptdclob0l] {
    margin: 0;
    padding-left: var(--space-6);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    list-style-type: disc;
}

.policy-list li[b-xptdclob0l] {
    margin-bottom: var(--space-2);
}

.cookie-table-wrapper[b-xptdclob0l] {
    overflow-x: auto;
    margin: var(--space-4) 0;
}

.cookie-table[b-xptdclob0l] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-body);
    font-size: var(--text-sm);
}

.cookie-table th[b-xptdclob0l],
.cookie-table td[b-xptdclob0l] {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    border-bottom: 1px solid var(--color-bg-soft);
}

.cookie-table th[b-xptdclob0l] {
    background: var(--color-bg-warm);
    color: var(--color-text-dark);
    font-weight: var(--weight-semibold);
}

.cookie-table td[b-xptdclob0l] {
    color: var(--color-text-body);
}

.cookie-table tbody tr:hover[b-xptdclob0l] {
    background: var(--color-bg-cream);
}

.policy-contact[b-xptdclob0l] {
    font-style: normal;
    line-height: var(--leading-relaxed);
    color: var(--color-text-body);
}

.policy-contact a[b-xptdclob0l] {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.policy-contact a:hover[b-xptdclob0l] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

@media (max-width: 639px) {
    .policy-page[b-xptdclob0l] {
        padding: var(--space-6) var(--space-4);
    }

    .policy-container[b-xptdclob0l] {
        padding: var(--space-6);
    }

    .policy-container h1[b-xptdclob0l] {
        font-size: var(--text-3xl);
    }

    .cookie-table[b-xptdclob0l] {
        font-size: var(--text-xs);
    }

    .cookie-table th[b-xptdclob0l],
    .cookie-table td[b-xptdclob0l] {
        padding: var(--space-2) var(--space-3);
    }
}
/* /Components/Pages/Products/CampaignPage.razor.rz.scp.css */
.campaign-loading[b-q13wysuvsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: var(--space-4);
}

.campaign-loading__spinner[b-q13wysuvsi] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--color-bg-soft);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-q13wysuvsi 1s linear infinite;
}

@keyframes spin-b-q13wysuvsi {
    to { transform: rotate(360deg); }
}

.campaign-not-found[b-q13wysuvsi],
.campaign-expired[b-q13wysuvsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
    padding: var(--space-8);
}

.campaign-expired__content[b-q13wysuvsi] {
    max-width: 500px;
}

.campaign-expired__title[b-q13wysuvsi] {
    font-size: var(--text-3xl);
    color: var(--color-text-dark);
    margin-bottom: var(--space-6);
}

.campaign-expired__message[b-q13wysuvsi] {
    background: var(--color-bg-soft);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
}

.campaign-expired__icon[b-q13wysuvsi] {
    font-size: 3rem;
    display: block;
    margin-bottom: var(--space-4);
}

.campaign-expired__date[b-q13wysuvsi] {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    margin-top: var(--space-2);
}

.campaign-expired__actions[b-q13wysuvsi] {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
}

.campaign-btn[b-q13wysuvsi] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-full);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    transition: all 0.2s ease;
}

.campaign-btn--primary[b-q13wysuvsi] {
    background: var(--color-primary);
    color: white;
}

.campaign-btn--primary:hover[b-q13wysuvsi] {
    background: var(--color-primary-dark);
}

.campaign-btn--secondary[b-q13wysuvsi] {
    background: var(--color-bg-soft);
    color: var(--color-text-body);
}

.campaign-btn--secondary:hover[b-q13wysuvsi] {
    background: var(--color-bg-warm);
}

.campaign-page[b-q13wysuvsi] {
    position: relative;
    padding: var(--space-8) 0;
    max-width: 1200px;
    margin: 0 auto;
}

.campaign-header[b-q13wysuvsi] {
    text-align: center;
    margin-bottom: var(--space-8);
    padding: 0 var(--space-4);
}

.campaign-header__title[b-q13wysuvsi] {
    font-size: var(--text-4xl);
    color: var(--campaign-color, var(--color-primary));
    margin-bottom: var(--space-4);
}

.campaign-header__description[b-q13wysuvsi] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    max-width: 600px;
    margin: 0 auto var(--space-4);
}

.campaign-header__period[b-q13wysuvsi] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--campaign-color) 15%, transparent),
        color-mix(in srgb, var(--campaign-color) 5%, transparent)
    );
    border: 1px solid color-mix(in srgb, var(--campaign-color) 30%, transparent);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    color: var(--color-text-body);
}

.campaign-products[b-q13wysuvsi] {
    padding: 0 var(--space-4);
}

.campaign-products__grid[b-q13wysuvsi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-6);
}

.campaign-empty[b-q13wysuvsi] {
    text-align: center;
    padding: var(--space-12);
    color: var(--color-text-muted);
}

@media (max-width: 768px) {
    .campaign-header__title[b-q13wysuvsi] {
        font-size: var(--text-2xl);
    }

    .campaign-products__grid[b-q13wysuvsi] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: var(--space-4);
    }
}
/* /Components/Pages/Products/ProductDetail.razor.rz.scp.css */
.product-detail-page[b-8w8qgi4x6q] {
    padding: var(--space-8) 0 var(--space-16);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.product-detail-page .container[b-8w8qgi4x6q] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

@media (min-width: 1024px) {
    .product-detail-page .container[b-8w8qgi4x6q] {
        padding: 0 3rem;
    }
}

/* Loading & Error States */
.loading[b-8w8qgi4x6q],
.not-found[b-8w8qgi4x6q] {
    text-align: center;
    padding: var(--space-16) var(--space-4);
}

.not-found h1[b-8w8qgi4x6q] {
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    color: var(--color-text-dark);
    margin-bottom: var(--space-4);
}

.not-found p[b-8w8qgi4x6q] {
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}

/* Product Detail Layout */
.product-detail[b-8w8qgi4x6q] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-8);
    margin-bottom: var(--space-16);
}

@media (min-width: 768px) {
    .product-detail[b-8w8qgi4x6q] {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-12);
        align-items: stretch;
    }
}

/* Gallery */
.product-detail__gallery[b-8w8qgi4x6q] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.product-detail__image-wrapper[b-8w8qgi4x6q] {
    flex: 1;
    position: relative;
    min-height: 0;
    overflow: hidden;
}

@media (max-width: 767px) {
    .product-detail__image-wrapper[b-8w8qgi4x6q] {
        aspect-ratio: 1 / 1;
    }
}

.product-detail__sizes[b-8w8qgi4x6q] {
    flex-shrink: 0;
}

/* Product Info */
.product-detail__info[b-8w8qgi4x6q] {
    display: flex;
    flex-direction: column;
}

.product-detail__header[b-8w8qgi4x6q] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.product-detail__badge[b-8w8qgi4x6q] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: var(--color-bg-white);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
}

.product-detail__category[b-8w8qgi4x6q] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-out);
}

.product-detail__category:hover[b-8w8qgi4x6q] {
    color: var(--color-primary);
}

.product-detail__info h1[b-8w8qgi4x6q] {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-3);
    line-height: var(--leading-tight);
}

.product-detail__short-desc[b-8w8qgi4x6q] {
    font-size: var(--text-lg);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-4);
}

.product-detail__price[b-8w8qgi4x6q] {
    margin: var(--space-4) 0;
    padding: var(--space-4) 0;
    border-top: 1px solid var(--color-bg-soft);
    border-bottom: 1px solid var(--color-bg-soft);
}

.product-detail__description[b-8w8qgi4x6q] {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-bg-soft);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
}

.product-detail__description p[b-8w8qgi4x6q] {
    margin-bottom: var(--space-4);
}

/* Buttons */
.btn[b-8w8qgi4x6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    border: none;
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.btn-primary[b-8w8qgi4x6q] {
    background: var(--color-primary);
    color: var(--color-bg-white);
}

@media (hover: hover) {
    .btn-primary:hover[b-8w8qgi4x6q] {
        background: var(--color-primary-dark);
        transform: translateY(-1px);
    }
}

.btn-primary:active[b-8w8qgi4x6q] {
    background: var(--color-primary-dark);
    transform: scale(0.98);
}

.btn-add-to-cart[b-8w8qgi4x6q] {
    width: 100%;
    height: 56px;
    padding: 0 var(--space-8);
    font-size: var(--text-lg);
    border-radius: var(--radius-lg);
    margin-top: auto;
}

.btn-add-to-cart svg[b-8w8qgi4x6q] {
    flex-shrink: 0;
}

/* Related Products */
.related-products[b-8w8qgi4x6q] {
    margin-top: var(--space-16);
    padding-top: var(--space-12);
    border-top: 1px solid var(--color-bg-soft);
}

.related-products h2[b-8w8qgi4x6q] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    text-align: center;
    margin-bottom: var(--space-8);
}

.product-grid[b-8w8qgi4x6q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
}

@media (min-width: 640px) {
    .product-grid[b-8w8qgi4x6q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .product-grid[b-8w8qgi4x6q] {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-6);
    }
}
/* /Components/Pages/Products/ProductList.razor.rz.scp.css */
.product-list-page[b-xj4325wrps] {
    padding: var(--space-8) 0 var(--space-16);
    background: var(--color-bg-cream);
    min-height: 60vh;
}

.product-list-page .container[b-xj4325wrps] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

@media (min-width: 1024px) {
    .product-list-page .container[b-xj4325wrps] {
        padding: 0 3rem;
    }
}

.page-header[b-xj4325wrps] {
    text-align: center;
    margin-bottom: var(--space-10);
}

.page-header h1[b-xj4325wrps] {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin-bottom: var(--space-3);
}

.page-header p[b-xj4325wrps] {
    color: var(--color-text-muted);
    font-size: var(--text-lg);
    max-width: 600px;
    margin: 0 auto;
    line-height: var(--leading-relaxed);
}

/* Toolbar */
.product-list__toolbar[b-xj4325wrps] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-bg-soft);
    flex-wrap: wrap;
    gap: var(--space-4);
}

.product-list__count[b-xj4325wrps] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.product-list__sort[b-xj4325wrps] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.product-list__sort label[b-xj4325wrps] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.product-list__sort select[b-xj4325wrps] {
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    background: var(--color-bg-white);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-out);
}

.product-list__sort select:hover[b-xj4325wrps],
.product-list__sort select:focus[b-xj4325wrps] {
    border-color: var(--color-primary-muted);
    outline: none;
}

/* Product Grid */
.product-grid[b-xj4325wrps] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
}

@media (min-width: 640px) {
    .product-grid[b-xj4325wrps] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .product-grid[b-xj4325wrps] {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-6);
    }
}

/* Loading & Empty States */
.loading[b-xj4325wrps],
.empty-state[b-xj4325wrps] {
    text-align: center;
    padding: var(--space-16) var(--space-4);
    color: var(--color-text-muted);
}

.empty-state p[b-xj4325wrps] {
    margin-bottom: var(--space-6);
    font-size: var(--text-lg);
}

.empty-state .btn[b-xj4325wrps] {
    display: inline-block;
}

/* Button styles */
.btn[b-xj4325wrps] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-6);
    border: none;
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.btn-primary[b-xj4325wrps] {
    background: var(--color-primary);
    color: var(--color-bg-white);
}

.btn-primary:hover[b-xj4325wrps] {
    background: var(--color-primary-dark);
}
/* /Components/Shared/AddressInput.razor.rz.scp.css */
.address-input[b-t8dodcys9t] {
    position: relative;
    width: 100%;
}

.address-input__container[b-t8dodcys9t] {
    position: relative;
}

.address-input__field[b-t8dodcys9t] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    font-family: var(--font-body);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: border-color var(--duration-fast) var(--ease-out);
}

.address-input__field:focus[b-t8dodcys9t] {
    outline: none;
    border-color: var(--color-primary);
}

.address-input__field[b-t8dodcys9t]::placeholder {
    color: var(--color-text-muted);
}

.address-input__field--error[b-t8dodcys9t] {
    border-color: var(--color-error);
}

.address-input__selected[b-t8dodcys9t] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    background-color: var(--color-bg-warm);
}

.address-input__selected-text[b-t8dodcys9t] {
    flex: 1;
    min-width: 0;
    color: var(--color-text-dark);
    font-size: var(--text-base);
    font-family: var(--font-body);
    line-height: var(--leading-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-input__selected .address-input__clear-btn[b-t8dodcys9t] {
    position: static;
    transform: none;
    flex-shrink: 0;
}

.address-input__clear-btn[b-t8dodcys9t] {
    position: absolute;
    right: var(--space-2);
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: 50%;
    transition: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);
    -webkit-tap-highlight-color: transparent;
}

.address-input__clear-btn:hover[b-t8dodcys9t] {
    color: var(--color-text-dark);
    background-color: var(--color-bg-soft);
}

.address-input__clear-btn:active[b-t8dodcys9t] {
    color: var(--color-error);
}

.address-input__loading[b-t8dodcys9t] {
    position: absolute;
    right: var(--space-3);
    top: 50%;
    transform: translateY(-50%);
}

.address-input__spinner[b-t8dodcys9t] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-bg-soft);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: address-input-spin-b-t8dodcys9t 0.8s linear infinite;
}

@keyframes address-input-spin-b-t8dodcys9t {
    to { transform: rotate(360deg); }
}

.address-input__suggestions[b-t8dodcys9t] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-dropdown, 100);
    margin: var(--space-1) 0 0;
    padding: var(--space-2) 0;
    list-style: none;
    background: var(--color-bg-white);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.15));
    max-height: 280px;
    overflow-y: auto;
}

.address-input__suggestions li[b-t8dodcys9t] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out);
}

.address-input__suggestions li:hover[b-t8dodcys9t],
.address-input__suggestions li.selected[b-t8dodcys9t] {
    background: var(--color-bg-warm);
}

.address-input__suggestions li svg[b-t8dodcys9t] {
    flex-shrink: 0;
    color: var(--color-primary-muted);
}

.address-input__validation-error[b-t8dodcys9t] {
    display: block;
    font-size: var(--text-sm);
    color: var(--color-error);
    margin-top: var(--space-2);
}

.address-input__hint[b-t8dodcys9t] {
    display: block;
    font-size: var(--text-sm);
    color: var(--color-warning);
    margin-top: var(--space-2);
}

.address-input__result[b-t8dodcys9t] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    margin-top: var(--space-2);
}

.address-input__result svg[b-t8dodcys9t] {
    flex-shrink: 0;
}

.address-input__result--success[b-t8dodcys9t] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.address-input__result--error[b-t8dodcys9t] {
    background: var(--color-error-bg);
    color: var(--color-error);
}

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

@media (max-width: 640px) {
    .address-input__suggestions[b-t8dodcys9t] {
        position: relative;
        top: var(--space-2);
        box-shadow: none;
        border: 1px solid var(--color-bg-soft);
        max-height: 200px;
    }

    .address-input__suggestions li[b-t8dodcys9t] {
        padding: var(--space-4);
        min-height: var(--touch-target-comfortable);
        font-size: var(--text-base);
    }

    .address-input__field[b-t8dodcys9t] {
        min-height: var(--touch-target-comfortable);
        font-size: 16px;
    }

    .address-input__selected[b-t8dodcys9t] {
        align-items: flex-start;
    }

    .address-input__selected-text[b-t8dodcys9t] {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}
/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.breadcrumb[b-mya53u8rg3] {
    margin-bottom: var(--space-6);
}

.breadcrumb__list[b-mya53u8rg3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--text-sm);
}

.breadcrumb__item[b-mya53u8rg3] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.breadcrumb__link[b-mya53u8rg3] {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-out);
}

.breadcrumb__link:hover[b-mya53u8rg3] {
    color: var(--color-primary);
}

.breadcrumb__separator[b-mya53u8rg3] {
    color: var(--color-text-light);
}

.breadcrumb__current[b-mya53u8rg3] {
    color: var(--color-text-body);
    font-weight: var(--weight-medium);
}
/* /Components/Shared/CampaignDecoration.razor.rz.scp.css */
.campaign-decoration[b-nvcujjprh1] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.campaign-decoration--inactive[b-nvcujjprh1] {
    opacity: 0.3;
    filter: grayscale(0.5);
}

.decoration-particle[b-nvcujjprh1] {
    position: absolute;
    pointer-events: none;
}

/* Snow Theme */
.campaign-decoration--snow .decoration-particle[b-nvcujjprh1] {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    top: -20px;
    left: calc(var(--i) * 3.33%);
    animation: snowfall-b-nvcujjprh1 8s linear infinite;
    animation-delay: calc(var(--i) * -0.3s);
    opacity: 0.8;
}

@keyframes snowfall-b-nvcujjprh1 {
    0% { transform: translateY(-20px) rotate(0deg); opacity: 0; }
    10% { opacity: 0.8; }
    90% { opacity: 0.8; }
    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}

/* Fireworks Theme */
.campaign-decoration--fireworks .decoration-particle[b-nvcujjprh1] {
    width: 4px;
    height: 4px;
    background: var(--decoration-color, gold);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    animation: firework-b-nvcujjprh1 3s ease-out infinite;
    animation-delay: calc(var(--i) * 0.15s);
}

@keyframes firework-b-nvcujjprh1 {
    0% { transform: translate(0, 0) scale(0); opacity: 1; }
    50% { opacity: 1; }
    100% {
        transform: translate(
            calc(cos(var(--i) * 18deg) * 150px),
            calc(sin(var(--i) * 18deg) * 150px - 100px)
        ) scale(1);
        opacity: 0;
    }
}

/* Hearts Theme */
.campaign-decoration--hearts .decoration-particle[b-nvcujjprh1] {
    font-size: 1.5rem;
    top: 100%;
    left: calc(var(--i) * 6.66%);
    animation: float-hearts-b-nvcujjprh1 6s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.4s);
}

.campaign-decoration--hearts .decoration-particle[b-nvcujjprh1]::before {
    content: '♥';
    color: var(--decoration-color, #e8b4c8);
    opacity: 0.7;
}

@keyframes float-hearts-b-nvcujjprh1 {
    0% { transform: translateY(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.7; }
    90% { opacity: 0.7; }
    100% { transform: translateY(-100vh) rotate(20deg); opacity: 0; }
}

/* Eggs Theme */
.campaign-decoration--eggs .decoration-particle[b-nvcujjprh1] {
    font-size: 1.8rem;
    top: -50px;
    left: calc(var(--i) * 8.33%);
    animation: falling-eggs-b-nvcujjprh1 5s ease-in infinite;
    animation-delay: calc(var(--i) * -0.4s);
}

.campaign-decoration--eggs .decoration-particle[b-nvcujjprh1]::before {
    content: '🥚';
}

@keyframes falling-eggs-b-nvcujjprh1 {
    0% { transform: translateY(-50px) rotate(0deg); opacity: 0; }
    10% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateY(100vh) rotate(180deg); opacity: 0; }
}

/* MothersDay Theme - Pink petals and hearts */
.campaign-decoration--mothersday .decoration-particle[b-nvcujjprh1] {
    font-size: 1.2rem;
    top: -30px;
    left: calc(var(--i) * 5%);
    animation: petals-fall-b-nvcujjprh1 7s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.35s);
}

.campaign-decoration--mothersday .decoration-particle[b-nvcujjprh1]::before {
    content: '🌸';
}

.campaign-decoration--mothersday .decoration-particle:nth-child(3n)[b-nvcujjprh1]::before {
    content: '💕';
}

@keyframes petals-fall-b-nvcujjprh1 {
    0% { transform: translateY(-30px) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.8; }
    50% { transform: translateY(50vh) translateX(30px) rotate(180deg); }
    90% { opacity: 0.8; }
    100% { transform: translateY(100vh) translateX(-20px) rotate(360deg); opacity: 0; }
}

/* FathersDay Theme - Blue confetti */
.campaign-decoration--fathersday .decoration-particle[b-nvcujjprh1] {
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, #1976d2, #64b5f6);
    top: -20px;
    left: calc(var(--i) * 6.66%);
    animation: blue-confetti-b-nvcujjprh1 5s linear infinite;
    animation-delay: calc(var(--i) * -0.33s);
    border-radius: 2px;
}

@keyframes blue-confetti-b-nvcujjprh1 {
    0% { transform: translateY(-20px) rotate(0deg); opacity: 0; }
    10% { opacity: 0.9; }
    90% { opacity: 0.9; }
    100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

/* Graduation/Konfirmation Theme - Colorful confetti */
.campaign-decoration--graduation .decoration-particle[b-nvcujjprh1] {
    width: 12px;
    height: 8px;
    top: -20px;
    left: calc(var(--i) * 4%);
    animation: confetti-fall-b-nvcujjprh1 4s linear infinite;
    animation-delay: calc(var(--i) * -0.16s);
    border-radius: 1px;
}

.campaign-decoration--graduation .decoration-particle:nth-child(5n+1)[b-nvcujjprh1] { background: #e91e63; }
.campaign-decoration--graduation .decoration-particle:nth-child(5n+2)[b-nvcujjprh1] { background: #2196f3; }
.campaign-decoration--graduation .decoration-particle:nth-child(5n+3)[b-nvcujjprh1] { background: #4caf50; }
.campaign-decoration--graduation .decoration-particle:nth-child(5n+4)[b-nvcujjprh1] { background: #ff9800; }
.campaign-decoration--graduation .decoration-particle:nth-child(5n+5)[b-nvcujjprh1] { background: #9c27b0; }

@keyframes confetti-fall-b-nvcujjprh1 {
    0% { transform: translateY(-20px) rotateX(0) rotateY(0); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { transform: translateY(100vh) rotateX(720deg) rotateY(360deg); opacity: 0; }
}

/* Vinter Theme - Frost crystals */
.campaign-decoration--vinter .decoration-particle[b-nvcujjprh1] {
    font-size: 1rem;
    top: -30px;
    left: calc(var(--i) * 4%);
    animation: frost-fall-b-nvcujjprh1 9s linear infinite;
    animation-delay: calc(var(--i) * -0.36s);
    color: #b3e5fc;
    text-shadow: 0 0 5px rgba(179, 229, 252, 0.8);
}

.campaign-decoration--vinter .decoration-particle[b-nvcujjprh1]::before {
    content: '❄';
}

@keyframes frost-fall-b-nvcujjprh1 {
    0% { transform: translateY(-30px) rotate(0deg); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.6; }
    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}

/* Foraar Theme - Floating petals */
.campaign-decoration--foraar .decoration-particle[b-nvcujjprh1] {
    font-size: 1.3rem;
    top: -30px;
    left: calc(var(--i) * 5.55%);
    animation: spring-petals-b-nvcujjprh1 8s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.44s);
}

.campaign-decoration--foraar .decoration-particle:nth-child(3n+1)[b-nvcujjprh1]::before { content: '🌷'; }
.campaign-decoration--foraar .decoration-particle:nth-child(3n+2)[b-nvcujjprh1]::before { content: '🌸'; }
.campaign-decoration--foraar .decoration-particle:nth-child(3n+3)[b-nvcujjprh1]::before { content: '🌼'; }

@keyframes spring-petals-b-nvcujjprh1 {
    0% { transform: translateY(-30px) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.8; }
    25% { transform: translateY(25vh) translateX(40px) rotate(90deg); }
    50% { transform: translateY(50vh) translateX(-20px) rotate(180deg); }
    75% { transform: translateY(75vh) translateX(30px) rotate(270deg); }
    90% { opacity: 0.8; }
    100% { transform: translateY(100vh) translateX(0) rotate(360deg); opacity: 0; }
}

/* Sommer Theme - Butterflies and sunrays */
.campaign-decoration--sommer .decoration-particle[b-nvcujjprh1] {
    font-size: 1.4rem;
    top: 20%;
    left: calc(var(--i) * 6.66%);
    animation: butterfly-flutter-b-nvcujjprh1 6s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.4s);
}

.campaign-decoration--sommer .decoration-particle:nth-child(2n)[b-nvcujjprh1]::before { content: '🦋'; }
.campaign-decoration--sommer .decoration-particle:nth-child(2n+1)[b-nvcujjprh1]::before { content: '☀️'; font-size: 0.8rem; }

@keyframes butterfly-flutter-b-nvcujjprh1 {
    0%, 100% { transform: translateY(0) translateX(0); }
    25% { transform: translateY(-30px) translateX(20px); }
    50% { transform: translateY(10px) translateX(-15px); }
    75% { transform: translateY(-20px) translateX(25px); }
}

/* Efteraar Theme - Falling leaves */
.campaign-decoration--efteraar .decoration-particle[b-nvcujjprh1] {
    font-size: 1.5rem;
    top: -40px;
    left: calc(var(--i) * 5%);
    animation: leaf-fall-b-nvcujjprh1 7s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.35s);
}

.campaign-decoration--efteraar .decoration-particle:nth-child(4n+1)[b-nvcujjprh1]::before { content: '🍂'; }
.campaign-decoration--efteraar .decoration-particle:nth-child(4n+2)[b-nvcujjprh1]::before { content: '🍁'; }
.campaign-decoration--efteraar .decoration-particle:nth-child(4n+3)[b-nvcujjprh1]::before { content: '🍃'; }
.campaign-decoration--efteraar .decoration-particle:nth-child(4n+4)[b-nvcujjprh1]::before { content: '🌾'; }

@keyframes leaf-fall-b-nvcujjprh1 {
    0% { transform: translateY(-40px) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.9; }
    25% { transform: translateY(25vh) translateX(-30px) rotate(90deg); }
    50% { transform: translateY(50vh) translateX(40px) rotate(180deg); }
    75% { transform: translateY(75vh) translateX(-20px) rotate(270deg); }
    90% { opacity: 0.9; }
    100% { transform: translateY(100vh) translateX(10px) rotate(360deg); opacity: 0; }
}

/* Sparkles Theme */
.campaign-decoration--sparkles .decoration-particle[b-nvcujjprh1] {
    width: 4px;
    height: 4px;
    background: var(--decoration-color, gold);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    animation: sparkle-b-nvcujjprh1 2s ease-in-out infinite;
    animation-delay: calc(var(--i) * 0.1s);
    box-shadow: 0 0 10px var(--decoration-color, gold);
}

@keyframes sparkle-b-nvcujjprh1 {
    0%, 100% { transform: translate(calc((var(--i) - 10) * 40px), calc((var(--i) % 5 - 2) * 60px)) scale(0); opacity: 0; }
    50% { transform: translate(calc((var(--i) - 10) * 40px), calc((var(--i) % 5 - 2) * 60px)) scale(1); opacity: 1; }
}

/* Confetti Theme */
.campaign-decoration--confetti .decoration-particle[b-nvcujjprh1] {
    width: 10px;
    height: 6px;
    top: -20px;
    left: calc(var(--i) * 3.33%);
    animation: confetti-rain-b-nvcujjprh1 3s linear infinite;
    animation-delay: calc(var(--i) * -0.1s);
    border-radius: 1px;
}

.campaign-decoration--confetti .decoration-particle:nth-child(6n+1)[b-nvcujjprh1] { background: #f44336; }
.campaign-decoration--confetti .decoration-particle:nth-child(6n+2)[b-nvcujjprh1] { background: #e91e63; }
.campaign-decoration--confetti .decoration-particle:nth-child(6n+3)[b-nvcujjprh1] { background: #9c27b0; }
.campaign-decoration--confetti .decoration-particle:nth-child(6n+4)[b-nvcujjprh1] { background: #2196f3; }
.campaign-decoration--confetti .decoration-particle:nth-child(6n+5)[b-nvcujjprh1] { background: #4caf50; }
.campaign-decoration--confetti .decoration-particle:nth-child(6n+6)[b-nvcujjprh1] { background: #ffeb3b; }

@keyframes confetti-rain-b-nvcujjprh1 {
    0% { transform: translateY(-20px) rotateZ(0) rotateY(0); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { transform: translateY(100vh) rotateZ(720deg) rotateY(360deg); opacity: 0; }
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .decoration-particle[b-nvcujjprh1] {
        animation: none !important;
        opacity: 0.5;
    }
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.cookie-modal-overlay[b-qdcoo4pqzu] {
    position: fixed;
    inset: 0;
    background: rgba(44, 62, 45, 0.6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
    padding: var(--space-4);
    animation: fadeIn-b-qdcoo4pqzu var(--duration-fast) var(--ease-out);
}

@keyframes fadeIn-b-qdcoo4pqzu {
    from { opacity: 0; }
    to { opacity: 1; }
}

.cookie-modal[b-qdcoo4pqzu] {
    background: var(--color-bg-white);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
    max-width: 480px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    animation: scaleIn-b-qdcoo4pqzu var(--duration-normal) var(--ease-out);
}

@keyframes scaleIn-b-qdcoo4pqzu {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.cookie-modal-header[b-qdcoo4pqzu] {
    padding: var(--space-6) var(--space-6) var(--space-4);
    text-align: center;
}

.cookie-modal-icon[b-qdcoo4pqzu] {
    width: 48px;
    height: 48px;
    margin: 0 auto var(--space-4);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-warm);
    border-radius: var(--radius-full);
    color: var(--color-primary);
}

.cookie-modal-header h2[b-qdcoo4pqzu] {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: var(--weight-medium);
    color: var(--color-text-dark);
    margin: 0;
}

.cookie-modal-body[b-qdcoo4pqzu] {
    padding: 0 var(--space-6) var(--space-4);
}

.cookie-modal-body > p[b-qdcoo4pqzu] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    line-height: var(--leading-relaxed);
    text-align: center;
    margin: 0 0 var(--space-4);
}

.cookie-categories[b-qdcoo4pqzu] {
    margin-top: var(--space-4);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.cookie-category[b-qdcoo4pqzu] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-bg-soft);
}

.cookie-category:last-child[b-qdcoo4pqzu] {
    border-bottom: none;
}

.cookie-category-header[b-qdcoo4pqzu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-2);
}

.cookie-category-name[b-qdcoo4pqzu] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
}

.cookie-category-badge[b-qdcoo4pqzu] {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-primary);
    background: var(--color-primary-100);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
}

.cookie-category-status[b-qdcoo4pqzu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.cookie-category-desc[b-qdcoo4pqzu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
    margin: 0;
}

.cookie-details-toggle[b-qdcoo4pqzu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-primary);
    background: none;
    border: none;
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-out);
}

.cookie-details-toggle:hover[b-qdcoo4pqzu] {
    color: var(--color-primary-dark);
}

.cookie-details-toggle svg[b-qdcoo4pqzu] {
    transition: transform var(--duration-fast) var(--ease-out);
}

.cookie-details-toggle svg.rotated[b-qdcoo4pqzu] {
    transform: rotate(180deg);
}

.cookie-modal-actions[b-qdcoo4pqzu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: 0 var(--space-6) var(--space-4);
}

.cookie-btn[b-qdcoo4pqzu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-6);
    min-height: var(--touch-target-comfortable);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    border: none;
    -webkit-tap-highlight-color: transparent;
}

.cookie-btn-primary[b-qdcoo4pqzu] {
    background: var(--color-primary);
    color: var(--color-bg-white);
}

.cookie-btn-secondary[b-qdcoo4pqzu] {
    background: var(--color-bg-warm);
    color: var(--color-text-dark);
    border: 1px solid var(--color-bg-soft);
}

@media (hover: hover) {
    .cookie-btn-primary:hover[b-qdcoo4pqzu] {
        background: var(--color-primary-dark);
        transform: translateY(-1px);
        box-shadow: var(--shadow-md);
    }

    .cookie-btn-secondary:hover[b-qdcoo4pqzu] {
        background: var(--color-bg-soft);
    }
}

.cookie-btn-primary:active[b-qdcoo4pqzu] {
    background: var(--color-primary-dark);
    transform: scale(0.98);
}

.cookie-btn-secondary:active[b-qdcoo4pqzu] {
    background: var(--color-bg-soft);
}

.cookie-modal-footer[b-qdcoo4pqzu] {
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-bg-soft);
    text-align: center;
}

.cookie-modal-footer a[b-qdcoo4pqzu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    text-decoration: underline;
    transition: color var(--duration-fast) var(--ease-out);
}

.cookie-modal-footer a:hover[b-qdcoo4pqzu] {
    color: var(--color-primary);
}

@media (max-width: 639px) {
    .cookie-btn[b-qdcoo4pqzu] {
        min-height: 52px;
        font-size: var(--text-base);
        padding: var(--space-4);
    }

    .cookie-details-toggle[b-qdcoo4pqzu] {
        min-height: var(--touch-target-min);
        padding: var(--space-4);
    }
}

@media (min-width: 640px) {
    .cookie-modal-actions[b-qdcoo4pqzu] {
        flex-direction: row;
    }

    .cookie-btn[b-qdcoo4pqzu] {
        flex: 1;
    }
}
/* /Components/Shared/DeliveryCountdown.razor.rz.scp.css */
.delivery-countdown[b-st2s4tu8qm] {
    font-family: var(--font-body);
}

.delivery-countdown--compact[b-st2s4tu8qm] {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: var(--color-bg-white);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-full);
    z-index: 1;
    white-space: nowrap;
}

.delivery-countdown--compact .delivery-countdown__icon[b-st2s4tu8qm] {
    font-size: var(--text-sm);
    line-height: 1;
}

.delivery-countdown--compact .delivery-countdown__text[b-st2s4tu8qm] {
    letter-spacing: var(--tracking-wide);
}

.delivery-countdown--full[b-st2s4tu8qm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-4);
    background: var(--color-primary-100);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--color-primary);
    margin-bottom: var(--space-4);
}

.delivery-countdown__headline[b-st2s4tu8qm] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: var(--weight-semibold);
    color: var(--color-primary-dark);
    font-size: var(--text-base);
}

.delivery-countdown__icon[b-st2s4tu8qm] {
    flex-shrink: 0;
}

.delivery-countdown__subtext[b-st2s4tu8qm] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
    padding-left: calc(var(--space-2) + 1em);
}

.delivery-countdown__notice[b-st2s4tu8qm] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding-left: calc(var(--space-2) + 1em);
    margin-top: var(--space-1);
}
/* /Components/Shared/DeliveryDatePicker.razor.rz.scp.css */
.delivery-date-picker[b-3gg6frv8ip] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    position: relative;
}

.delivery-date-picker__label[b-3gg6frv8ip] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    padding-left: var(--space-2);
}

.delivery-date-picker__buttons[b-3gg6frv8ip] {
    display: flex;
    gap: var(--space-2);
    justify-content: flex-start;
}

.delivery-date-btn[b-3gg6frv8ip] {
    flex: 1;
    max-width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-2);
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    font-family: var(--font-body);
}

.delivery-date-btn svg[b-3gg6frv8ip] {
    color: var(--color-text-muted);
    transition: color var(--duration-fast) var(--ease-out);
}

.delivery-date-btn span[b-3gg6frv8ip] {
    font-size: var(--text-sm);
    color: var(--color-text-body);
    font-weight: var(--weight-medium);
}

.delivery-date-btn:hover[b-3gg6frv8ip] {
    border-color: var(--color-primary-muted);
    background: var(--color-bg-warm);
}

.delivery-date-btn:hover svg[b-3gg6frv8ip] {
    color: var(--color-primary);
}

.delivery-date-btn--active[b-3gg6frv8ip] {
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.delivery-date-btn--active svg[b-3gg6frv8ip] {
    color: var(--color-bg-white);
}

.delivery-date-btn--active span[b-3gg6frv8ip] {
    color: var(--color-bg-white);
}

.delivery-date-btn--active:hover[b-3gg6frv8ip] {
    border-color: var(--color-primary-dark);
    background: var(--color-primary-dark);
}

.delivery-date-btn--selecting[b-3gg6frv8ip] {
    border-color: var(--color-primary-muted);
    background: var(--color-bg-warm);
}

.delivery-date-btn--selecting svg[b-3gg6frv8ip] {
    color: var(--color-primary);
}

.delivery-date-btn__countdown[b-3gg6frv8ip] {
    font-size: var(--text-xs);
    font-weight: var(--weight-normal);
    color: var(--color-text-muted);
}

.delivery-date-btn--active .delivery-date-btn__countdown[b-3gg6frv8ip] {
    color: rgba(255, 255, 255, 0.85);
}

.delivery-date-btn__chevron[b-3gg6frv8ip] {
    color: var(--color-text-muted);
    transition: transform var(--duration-fast) var(--ease-out);
    flex-shrink: 0;
    margin-left: auto;
}

.delivery-date-btn__chevron.rotated[b-3gg6frv8ip] {
    transform: rotate(180deg);
}

.checkmark-icon[b-3gg6frv8ip] {
    animation: checkmarkPop-b-3gg6frv8ip 0.2s ease-out;
}

@keyframes checkmarkPop-b-3gg6frv8ip {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.calendar[b-3gg6frv8ip] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: var(--space-2);
    background: var(--color-bg-white);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    width: 100%;
    max-width: 320px;
}

.calendar__header[b-3gg6frv8ip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.calendar__title[b-3gg6frv8ip] {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    text-transform: capitalize;
}

.calendar__nav[b-3gg6frv8ip] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.calendar__nav:hover:not(:disabled)[b-3gg6frv8ip] {
    background: var(--color-bg-warm);
    color: var(--color-primary);
}

.calendar__nav:disabled[b-3gg6frv8ip] {
    opacity: 0.3;
    cursor: not-allowed;
}

.calendar__weekdays[b-3gg6frv8ip] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: var(--space-1);
}

.calendar__weekdays span[b-3gg6frv8ip] {
    text-align: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
    padding: 4px 0;
    text-transform: lowercase;
}

.calendar__days[b-3gg6frv8ip] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.calendar__day[b-3gg6frv8ip] {
    aspect-ratio: 1;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    font-family: var(--font-body);
}

.calendar__day--empty[b-3gg6frv8ip] {
    cursor: default;
}

.calendar__day:hover:not(:disabled)[b-3gg6frv8ip] {
    background: var(--color-bg-warm);
    color: var(--color-primary);
}

.calendar__day--today[b-3gg6frv8ip] {
    font-weight: var(--weight-bold);
    color: var(--color-primary);
}

.calendar__day--selected[b-3gg6frv8ip] {
    background: var(--color-primary) !important;
    color: white !important;
}

.calendar__day--other-month[b-3gg6frv8ip] {
    color: var(--color-text-muted);
    opacity: 0.4;
}

.calendar__day--disabled[b-3gg6frv8ip] {
    color: var(--color-text-muted);
    opacity: 0.25;
    cursor: not-allowed;
}

.calendar__day--vacation[b-3gg6frv8ip] {
    background: rgba(196, 160, 96, 0.1);
    text-decoration: line-through;
}

.delivery-date-picker__vacation-notice[b-3gg6frv8ip] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3);
    background: var(--color-bg-warm);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-text-body);
    line-height: var(--leading-normal);
}

.delivery-date-picker__vacation-notice > svg[b-3gg6frv8ip] {
    flex-shrink: 0;
    color: var(--color-primary);
    margin-top: 2px;
}

.delivery-date-picker__restriction-notice[b-3gg6frv8ip] {
    padding: var(--space-2) 0;
    padding-left: var(--space-2);
    background: transparent;
    font-size: var(--text-sm);
    color: var(--color-text-body);
    line-height: var(--leading-normal);
}

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

.calendar-backdrop[b-3gg6frv8ip] {
    display: none;
}

@media (max-width: 480px) {
    .delivery-date-picker__buttons[b-3gg6frv8ip] {
        flex-direction: column;
        gap: var(--space-3);
    }

    .delivery-date-btn[b-3gg6frv8ip] {
        max-width: none;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        padding: var(--space-4);
        gap: var(--space-3);
        min-height: var(--touch-target-comfortable);
        -webkit-tap-highlight-color: transparent;
    }

    .calendar-backdrop[b-3gg6frv8ip] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 999;
    }

    .calendar[b-3gg6frv8ip] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
        width: calc(100vw - var(--space-8));
        max-width: 340px;
        padding: var(--space-4);
        z-index: 1000;
    }

    .calendar__day[b-3gg6frv8ip] {
        min-height: 44px;
        font-size: var(--text-base);
        -webkit-tap-highlight-color: transparent;
    }

    .calendar__weekdays span[b-3gg6frv8ip] {
        font-size: var(--text-sm);
    }

    .calendar__nav[b-3gg6frv8ip] {
        width: 44px;
        height: 44px;
        min-height: 44px;
        -webkit-tap-highlight-color: transparent;
    }
}

@media (max-width: 359px) {
    .calendar[b-3gg6frv8ip] {
        padding: var(--space-2);
    }

    .calendar__day[b-3gg6frv8ip] {
        min-height: 40px;
        font-size: var(--text-sm);
    }

    .calendar__weekdays span[b-3gg6frv8ip] {
        font-size: var(--text-xs);
    }

    .calendar__nav[b-3gg6frv8ip] {
        width: 40px;
        height: 40px;
        min-height: 40px;
    }
}
/* /Components/Shared/FuneralOrderFields.razor.rz.scp.css */
.funeral-order-fields[b-p088n5hqp4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.funeral-order-fields__date-time-row[b-p088n5hqp4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    align-items: start;
}

@media (max-width: 500px) {
    .funeral-order-fields__date-time-row[b-p088n5hqp4] {
        grid-template-columns: 1fr;
    }
}

.funeral-order-fields__date-col[b-p088n5hqp4],
.funeral-order-fields__time-col[b-p088n5hqp4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    position: relative;
    overflow: visible;
}

.funeral-order-fields__date-col[b-p088n5hqp4] {
    z-index: 20;
}

.funeral-order-fields__date-time-row[b-p088n5hqp4] {
    align-items: end;
    overflow: visible;
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-picker__buttons {
    justify-content: flex-start;
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-btn {
    max-width: none;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--space-3) var(--space-4);
    gap: var(--space-3);
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    height: 48px;
    box-sizing: border-box;
}

.funeral-order-fields__time-wrapper[b-p088n5hqp4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    background: var(--color-bg-white);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    padding: 0 var(--space-4);
    gap: var(--space-3);
    cursor: pointer;
    transition: border-color var(--duration-fast) var(--ease-out);
    touch-action: manipulation;
}

.funeral-order-fields__time-wrapper:hover[b-p088n5hqp4] {
    border-color: var(--color-primary-muted);
}

.funeral-order-fields__time-wrapper:focus-within[b-p088n5hqp4] {
    border-color: var(--color-primary);
}

.funeral-order-fields__time-icon[b-p088n5hqp4] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.funeral-order-fields__time-input[b-p088n5hqp4] {
    position: absolute;
    right: var(--space-4);
    width: 24px;
    height: 24px;
    opacity: 0;
    cursor: pointer;
    border: none;
    background: transparent;
}

.funeral-order-fields__time-text[b-p088n5hqp4] {
    font-size: var(--text-base);
    color: var(--color-text-body);
    pointer-events: none;
    flex: 1;
}

.funeral-order-fields__time-chevron[b-p088n5hqp4] {
    color: var(--color-text-muted);
    transition: transform var(--duration-fast) var(--ease-out);
    flex-shrink: 0;
}

.funeral-order-fields__time-chevron.rotated[b-p088n5hqp4] {
    transform: rotate(180deg);
}

.funeral-order-fields__time-col.form-group--error .funeral-order-fields__time-wrapper[b-p088n5hqp4] {
    border-color: var(--color-error);
}

.funeral-order-fields__time-dropdown[b-p088n5hqp4] {
    position: absolute;
    top: calc(100% + var(--space-2));
    left: 0;
    right: 0;
    background: var(--color-bg-white);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 100;
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.funeral-order-fields__time-picker[b-p088n5hqp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
}

.funeral-order-fields__time-picker--single[b-p088n5hqp4] {
    flex-direction: column;
    gap: var(--space-2);
}

.funeral-order-fields__time-picker--grid[b-p088n5hqp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
}

.funeral-order-fields__time-arrows-row[b-p088n5hqp4] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
}

.funeral-order-fields__time-spinner[b-p088n5hqp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
}

.funeral-order-fields__time-arrow[b-p088n5hqp4] {
    width: 44px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-warm);
    border: none;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    touch-action: manipulation;
}

.funeral-order-fields__time-arrow:hover[b-p088n5hqp4] {
    background: var(--color-bg-soft);
    color: var(--color-primary);
}

.funeral-order-fields__time-arrow:active[b-p088n5hqp4] {
    transform: scale(0.95);
}

.funeral-order-fields__time-value[b-p088n5hqp4] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    min-width: 44px;
    text-align: center;
    padding: var(--space-2) 0;
}

.funeral-order-fields__time-input-field[b-p088n5hqp4] {
    width: 44px;
    height: 44px;
    font-size: var(--text-2xl);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    text-align: center;
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    background: var(--color-bg-white);
    padding: 0;
    font-family: var(--font-body);
    transition: border-color var(--duration-fast) var(--ease-out);
}

.funeral-order-fields__time-input-field:focus[b-p088n5hqp4] {
    outline: none;
    border-color: var(--color-primary);
}

.funeral-order-fields__time-input-field--single[b-p088n5hqp4] {
    width: 100px;
    height: 48px;
}

.funeral-order-fields__time-separator[b-p088n5hqp4] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
    line-height: 1;
    padding-bottom: var(--space-1);
}

.funeral-order-fields__time-confirm[b-p088n5hqp4] {
    width: 100%;
    padding: var(--space-3);
    background: var(--color-primary);
    border: none;
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: white;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out);
    touch-action: manipulation;
}

.funeral-order-fields__time-confirm:hover[b-p088n5hqp4] {
    background: var(--color-primary-dark);
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-btn span {
    font-size: var(--text-base);
    font-weight: var(--weight-normal);
    color: var(--color-text-body);
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-btn--active {
    background: var(--color-bg-white);
    border-color: var(--color-primary);
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-btn--active span {
    color: var(--color-text-dark);
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-btn--active svg {
    color: var(--color-primary);
}

.funeral-order-fields__date-col[b-p088n5hqp4]  .delivery-date-picker__restriction-notice {
    display: none;
}

.funeral-order-fields__field-label[b-p088n5hqp4] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    padding-left: var(--space-2);
}

.funeral-order-fields__time-input[b-p088n5hqp4] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: border-color var(--duration-fast) var(--ease-out);
}

.funeral-order-fields__time-input:focus[b-p088n5hqp4] {
    outline: none;
    border-color: var(--color-primary);
}

.funeral-order-fields__time-col.form-group--error .funeral-order-fields__time-input[b-p088n5hqp4] {
    border-color: var(--color-error);
}

.funeral-order-fields__lock-icon[b-p088n5hqp4] {
    vertical-align: -2px;
    margin-right: 2px;
    color: var(--color-primary);
}



.funeral-order-fields__hint[b-p088n5hqp4] {
    text-align: right;
    padding-right: var(--space-2);
}

.funeral-order-fields__hint a[b-p088n5hqp4] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-out);
}

.funeral-order-fields__hint a:hover[b-p088n5hqp4] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

.form-group[b-p088n5hqp4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.form-group label[b-p088n5hqp4] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    padding-left: var(--space-2);
}

.form-group input[b-p088n5hqp4] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: border-color var(--duration-fast) var(--ease-out);
}

.form-group input[b-p088n5hqp4]::placeholder {
    color: var(--color-text-muted);
}

.form-group input:focus[b-p088n5hqp4] {
    outline: none;
    border-color: var(--color-primary);
}

.form-group input[type="time"][b-p088n5hqp4] {
    max-width: 200px;
}

.form-group--error input[b-p088n5hqp4] {
    border-color: var(--color-error);
}

.form-group--error input:focus[b-p088n5hqp4] {
    border-color: var(--color-error);
}

.funeral-order-fields__church-address-input[b-p088n5hqp4] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px dashed var(--color-text-muted);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-body);
    background: var(--color-bg-soft);
    cursor: default;
    line-height: 1.4;
    min-height: 48px;
}

.funeral-order-fields__church-address-placeholder[b-p088n5hqp4] {
    color: var(--color-text-muted);
}

.validation-message[b-p088n5hqp4] {
    font-size: var(--text-sm);
    color: var(--color-error);
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.form-hint[b-p088n5hqp4] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    padding-left: var(--space-2);
}
/* /Components/Shared/ImageGallery.razor.rz.scp.css */
.image-gallery[b-9r083uecmt] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
}

.image-gallery__main[b-9r083uecmt] {
    position: relative;
    flex: 1;
    min-height: 0;
    aspect-ratio: 1;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: linear-gradient(135deg, var(--color-bg-warm) 0%, var(--color-bg-soft) 100%);
}

.image-gallery__main-btn[b-9r083uecmt] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.image-gallery__main-btn > img[b-9r083uecmt],
.image-gallery__main > img[b-9r083uecmt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform var(--duration-normal) var(--ease-out);
}

.image-gallery__main:hover .image-gallery__main-btn > img[b-9r083uecmt],
.image-gallery__main:hover > img[b-9r083uecmt] {
    transform: scale(1.02);
}

.image-gallery__zoom-hint[b-9r083uecmt] {
    position: absolute;
    bottom: var(--space-3);
    right: var(--space-3);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: var(--radius-full);
    color: var(--color-text-body);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-out);
    z-index: 2;
}

.image-gallery__main:hover .image-gallery__zoom-hint[b-9r083uecmt] {
    opacity: 1;
}

.image-gallery__placeholder[b-9r083uecmt] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    font-size: var(--text-lg);
}

.image-gallery__thumbs-overlay[b-9r083uecmt] {
    position: absolute;
    bottom: var(--space-4);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--space-2);
    z-index: 1;
}

.thumb-overlay[b-9r083uecmt] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid white;
    background: white;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.thumb-overlay img[b-9r083uecmt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-overlay:hover[b-9r083uecmt] {
    transform: scale(1.05);
}

.thumb-overlay--active[b-9r083uecmt] {
    border-color: var(--color-primary);
}

@media (min-width: 640px) {
    .thumb-overlay[b-9r083uecmt] {
        width: 56px;
        height: 56px;
    }
}
/* /Components/Shared/ImageLightbox.razor.rz.scp.css */
.lightbox-overlay[b-7dcr8a70od] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: var(--space-4);
    animation: fadeIn-b-7dcr8a70od var(--duration-fast) var(--ease-out);
}

@keyframes fadeIn-b-7dcr8a70od {
    from { opacity: 0; }
    to { opacity: 1; }
}

.lightbox-close[b-7dcr8a70od] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: var(--radius-full);
    color: white;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out);
    z-index: 10000;
}

.lightbox-close:hover[b-7dcr8a70od] {
    background: rgba(0, 0, 0, 0.8);
}

.lightbox-content[b-7dcr8a70od] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90vw;
    height: 90vh;
    max-width: 1400px;
}

.lightbox-image[b-7dcr8a70od] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: var(--radius-lg);
    animation: scaleIn-b-7dcr8a70od var(--duration-fast) var(--ease-out);
}

@keyframes scaleIn-b-7dcr8a70od {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.lightbox-nav[b-7dcr8a70od] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: var(--radius-full);
    color: white;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out);
}

.lightbox-nav:hover[b-7dcr8a70od] {
    background: rgba(255, 255, 255, 0.25);
}

.lightbox-nav--prev[b-7dcr8a70od] {
    left: -80px;
}

.lightbox-nav--next[b-7dcr8a70od] {
    right: -80px;
}

.lightbox-counter[b-7dcr8a70od] {
    position: absolute;
    bottom: var(--space-6);
    left: 50%;
    transform: translateX(-50%);
    padding: var(--space-2) var(--space-4);
    background: rgba(0, 0, 0, 0.6);
    border-radius: var(--radius-full);
    color: white;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}

@media (max-width: 768px) {
    .lightbox-nav--prev[b-7dcr8a70od] {
        left: var(--space-2);
    }

    .lightbox-nav--next[b-7dcr8a70od] {
        right: var(--space-2);
    }

    .lightbox-nav[b-7dcr8a70od] {
        width: 44px;
        height: 44px;
        background: rgba(0, 0, 0, 0.5);
    }

    .lightbox-close[b-7dcr8a70od] {
        top: var(--space-2);
        right: var(--space-2);
        width: 40px;
        height: 40px;
    }
}
/* /Components/Shared/OccasionCard.razor.rz.scp.css */
/* OccasionCard Component Styles */

.occasion-card[b-piqwj51fhd] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) var(--space-4);
    background: var(--color-bg-soft);
    border-radius: var(--radius-xl);
    text-decoration: none;
    transition: all var(--transition-normal);
    min-height: 160px;
}

.occasion-card:hover[b-piqwj51fhd] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    text-decoration: none;
}

.occasion-card:focus-visible[b-piqwj51fhd] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.occasion-card h3[b-piqwj51fhd] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    text-align: center;
}
/* /Components/Shared/Pagination.razor.rz.scp.css */
.pagination[b-1wnwibrent] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-10);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-bg-soft);
}

.pagination__pages[b-1wnwibrent] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.pagination__btn[b-1wnwibrent],
.pagination__page[b-1wnwibrent] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-width: 40px;
    height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    background: var(--color-bg-white);
    color: var(--color-text-body);
    font-size: var(--text-sm);
    font-family: var(--font-body);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.pagination__btn:hover:not(:disabled)[b-1wnwibrent],
.pagination__page:hover:not(.pagination__page--active)[b-1wnwibrent] {
    background: var(--color-bg-warm);
    border-color: var(--color-primary-muted);
}

.pagination__btn:disabled[b-1wnwibrent] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination__page--active[b-1wnwibrent] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-bg-white);
}

.pagination__ellipsis[b-1wnwibrent] {
    padding: 0 var(--space-2);
    color: var(--color-text-muted);
}

.pagination__arrow[b-1wnwibrent] {
    font-size: var(--text-base);
}

.pagination__btn-text[b-1wnwibrent] {
    display: none;
}

@media (min-width: 640px) {
    .pagination__btn-text[b-1wnwibrent] {
        display: inline;
    }
}
/* /Components/Shared/PriceDisplay.razor.rz.scp.css */
.price-display[b-qfaharbfqp] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
}

.price-display__label[b-qfaharbfqp] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.price-display__amount[b-qfaharbfqp] {
    font-size: var(--text-lg);
    color: var(--color-text-dark);
}

.price-display__amount strong[b-qfaharbfqp] {
    font-weight: var(--weight-semibold);
}

/* Large variant for product detail page */
.price-display--large .price-display__label[b-qfaharbfqp] {
    font-size: var(--text-base);
}

.price-display--large .price-display__amount[b-qfaharbfqp] {
    font-size: var(--text-2xl);
}
/* /Components/Shared/ProductCard.razor.rz.scp.css */
/* ProductCard Component Styles */

.product-card[b-wqvwtb0531] {
    background-color: var(--color-white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    display: flex;
    flex-direction: column;
    border: none;
}

.product-card:hover[b-wqvwtb0531] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.product-image-link[b-wqvwtb0531] {
    display: block;
    text-decoration: none;
    outline: none;
}

.product-image-link:focus-visible[b-wqvwtb0531] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: var(--radius-lg);
}

.product-image[b-wqvwtb0531] {
    aspect-ratio: 1;
    background: linear-gradient(135deg, var(--color-bg-warm) 0%, var(--color-bg-soft) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.product-badge[b-wqvwtb0531] {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: var(--color-bg-white);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    z-index: 1;
}

.product-image img[b-wqvwtb0531] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-normal);
}

.product-card:hover .product-image img[b-wqvwtb0531] {
    transform: scale(1.05);
}

.product-content[b-wqvwtb0531] {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-title-link[b-wqvwtb0531] {
    text-decoration: none;
    outline: none;
}

.product-title-link:hover[b-wqvwtb0531] {
    text-decoration: none;
}

.product-title-link:focus-visible h3[b-wqvwtb0531] {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.product-card h3[b-wqvwtb0531] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    margin-bottom: var(--space-1);
    transition: color var(--transition-fast);
}

.product-title-link:hover h3[b-wqvwtb0531] {
    color: var(--color-primary);
}

.product-description[b-wqvwtb0531] {
    font-size: var(--font-size-sm);
    color: var(--color-gray-600);
    margin-bottom: var(--space-2);
    line-height: var(--line-height-normal);
}

.product-price[b-wqvwtb0531] {
    font-size: var(--font-size-base);
    color: var(--color-gray-700);
    margin-bottom: var(--space-3);
    margin-top: auto;
}

.product-price strong[b-wqvwtb0531] {
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
}

.product-card .btn[b-wqvwtb0531] {
    width: 100%;
}
/* /Components/Shared/ProductOrderForm.razor.rz.scp.css */
/* ProductOrderForm - Layout styles only (address input styling is in AddressInput.razor.css) */

.product-order-form[b-iw0nsvd58e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    margin: var(--space-6) 0;
    padding: var(--space-6);
    background: var(--color-bg-warm);
    border-radius: var(--radius-xl);
    flex: 1;
}

.product-order-form__title[b-iw0nsvd58e] {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-text-dark);
    margin: 0;
    padding-left: var(--space-2);
}

.product-order-form__fields[b-iw0nsvd58e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.form-group[b-iw0nsvd58e] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.form-group label[b-iw0nsvd58e] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-body);
    padding-left: var(--space-2);
}

.form-group input[b-iw0nsvd58e] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--color-text-dark);
    background: var(--color-bg-white);
    transition: border-color var(--duration-fast) var(--ease-out);
}

.form-group input[b-iw0nsvd58e]::placeholder {
    color: var(--color-text-muted);
}

.form-group input:focus[b-iw0nsvd58e] {
    outline: none;
    border-color: var(--color-primary);
}

.product-order-form__toggle[b-iw0nsvd58e] {
    align-self: flex-start;
    padding: 0;
    padding-left: var(--space-2);
    background: none;
    border: none;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--color-primary);
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-out);
}

.product-order-form__toggle:hover[b-iw0nsvd58e] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

.form-group--address[b-iw0nsvd58e] {
    position: relative;
}

.form-group--error input[b-iw0nsvd58e] {
    border-color: var(--color-error);
}

.form-group--error input:focus[b-iw0nsvd58e] {
    border-color: var(--color-error);
}

.validation-message[b-iw0nsvd58e] {
    font-size: var(--text-sm);
    color: var(--color-error);
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin-top: var(--space-1);
}
/* /Components/Shared/SizeSelector.razor.rz.scp.css */
.size-selector[b-mxc8rj5kzs] {
    display: flex;
    gap: 8px;
    margin-top: var(--space-6);
}

.size-option[b-mxc8rj5kzs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 var(--space-3);
    border: 1px solid #e0e0e0;
    border-radius: var(--radius-lg);
    background: var(--color-bg-white);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
    font-family: var(--font-body);
    gap: 0;
}

.size-option:hover[b-mxc8rj5kzs] {
    background: var(--color-bg-warm);
}

.size-option:focus-visible[b-mxc8rj5kzs] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.size-option--active[b-mxc8rj5kzs] {
    border: 2px solid var(--color-primary);
    background: var(--color-bg-white);
}

.size-option__name[b-mxc8rj5kzs] {
    font-size: 12px;
    font-weight: var(--weight-normal);
    color: #666;
    margin-bottom: 0;
    line-height: 1.2;
}

.size-option--active .size-option__name[b-mxc8rj5kzs] {
    color: #444;
}

.size-option__price[b-mxc8rj5kzs] {
    font-size: 14px;
    font-weight: var(--weight-semibold);
    color: #333;
    line-height: 1.2;
}
/* /Components/Shared/VacationBanner.razor.rz.scp.css */
.vacation-banner[b-w7ofb8ygor] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    text-align: center;
    background: var(--color-bg-warm);
    color: var(--color-text-dark);
    border-bottom: 1px solid var(--color-border);
}

.vacation-banner__icon[b-w7ofb8ygor] {
    flex-shrink: 0;
    color: var(--color-primary);
}

.vacation-banner__text[b-w7ofb8ygor] {
    line-height: 1.4;
}

@media (max-width: 639px) {
    .vacation-banner[b-w7ofb8ygor] {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}