/* _content/Securum.Mekelson.Web/Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
[b-evx8i2hths] .alert-success {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}

[b-evx8i2hths] .alert-danger {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}
/* _content/Securum.Mekelson.Web/Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
[b-0gke6m7fhy] button.btn-mekelson {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}

    [b-0gke6m7fhy] button.btn-mekelson:hover {
        background-color: #00b0e0 !important;
    }
/* _content/Securum.Mekelson.Web/Components/Account/Pages/Login.razor.rz.scp.css */
.my-login-btn[b-6nr6cz64ak] {
    background-color: #009ecf;
    border-color: #009ecf;
    color: #fff;
}

    .my-login-btn:hover[b-6nr6cz64ak] {
        background-color: #009ecf;
        border-color: #009ecf;
    }



/* Alla länkar i Login.razor */
/*a {
    color: #b8636a;*/ /* din basfärg */
    /*text-decoration: none;*/ /* ta bort underline om du vill */
/*}*/

    /* Hover-effekt */
a:hover[b-6nr6cz64ak] {
    color: #009ecf; /* mörkare variant vid hover */
    text-decoration: underline; /* eller annan effekt */
}

/* Om du vill bara styla länkar i login-formen */
div p a[b-6nr6cz64ak] {
    color: #009ecf;
}





[b-6nr6cz64ak] input.form-control:-webkit-autofill,
[b-6nr6cz64ak] input.form-control:-webkit-autofill:hover,
[b-6nr6cz64ak] input.form-control:-webkit-autofill:focus,
[b-6nr6cz64ak] input.form-control:-webkit-autofill:active {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    color: #333 !important;
}
/* _content/Securum.Mekelson.Web/Components/Account/Pages/Register.razor.rz.scp.css */
[b-ohakm5d8sj] button.btn-mekelson {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}

    [b-ohakm5d8sj] button.btn-mekelson:hover {
        background-color: #00b0e0 !important;
    }
/* _content/Securum.Mekelson.Web/Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
[b-6ulmngl6al] button.btn-mekelson {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}

    [b-6ulmngl6al] button.btn-mekelson:hover {
        background-color: #00b0e0 !important;
    }


[b-6ulmngl6al] .alert-success {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}


[b-6ulmngl6al] .alert-success {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}
/* _content/Securum.Mekelson.Web/Components/Account/Pages/ResetPassword.razor.rz.scp.css */
[b-f8tssfu2wc] button.btn-mekelson {
    background-color: #009ecf !important;
    color: white !important;
    border: none !important;
}

    [b-f8tssfu2wc] button.btn-mekelson:hover {
        background-color: #00b0e0 !important;
    }
/* _content/Securum.Mekelson.Web/Components/Layout/MainFooter.razor.rz.scp.css */


.fa-solid[b-31gvl971xt] {
    display: none !important;
}



footer.footer[b-31gvl971xt],
footer.footer *[b-31gvl971xt] {
    font-family: 'Roboto', Arial, sans-serif !important;
    color:#333333;
    font-size: 0.8rem !important;
    font-weight: normal !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important; /* ta bort Bootstraps extra radavstånd */
}

    footer.footer strong[b-31gvl971xt] {
        font-weight: bold !important;
        margin-bottom: 0.25rem;
    }

    footer.footer .nav-link[b-31gvl971xt] {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }







/* Basstil */
.footer-logos img[b-31gvl971xt] {
    max-height: 40px;
}

/* Mobil (<576px) */
@media (max-width: 576px) {
    .footer-logos[b-31gvl971xt] {
        display: flex;
        flex-direction: column; /* stapla vertikalt */
        align-items: flex-start;
        gap: 10px;
    }
}

/* Tablet (577–991px) */
@media (min-width: 577px) and (max-width: 991px) {
    .footer-logos[b-31gvl971xt] {
        display: flex;
        flex-direction: row; /* horisontell rad */
        justify-content: center; /* centrera i mitten */
        gap: 15px;
    }
}

/* Desktop (≥992px) */
@media (min-width: 992px) {
    .footer-logos[b-31gvl971xt] {
        display: flex;
        flex-direction: row; /* horisontell rad */
        justify-content: flex-end; /* tryck till höger */
        gap: 20px;
    }
}
/* _content/Securum.Mekelson.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-p341f0oj81] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-p341f0oj81] {
    flex: 1;
}

.sidebar[b-p341f0oj81] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-p341f0oj81] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-p341f0oj81]  a, .top-row[b-p341f0oj81]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-p341f0oj81]  a:hover, .top-row[b-p341f0oj81]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-p341f0oj81]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-p341f0oj81] {
        justify-content: space-between;
    }

        .top-row[b-p341f0oj81]  a, .top-row[b-p341f0oj81]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 992px) {
    .page[b-p341f0oj81] {
        flex-direction: row;
    }

    .sidebar[b-p341f0oj81] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-p341f0oj81] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-p341f0oj81]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-p341f0oj81], article[b-p341f0oj81] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .custom-menu[b-p341f0oj81] {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Mobil: meny visas som block n�r togglad */
@media (max-width: 991.98px) {
    .custom-menu[b-p341f0oj81] {
        width: 100%;
        background-color: #e0e7ea;
        padding: 1rem 0;
    }

        .custom-menu ul[b-p341f0oj81] {
            flex-direction: column;
            align-items: center;
        }
}

#blazor-error-ui[b-p341f0oj81] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-p341f0oj81] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Securum.Mekelson.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* ===============================
   Layout & struktur
   =============================== */

.navbar-collapse.show[b-m5rew22x2e] {
    text-align: left;
    align-items: flex-start;
}

.navbar-nav[b-m5rew22x2e] {
    width: 100%;
}

    .navbar-nav .nav-item[b-m5rew22x2e] {
        width: 100%;
    }

    .navbar-nav .nav-link[b-m5rew22x2e] {
        text-align: left;
        width: 100%;
    }

.mobile-menu-overlay[b-m5rew22x2e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #009ecf;
    z-index: 99999;
    padding: 2rem 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

body.menu-open[b-m5rew22x2e]::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #009ecf;
    z-index: 99999;
}

header[b-m5rew22x2e] {
    width: 100vw;
    min-height: 3.5rem;
    background-color: #009ecf !important;
    position: relative;
    z-index: 9999;
}

nav[b-m5rew22x2e] {
    position: relative;
    z-index: 10;
}

.container-1536[b-m5rew22x2e] {
    max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0rem;
    padding-right: 1rem;
    background-color: transparent;
}

/* ===============================
   Toggler & top row
   =============================== */

.navbar-toggler[b-m5rew22x2e] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,...") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.top-row[b-m5rew22x2e] {
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

/* ===============================
   Branding & ikoner
   =============================== */

.navbar-brand[b-m5rew22x2e] {
    font-size: 1.1rem;
}

.bi[b-m5rew22x2e] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* ===============================
   Navigationsmeny
   =============================== */

.navbar-nav[b-m5rew22x2e] {
    display: flex;
    flex-direction: row;
    gap: 7rem;
    flex-grow: 1;
    justify-content: center;
}

.nav-item[b-m5rew22x2e] {
    font-size: 1.5rem;
    margin-top: 0.5rem;
    padding-bottom: 0rem;
}

    .nav-item span.ms-2[b-m5rew22x2e] {
        color: white !important;
    }

    .nav-item[b-m5rew22x2e]  .nav-link {
        color: white !important;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        font-family: Roboto;
        padding: 0 0.75rem;
    }

    .nav-item[b-m5rew22x2e]  a.active {
        background-color: rgba(255, 255, 255, 0.37);
        color: white;
    }

    .nav-item[b-m5rew22x2e]  .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

/* ===============================
   VAT-togglern
   =============================== */

.vat-item[b-m5rew22x2e] {
    display: flex;
    align-items: center; /* centrera vertikalt */
    gap: 0.5rem;
    height: 2rem;
    margin-top: 0; /* neutraliserar hoppet */
}

/* ===============================
   Language button
   =============================== */

.language-button[b-m5rew22x2e] {
    background: none;
    border: none;
    outline: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}

    .language-button:focus[b-m5rew22x2e] {
        outline: none;
        box-shadow: none;
    }

/* ===============================
   Margin tweaks
   =============================== */

.ms-2[b-m5rew22x2e] {
    margin-left: 0 !important;
}

.me-2[b-m5rew22x2e] {
    margin-right: 0 !important;
}

/* ===============================
   Scrollable nav (desktop)
   =============================== */

.nav-scrollable[b-m5rew22x2e] {
    display: none;
}

/* ===============================
   Responsivitet
   =============================== */

@media (max-width: 992px) {
    .navbar-nav[b-m5rew22x2e] {
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start;
    }
}





    .nav-scrollable[b-m5rew22x2e] {
        display: none;
    }

    .collapse.navbar-collapse[b-m5rew22x2e] {
        display: none;
    }

    .navbar-collapse.show[b-m5rew22x2e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #009ecf;
        z-index: 10000;
        padding: 2rem 1rem;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .navbar-nav[b-m5rew22x2e] {
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .nav-item.dropdown[b-m5rew22x2e] {
        width: 100%;
        display: block;
        margin-top: 1rem;
    }

    .language-button[b-m5rew22x2e] {
        display: block;
        width: 100%;
        padding: 0.5rem 1rem;
        text-align: left;
        font-size: 1.25rem;
        color: white;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

        .language-button[b-m5rew22x2e]::after {
            content: " ?";
            font-size: 24px;
        }

    .dropdown-menu[b-m5rew22x2e] {
        position: relative;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        border: 1px solid rgba(255,255,255,0.1);
        padding-left: 0.75rem;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .dropdown-item[b-m5rew22x2e] {
        color: white; /* vit text syns direkt */
        background-color: transparent; /* ingen vit bakgrund */
        transition: background-color 0.2s ease;
    }

        .dropdown-item:hover[b-m5rew22x2e],
        .nav-link:hover[b-m5rew22x2e] {
            background-color: transparent;
            color: white;
        }

}

/* Desktopvy: över 1500px */
@media (min-width: 1501px) {
    .navbar-toggler[b-m5rew22x2e] {
        display: none;
    }

    .nav-scrollable[b-m5rew22x2e] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .collapse.navbar-collapse[b-m5rew22x2e] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
        width: 100%;
    }

    .navbar-nav[b-m5rew22x2e] {
        flex-direction: row;
        gap: 7rem;
        justify-content: center;
        flex-grow: 1;
    }

    .nav-item.dropdown[b-m5rew22x2e] {
        display: flex;
        align-items: center;
    }

    .dropdown-menu[b-m5rew22x2e] {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.9);
        border: none;
        z-index: 2000;
    }

    .dropdown-item[b-m5rew22x2e] {
        color: white;
    }

        .dropdown-item:hover[b-m5rew22x2e] {
            background-color: rgba(255, 255, 255, 0.2);
        }
}

/* Desktop: centrera menyelementen och ge luft till höger */
@media (min-width: 992px) {
    .navbar-nav[b-m5rew22x2e] {
        justify-content: center;
        gap: 4rem;
        margin-right: 2rem;
    }

        .navbar-nav .nav-item[b-m5rew22x2e] {
            width: auto;
        }
}


/* ===============================
   VAT-togglern fix
   =============================== */
.vat-item[b-m5rew22x2e] {
    margin-top: 0 !important; /* tar bort offset från .nav-item */
    align-items: center !important; /* centrera vertikalt */
}

/* Mobiljustering: centrera även när .navbar-nav har flex-start */
@media (max-width: 1500px) {
    .vat-item[b-m5rew22x2e] {
        align-self: center !important; /* överstyr flex-start i mobilmenyn */
    }
}

/* Knappen (thumb) när switchen är ON */
[b-m5rew22x2e] .rz-switch.rz-switch-checked .rz-switch-circle::before {
    background-color: #009ecf !important; /* din blå */
    border-color: #009ecf !important;
}


/* Knappen (thumb) när switchen är ON */
[b-m5rew22x2e] .rz-switch.rz-switch-checked .rz-switch-circle::before {
    background-color: #009ecf !important; /* blå fyllning */
    border: 2px solid #fff !important;    /* vit kant */
    box-sizing: border-box;               /* säkerställer att kanten inte "spränger" storleken */
}


.language-button[b-m5rew22x2e] {
    font-size: 1.25rem; /* knappen lite större, ca 20px */
    font-family: Roboto, sans-serif;
}

.language-dropdown[b-m5rew22x2e] {
    background-color: #fff; /* vit bakgrund */
    border: 1px solid #ddd; /* tunn ram */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* diskret skugga */
    padding: 0.25rem 0; /* kompakt höjd */
    min-width: 7rem; /* mindre ruta */
}

    .language-dropdown .dropdown-item[b-m5rew22x2e] {
        font-size: 1rem; /* menytext 16px */
        font-family: Roboto, sans-serif;
        color: #333;
        padding: 0.25rem 0.75rem; /* mindre spacing */
        line-height: 1.2; /* kompakt radavstånd */
    }

        .language-dropdown .dropdown-item:hover[b-m5rew22x2e] {
            background-color: rgba(0,0,0,0.05); /* subtil hover */
        }






/* === Språkdropdown – desktop === */
.language-dropdown[b-m5rew22x2e] {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 0.25rem 0;
    min-width: 7rem;
    font-size: 1rem;
}

    /* === Menyalternativ – kompakt och modern */
    .language-dropdown .dropdown-item[b-m5rew22x2e] {
        font-size: 1rem;
        font-family: Roboto, sans-serif;
        color: #333;
        padding: 0.25rem 0.75rem;
        line-height: 1.2;
    }

        .language-dropdown .dropdown-item:hover[b-m5rew22x2e] {
            background-color: rgba(0,0,0,0.05);
        }







/* === Språkknapp === */
.language-button[b-m5rew22x2e] {
    font-size: 1.125rem; /* ~18px, tydlig men inte för stor */
    font-family: Roboto, sans-serif;
    font-weight: 500;
    color: #fff; /* vit text i navbar */
    background: none; /* transparent bakgrund */
    border: none; /* ingen ram */
}

/* === Dropdownmeny === */
.language-dropdown[b-m5rew22x2e] {
    background-color: #fff; /* vit bakgrund */
    border: 1px solid #ddd; /* tunn ram */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* diskret skugga */
    min-width: 7rem; /* lagom bredd */
    max-width: 200px; /* kompakt */
    font-size: 1rem; /* standardstorlek på text */
    z-index: 1200; /* säkerställ att den ligger över headern */
    padding: 0.25rem 0;
}

    /* === Menyalternativ === */
    .language-dropdown .dropdown-item[b-m5rew22x2e] {
        font-size: 1rem; /* 16px text */
        font-family: Roboto, sans-serif;
        color: #333;
        padding: 0.25rem 0.75rem;
        line-height: 1.2;
    }

        .language-dropdown .dropdown-item:hover[b-m5rew22x2e] {
            background-color: rgba(0,0,0,0.05); /* subtil hover */
        }

/* === Responsiv fix för mobil === */
@media (max-width: 576px) {
    .language-button[b-m5rew22x2e] {
        font-size: 1rem; /* mindre text på knappen */
    }

    .language-dropdown[b-m5rew22x2e] {
        min-width: 6rem;
        max-width: 180px;
        font-size: 0.95rem;
    }

        .language-dropdown .dropdown-item[b-m5rew22x2e] {
            font-size: 0.95rem;
            padding: 0.25rem 0.5rem;
        }
}

/* === Säkerställ att header inte klipper bort dropdown === */
header[b-m5rew22x2e] {
    overflow: visible !important;
}


.darkmode-bg[b-m5rew22x2e] {
    background-color: #009ecf !important;
}








button.language-button.dropdown-toggle[b-m5rew22x2e] {
    width: 120px !important;
    height: 60px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: content-box !important;
    border: none !important;
    background: none !important;
    font-family:Roboto;
    font-size: 1.5rem;
    color:white;
}

    /* Återställ pilen utan att den trycker ned */
    button.language-button.dropdown-toggle[b-m5rew22x2e]::after {
        content: "";
        display: inline-block;
        margin-left: 0.4em;
        vertical-align: middle;
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
    }



/* Bara mobil: vertikala länkar och blå bakgrund */
@media (max-width: 992px) {
    .navbar-collapse.show[b-m5rew22x2e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #009ecf; /* mobilbakgrund */
        z-index: 10000;
        padding: 2rem 1rem;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .navbar-nav[b-m5rew22x2e] {
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

/* Desktop: återställ horisontell layout och transparent bakgrund */
@media (min-width: 993px) {
    .navbar-collapse.show[b-m5rew22x2e] {
        position: static;
        width: auto;
        height: auto;
        background-color: transparent; /* ingen mobilbakgrund */
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .navbar-nav[b-m5rew22x2e] {
        flex-direction: row;
        gap: 4rem;
        justify-content: center;
        align-items: center;
    }
}





/* Gör dropdown vit med mörk text */
.dropdown-menu[b-m5rew22x2e] {
    background-color: #ffffff !important;
    color: #333333 !important;
}

    /* Säkerställ att länkarna i dropdownen också blir mörka */
    .dropdown-menu .dropdown-item[b-m5rew22x2e] {
        color: #333333 !important;
    }

        .dropdown-menu .dropdown-item:hover[b-m5rew22x2e] {
            background-color: #f8f9fa; /* ljusgrå hover */
            color: #000000 !important;
        }
/* _content/Securum.Mekelson.Web/Components/Pages/About.razor.rz.scp.css */
.about-layout[b-6g0ii1ragj] {
    display: flex;
    gap: 1rem;
    align-items: flex-start; /* förhindrar att sidebar sträcks i höjd */
}

.about-main[b-6g0ii1ragj] {
    flex: 1 1 0; /* huvudkolumnen tar resterande bredd */
}

.about-sidebar[b-6g0ii1ragj] {
    flex: 0 0 auto; /* krymper till innehållets höjd */
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: none; /* ingen ram här */
    background: none;
}

.impressum-table[b-6g0ii1ragj] {
    border: 1px solid #ccc; /* ramen omsluter bara tabellen */
    border-radius: 6px;
    background-color: #f7f7f7;
    border-collapse: collapse;
    font-size: 0.95rem;
    line-height: 1.4;
    width: auto; /* tabellen blir bara så bred som behövs */
}

    .impressum-table td[b-6g0ii1ragj] {
        padding: 4px 8px;
        vertical-align: top;
    }

    .impressum-table .key[b-6g0ii1ragj] {
        font-weight: normal;
        white-space: nowrap;
    }

    .impressum-table .value[b-6g0ii1ragj] {
        white-space: nowrap;
    }


.h1[b-6g0ii1ragj] {
    font-size: 1.5rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 3rem;
    border: none; /* tar bort ev. border */
    outline: none; /* tar bort ev. outline */
    box-shadow: none; /* tar bort ev. skugga som kan se ut som ram */
}




/* Justera H2 (sektionstitlar) */
.bodytext h2[b-6g0ii1ragj] {
    font-size: 1rem; /* mindre än H1 */
    line-height: 1.1; /* lite mer luft mellan raderna */
    margin-top: 1.5rem; /* luft ovanför rubriken */
    margin-bottom: 0.5rem; /* luft under rubriken */
    font-weight: bold
}

/* Justera stycken */
div.bodytext p[b-6g0ii1ragj] {
    font-size: 1rem !important;
    line-height: 1 !important;
    margin-bottom: 1rem !important;
}
/* _content/Securum.Mekelson.Web/Components/Pages/Contact.razor.rz.scp.css */
.my-alert[b-xabq0xr5h9] {
    background-color: #e0e7ea !important; /* egen bakgrund */
    border: 1px solid #bdbdbd !important; /* egen border */
    color: #333333 !important; /* egen textfärg */
}
/* _content/Securum.Mekelson.Web/Components/Pages/EMailTemplates/InvoiceMail.razor.rz.scp.css */




table tbody tr td.payment-highlight[b-ymt2xps2jg] {
    color: #009ecf;
    font-weight: 700;
    font-size: 0.9rem;
}
/* _content/Securum.Mekelson.Web/Components/Pages/HomeLang.razor.rz.scp.css */
/* === Grundläggande layoutstruktur === */

html[b-qdmhsks6s2], body[b-qdmhsks6s2] {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    color: #333;
}

.page-container[b-qdmhsks6s2] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

header[b-qdmhsks6s2] {
    background-color: #002b45;
    color: white;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-wrapper[b-qdmhsks6s2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 1536px;
    margin: 0 auto;
    width: 100%;
    padding: 0 1rem;
}

main[b-qdmhsks6s2] {
    /* Rensat onödiga egenskaper */
}


/* Nytt 2025-10-07 */



.blue-bg[b-qdmhsks6s2] {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #002b45;
}

.pitch-description[b-qdmhsks6s2] {
    font-family: Arial, sans-serif;
    margin-bottom: 2rem;
}

.pitch-subheading-lightblue[b-qdmhsks6s2] {
    font-size: 2.5rem;
    font-family: Roboto;
    color: #009ecf;
    margin-bottom: 0.3rem;
}

.pitch-heading-white[b-qdmhsks6s2] {
    font-size: 2.5rem;
    font-family:Roboto;
    color: #ffffff;
    font-weight: bold;
    margin: 0.2rem 0;
}

.pitch-ingress-lightblue[b-qdmhsks6s2] {
    font-size: 1.5rem;
    font-family: Roboto;
    color: #009ecf;
    line-height: 1.4;
}


.text-box-darkblue[b-qdmhsks6s2] {
    font-family:Roboto;
    font-size: 1.5rem;
    font-weight: bold;
    color: #002b45;
    line-height: 1.2;
}


.text-bottom-black[b-qdmhsks6s2] {
    margin-top: 0 !important;
    font-family:Roboto;
    font-size: 1rem;
    line-height: 1.6;
    color: #333333;
 
}


.product-container[b-qdmhsks6s2] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end; /* lägg innehållet åt höger */
    gap: 2rem;
    /* centrera och begränsa maxbredd som .container */
    max-width: 1320px; /* motsvarar Bootstrap 5 .container-xl */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* justeringar */
    margin-top: -20rem; /* dra upp sektionen något */
    padding-right: 2rem;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
}

/*.product-container {
    gap: 2rem;
    margin-top: -3rem;
}*/

.product-wrapper[b-qdmhsks6s2] {
    width: 250px;
    position: relative;
}

.bottom-section[b-qdmhsks6s2] {
    margin-top: -12rem; /* dra upp sektionen något */
}




.product-wrapper[b-qdmhsks6s2] {
    flex: 0 0 auto;
    position: relative;
}

    /* För bilderna / korten – valfritt men gör det snyggare */
    .product-wrapper .card[b-qdmhsks6s2] {
        width: 250px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        border: none;
        border-radius: 0.75rem;
        overflow: hidden;
    }

/* --- Responsivt läge för mobil / surfplatta --- */
@media (max-width: 768px) {
    /* Produkten hamnar mellan topp- och bottendel */
    .product-container[b-qdmhsks6s2] {
        order: 1; /* se till att hamna rätt om du använder en gemensam container */
        justify-content: center;
        flex-direction: column; /* i kolumn */
        align-items: center;
        margin: 2rem 0;
    }

    .product-wrapper[b-qdmhsks6s2] {
        width: 100%;
        max-width: 350px;
    }

    /* Dra upp sektionen under ännu lite närmare */
    .bottom-section[b-qdmhsks6s2] {
        margin-top: -1rem;
    }
}




/* === Startsida: Bakgrund och textblock === */

.top-half-bg[b-qdmhsks6s2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-color: #002b45;
    z-index: 0;
}

.top-text-container[b-qdmhsks6s2] {
    margin-top: 2rem;
    background-color: #002b45;
    color: #009ecf;
    font-weight: bold;
    font-size: 1.5rem;
    z-index: 10;
    position: relative;
    width: 500px;
}

.second-line-white[b-qdmhsks6s2] {
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
}

.third-line-white[b-qdmhsks6s2] {
    color: white;
    font-size: 1rem;
    font-weight: normal;
}


/* === Flytande textbox === */

.floating-text-box[b-qdmhsks6s2] {
    position: absolute;
    top: 380px;
    left: 0;
    max-width: 500px;
    color: #002b45;
    z-index: 30;
}


/* === Extra textblock === */

.extra-bottom-text[b-qdmhsks6s2] {
    margin-top: 0 !important;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
    padding: 0 !important;
}


/* === Kortsektion – centrerad och responsiv === */







/* === Kortstil === */

.card[b-qdmhsks6s2] {
    width: 250px !important;
    height: 450px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border: 1px solid #d3d3d3 !important;
    border-radius: 1.5rem !important;
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .card:hover[b-qdmhsks6s2] {
        transform: none !important;
    }

.card-title[b-qdmhsks6s2],
.card-text[b-qdmhsks6s2] {
    display: block;
    text-align: left;
    font-family:Roboto;
    font-size:1rem;
    color:black;

}


/* === Knappar === */

.vit-knapp[b-qdmhsks6s2] {
    font-family:Roboto;
    font-size; 1rem;
    color:black;
    display: inline-block;
    background-color: white;
    color: black;
    border: 1px solid #333;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-weight: bold;
    border-radius: 2rem;
    margin-top: 1rem;
    transition: background-color 0.2s ease;
}

    .vit-knapp:hover[b-qdmhsks6s2] {
        background-color: #f0f0f0;
    }


/* === Footer === */

footer[b-qdmhsks6s2],
.vallabrink[b-qdmhsks6s2] {
    background-color: #f5f5f5;
    color: #555;
    text-align: center;
    padding: 1rem;
    font-size: 0.9rem;
    border-top: 1px solid #ddd;
    z-index: 1;
    position: relative;
}


/* === Navigation === */

nav[b-qdmhsks6s2] {
    display: flex;
    gap: 1rem;
}

    nav a[b-qdmhsks6s2] {
        color: white;
        text-decoration: none;
        font-weight: 500;
    }

        nav a:hover[b-qdmhsks6s2] {
            text-decoration: underline;
        }


/* === Allmänt === */

p[b-qdmhsks6s2] {
    margin: 0;
    padding: 0;
}


/* === Responsivitet === */

@media (max-width: 1200px) {
    .kort-container[b-qdmhsks6s2] {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4rem !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .kort-wrapper[b-qdmhsks6s2] {
        width: 100% !important;
        max-width: 300px !important;
    }
}

@media (max-width: 1500px) {
    .top-text-container[b-qdmhsks6s2] {
        max-width: 500px;
        padding: 1rem;
        box-sizing: border-box;
        max-width: 400px;
        width: 100%;
        padding: 1rem;
        box-sizing: border-box;
    }

    .third-line-white[b-qdmhsks6s2] {
        display: block;
        white-space: normal;
        line-height: 1.6;
        word-break: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
        line-height: 1.6;
    }
}







.second-line-white[b-qdmhsks6s2] {
    font-size: 1.2rem !important;
}

.third-line-white[b-qdmhsks6s2] {
    font-size: 1rem !important;
    white-space: normal;
}

}

@media (max-width: 768px) {
    header[b-qdmhsks6s2] {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    nav[b-qdmhsks6s2] {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .top-text-container[b-qdmhsks6s2],
    .floating-text-box[b-qdmhsks6s2] {
        max-width: 100% !important;
        font-size: 1.1rem !important;
        padding: 1rem !important;
    }

    .second-line-white[b-qdmhsks6s2] {
        font-size: 1.1rem !important;
    }

    .third-line-white[b-qdmhsks6s2] {
        font-size: 0.9rem !important;
    }

    .extra-bottom-text[b-qdmhsks6s2] {
        font-size: 0.85rem !important;
    }

    .kort-wrapper[b-qdmhsks6s2] {
        width: 100% !important;
    }

    .floating-text-box[b-qdmhsks6s2] {
        position: relative !important;
        top: auto !important;
        margin-top: 2rem !important;
    }
}

@media (max-width: 480px) {
    .card[b-qdmhsks6s2] {
        width: 100% !important;
        height: auto !important;
    }

 
}


/* === Produktsektion desktop === */
/*.product-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 2rem;
    margin-top: -3rem;*/ /* dra upp lite som tidigare */
/*margin-right: auto;*/ /* låter den ligga där markupen anger */
/*margin-left: auto;
    position: relative;
    z-index: 10;
}*/

.product-wrapper[b-qdmhsks6s2] {
    width: 250px;
    position: relative;
}

    .product-wrapper .card[b-qdmhsks6s2] {
        width: 250px;
        box-shadow: 0 2px 8px rgba(0,0,0,.15);
        border: none;
        border-radius: .75rem;
        overflow: hidden;
        
    }

/* === Rubrik på kort === */
.rubrik-overlay[b-qdmhsks6s2] {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #002b45;
    color: white !important;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 4px;
    z-index: 10;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 1rem !important;
    font-family: Roboto !important;
    padding: 4px 8px !important;
}

/* === Responsivt läge: mobil / platta === */
@media (max-width: 992px) {
    .product-container[b-qdmhsks6s2] {
        flex-direction: column; /* stapla korten */
        align-items: center;
        margin: 1rem 0 !important;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .product-wrapper[b-qdmhsks6s2] {
        width: 100%;
        max-width: 350px;
        justify-content: center;
        display:flex;
    }
}




.bottom-section[b-qdmhsks6s2] {
    margin-bottom: 100px; /* mobil, rejäl luft */
}

@media (min-width: 768px) {
    .bottom-section[b-qdmhsks6s2] {
        margin-bottom: 1px; /* desktop, lagom luft */
    }
}





.text-bottom-black p[b-qdmhsks6s2] {
    margin: 0;
}

/* _content/Securum.Mekelson.Web/Components/Pages/LaboratoryPS.razor.rz.scp.css */

/* Alla rubriker */
h1[b-dbwgw94xsv], h2[b-dbwgw94xsv], h3[b-dbwgw94xsv], h4[b-dbwgw94xsv], h5[b-dbwgw94xsv], h6[b-dbwgw94xsv] {
    font-size: 1.2em; /* Justera efter behov */
    line-height: 1.3; /* Lite tätare radavstånd */
    margin-bottom: 0.6em;
}



.bodytext p[b-dbwgw94xsv] {
    font-size: 1em !important;
    line-height: 1 !important;
    margin-bottom: 1em !important;
}

/* _content/Securum.Mekelson.Web/Components/Pages/Payment/Invoice.razor.rz.scp.css */


.stripe-container[b-zq3xgke2lu] {
    max-width: 700px !important;
    margin: 5px auto !important;
    padding: 32px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px #009ecf50 !important;
    color: #222 !important;
}

.header-bar[b-zq3xgke2lu] {
    background-color: #009ecf;
    padding: 20px 0;
    text-align: center;
    border-radius: 6px 6px 0 0; /* rundade hörn om formuläret har det */
    margin-bottom: 20px;
}

.header-logo[b-zq3xgke2lu] {
    height: 40px; /* justera efter smak */
    width: auto;
}


.page-title[b-zq3xgke2lu] {
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333;
    margin-bottom: 10px;
    text-align: left;
    letter-spacing: 0.5px;
}



.stripe-title[b-zq3xgke2lu] {
    font-size: 1rem !important;
    font-family:Roboto;
    color:#333333;
    font-weight: normal !important;
    margin-bottom: 10px !important;
}

.stripe-sub[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    margin-bottom: 24px !important;
}

/* ORDER INFO GRID */
.order-info[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-bottom: 20px !important;
    /*    gap: 6px 20px !important;
*/ /*    margin-bottom: 30px !important;
*/
}

    .order-info span[b-zq3xgke2lu] {
        font-weight: 600 !important;
        color: #333 !important;
    }

/* TWO COLUMNS */
.two-col[b-zq3xgke2lu] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
/*    margin-bottom: 30px !important;
*/

}

.section-title[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

.section-value[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    color: #444 !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
}

/* SUM SECTION */
.sum-row[b-zq3xgke2lu],
.sum-total[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    display: flex !important;
    justify-content: space-between !important;
/*    padding: 4px 0 !important;
*/}

.sum-total[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: bold !important;
/*    margin-top: 10px !important;
*/}

/* PRODUCT LIST */
.product-section[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
/*    margin-top: 20px !important;
*/
}

.product-header[b-zq3xgke2lu],
.product-row[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    display: grid !important;
    grid-template-columns: 50% 15% 20% 15% !important;
    padding: 8px 0 !important;
}

.product-header[b-zq3xgke2lu] {
    font-weight: 600 !important;
    border-bottom: 2px solid #ddd !important;
}

.product-row[b-zq3xgke2lu] {
    border-bottom: 1px solid #eee !important;
}


    /* -------------------------------------- */
    /* Högerställ Qty, Price, Subtotal        */
    /* -------------------------------------- */
    .product-header > div:nth-child(2)[b-zq3xgke2lu],
    .product-header > div:nth-child(3)[b-zq3xgke2lu],
    .product-header > div:nth-child(4)[b-zq3xgke2lu],
    .product-row > div:nth-child(2)[b-zq3xgke2lu],
    .product-row > div:nth-child(3)[b-zq3xgke2lu],
    .product-row > div:nth-child(4)[b-zq3xgke2lu] {
        text-align: right !important;
    }







/* FOOTER */
.footer[b-zq3xgke2lu] {
    font-size: 0.8rem !important;
    font-family: Roboto;
    color: #333333;
    font-weight: normal !important;
    margin-top: 5px !important;
    text-align: center !important;
    color: #777 !important;
    font-size: 1rem !important;
}



.payment-highlight[b-zq3xgke2lu] {
    color: #009ecf; /* Din headerblå färg */
    font-weight: bold;
    font-size: 0.8rem; /* Valfritt, lite större text */
}
/* _content/Securum.Mekelson.Web/Components/Pages/Product.razor.rz.scp.css */
/* Bas: allt i PDF-läge blir kompakt och utan radbrytningar där det behövs */
.pdf-mode[b-atu0wd9trz] {
    font-size: 0.6rem !important;
    line-height: 1.2 !important;
}

    /* Rubriker */
    .pdf-mode h1[b-atu0wd9trz],
    .pdf-mode .small-h1[b-atu0wd9trz] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
        page-break-inside: avoid;
    }

    .pdf-mode h4[b-atu0wd9trz] {
        font-size: 0.8rem !important;
        page-break-inside: avoid;
    }

    /* Grid-rader och kort: bryts inte mitt i */
    .pdf-mode .row[b-atu0wd9trz],
    .pdf-mode .attribute-card[b-atu0wd9trz],
    .pdf-mode .attribute-card-body[b-atu0wd9trz],
    .pdf-mode .attribute-row[b-atu0wd9trz] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

        /* Pris/Lager-rader i Bootstrap-kolumner: mindre font + inga brytningar */
        .pdf-mode .row .col-3[b-atu0wd9trz],
        .pdf-mode .row .col-9[b-atu0wd9trz],
        .pdf-mode .row .col-3 span[b-atu0wd9trz],
        .pdf-mode .row .col-9 span[b-atu0wd9trz],
        .pdf-mode .row .col-3 strong[b-atu0wd9trz],
        .pdf-mode .row .col-9 strong[b-atu0wd9trz] {
            font-size: 0.6rem !important;
            white-space: nowrap !important;
        }

    /* Attributrader: ännu kompaktare text vid behov */
    .pdf-mode .attribute-row[b-atu0wd9trz] {
        white-space: nowrap !important;
    }

    .pdf-mode table[b-atu0wd9trz] {
        page-break-inside: avoid;
    }

/* _content/Securum.Mekelson.Web/Components/Pages/TermsAndConditions.razor.rz.scp.css */
/* Bas: lite luft mot sidfoten */
.sec-maincontainer[b-ieq9k71goq] {
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    flex: 1; /* låt den växa */
    min-height: 100%; /* fyll höjden */
}

/* På små skärmar (<768px) öka avståndet */
@media (max-width: 768px) {
    .sec-maincontainer[b-ieq9k71goq] {
        padding-bottom: 100px; /* eller margin-bottom */
    }
}


/* Basavstånd */
.sec-maincontainer[b-ieq9k71goq] {
    padding-bottom: 2rem;
}

/* På små skärmar (<768px) öka luft */
@media (max-width: 768px) {
    .sec-maincontainer[b-ieq9k71goq] {
        padding-bottom: 100rem; /* eller 100px om du vill ha mycket luft */
    }
}
/* _content/Securum.Mekelson.Web/Components/Shared/OrderForm.razor.rz.scp.css */

/* ===== Bascontainer & Header ===== */
.stripe-container[b-38omyg3kzt] {
    max-width: 700px;
    margin: 5px auto;
    padding: 32px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px #009ecf50;
    color: #222;
    font-family: Roboto, Arial, sans-serif;
}

.header-bar[b-38omyg3kzt] {
    background-color: #009ecf;
    padding: 20px 0;
    text-align: center;
    border-radius: 6px 6px 0 0;
    margin-bottom: 20px;
}

.header-logo[b-38omyg3kzt] {
    height: 40px;
    width: auto;
}

/* ===== Titlar & undertitlar ===== */
.page-title[b-38omyg3kzt] {
    font-size: 1.6rem;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
    letter-spacing: 0.5px;
}

.stripe-title[b-38omyg3kzt] {
    font-size: 1rem;
    color: #333;
    font-weight: normal;
    margin-bottom: 10px;
}

.stripe-sub[b-38omyg3kzt] {
    font-size: 0.8rem;
    color: #333;
    font-weight: normal;
    margin-bottom: 24px;
}

/* ===== Orderinfo ===== */
.order-info[b-38omyg3kzt] {
    font-size: 0.8rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px 0;
    margin-bottom: 20px;
}

    .order-info span[b-38omyg3kzt] {
        font-weight: 600;
        color: #333;
    }

/* ===== Tvåkolumnslayout ===== */
.layout-two-cols[b-38omyg3kzt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* ===== Sektioner ===== */
.section-title[b-38omyg3kzt] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}

.section-value[b-38omyg3kzt] {
    font-size: 0.8rem;
    color: #444;
    line-height: 1.4;
    margin-bottom: 15px;
    white-space: pre-line;
}

/* ===== Summeringspanel ===== */
.sum-panel[b-38omyg3kzt] {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 16px;
    border-radius: 8px;
    font-size: 0.8rem;
}

.sum-row[b-38omyg3kzt], .sum-total[b-38omyg3kzt] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 0;
}

.sum-total[b-38omyg3kzt] {
    font-weight: bold;
    margin-top: 8px;
}

/* =====================================================================
   PRODUKTSEKTION – GRID som matchar col-* klasserna
   ===================================================================== */
.product-section[b-38omyg3kzt] {
    font-size: 0.8rem;
    margin-top: 20px;
    text-align: initial; /* neutralisera ev. text-align från förälder */
}

/* Samma kolumnstruktur för header och rader */
.product-header[b-38omyg3kzt],
.product-row[b-38omyg3kzt] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 120px; /* Produkt | Antal | Pris | Delsumma */
    column-gap: 12px;
    align-items: center;
    padding: 8px 0;
    min-width: 0;
}

/* Utseende */
.product-header[b-38omyg3kzt] {
    font-weight: 600;
    border-bottom: 2px solid #ddd;
}

.product-row[b-38omyg3kzt] {
    border-bottom: 1px solid #eee;
}

/* --- HEADER-celler (direkta barn) --- */
.product-header > div[b-38omyg3kzt] {
    padding: 4px;
}

.product-header > :nth-child(1)[b-38omyg3kzt] {
    text-align: left;
}

.product-header > :nth-child(2)[b-38omyg3kzt],
.product-header > :nth-child(3)[b-38omyg3kzt],
.product-header > :nth-child(4)[b-38omyg3kzt] {
    text-align: right;
}

/* --- RAD-celler: matcha dina klasser exakt --- */
.product-row > .col-product[b-38omyg3kzt] {
    grid-column: 1;
    text-align: left;
    overflow-wrap: anywhere;
    min-width: 0;
    padding: 4px;
}

.product-row > .col-qty[b-38omyg3kzt] {
    grid-column: 2;
    text-align: right;
    padding: 4px;
}

.product-row > .col-price[b-38omyg3kzt] {
    grid-column: 3;
    text-align: right;
    padding: 4px;
}

.product-row > .col-subtotal[b-38omyg3kzt] {
    grid-column: 4;
    text-align: right;
    padding: 4px;
}

/* Om någon rad råkar ha en extra wrapper runt alla celler: platta ut den */
.product-row > *:only-child[b-38omyg3kzt] {
    display: contents;
}

/* ===== Alternativ: TABELL-layout (använd endast om cart är <table>) ===== */
.products[b-38omyg3kzt],
.product-section table[b-38omyg3kzt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin-top: 12px;
}

    .products th[b-38omyg3kzt], .products td[b-38omyg3kzt],
    .product-section table th[b-38omyg3kzt], .product-section table td[b-38omyg3kzt] {
        padding: 8px;
        border-bottom: 1px solid #eee;
    }

    .products thead th[b-38omyg3kzt],
    .product-section table thead th[b-38omyg3kzt] {
        font-weight: 600;
        background: #f6f6f6;
    }

    .products td:nth-child(2)[b-38omyg3kzt], .products td:nth-child(3)[b-38omyg3kzt], .products td:nth-child(4)[b-38omyg3kzt],
    .product-section table td:nth-child(2)[b-38omyg3kzt], .product-section table td:nth-child(3)[b-38omyg3kzt], .product-section table td:nth-child(4)[b-38omyg3kzt] {
        text-align: right;
    }

/* ===== Footer ===== */
.footer[b-38omyg3kzt] {
    font-size: 0.8rem;
    text-align: center;
    color: #777;
    margin-top: 10px;
}

/* ===== Responsiv ===== */
@media (max-width: 720px) {
    .stripe-container[b-38omyg3kzt] {
        padding: 20px;
        border-radius: 8px;
    }

    .layout-two-cols[b-38omyg3kzt] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .product-header[b-38omyg3kzt], .product-row[b-38omyg3kzt] {
        grid-template-columns: 1fr 80px 100px 100px; /* smalare sifferspalter på mobil */
    }
}



.payment-highlight[b-38omyg3kzt] {
    color: #009ecf; /* Din headerblå färg */
    font-weight: bold;
    font-size: 0.8rem; /* Valfritt, lite större text */
}
/* _content/Securum.Mekelson.Web/Components/Shared/Profile.razor.rz.scp.css */
.row-centered[b-ov0vncrfkj] {
    display: flex;
    justify-content: center;
    gap: 2rem;
}