/* /Components/Layout/Footer.razor.rz.scp.css */
.custom-footer[b-sk6k4j26as] {
    background-color: #0d1117; 
    font-family: 'Poppins', sans-serif;
    margin-top: auto;
}

.footer-logo[b-sk6k4j26as] {
    height: 40px;
    width: auto;
}

.footer-link[b-sk6k4j26as] {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.footer-link:hover[b-sk6k4j26as] {
    color: #ffc107;
    padding-left: 5px; 
}

h5[b-sk6k4j26as] {
    font-weight: 600;
    font-size: 1.1rem;
}

.contact-link[b-sk6k4j26as] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

    .contact-link:hover[b-sk6k4j26as] {
        color: #ffc107;
        padding-left: 5px; 
    }


.hover-warning[b-sk6k4j26as] {
    transition: color 0.2s ease-in-out;
}

    .hover-warning:hover[b-sk6k4j26as] {
        color: #ffc107 !important; 
    }

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-kw50cm79yp] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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

.content[b-kw50cm79yp] {
    margin: 0 auto;
    width: 100%;
}

p[b-kw50cm79yp] {
    max-width: 800px;
     margin: 0 auto; 
}

@media(max-width: 1500px) {
    #backToTopBtn[b-kw50cm79yp] {
        transition: margin-bottom 0.3s ease;
    }
}

@media(min-width: 500px) and (max-width: 1499.25px) {
    #backToTopBtn[b-kw50cm79yp] {
        margin-bottom: 100px;
        transition: margin-bottom 0.3s ease;
    }
}
@media(max-width: 490px){
    #backToTopBtn[b-kw50cm79yp] {
        margin-bottom: 10px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.custom-nav[b-o98fbcf2ad] {
    background-color: #0d1117;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar-brand img[b-o98fbcf2ad] {
    width:auto;
    height: 65px;
}

/* --- EGEN HAMBURGARE --- */
.menu-trigger[b-o98fbcf2ad] {
    width: 35px;
    height: 20px;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

    .menu-trigger span[b-o98fbcf2ad] {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 100px;
        background-color: #ffc107; 
        transition: all 0.3s ease-in-out;
    }

    .menu-trigger.open span:nth-child(1)[b-o98fbcf2ad] {
        transform: translateY(8px) rotate(180deg);
    }

    .menu-trigger.open span:nth-child(2)[b-o98fbcf2ad] {
        opacity: 0;
        transform: translateX(-10px);
    }

    .menu-trigger.open span:nth-child(3)[b-o98fbcf2ad] {
        transform: translateY(-8px) rotate(-180deg);
    }

/* --- MENY-CONTAINER LOGIK --- */
@media (max-width: 991.25px) {
    .nav-container[b-o98fbcf2ad] {
        display: none;
        width: 100%;
        background-color: #0d1117;
        padding: 2rem 0;
        position: absolute;
        top: 100%;
        left: 0;
        border-top: 1px solid rgba(255,255,255,0.1);
    }

        .nav-container.show[b-o98fbcf2ad] {
            display: block;
            animation: slideIn-b-o98fbcf2ad 0.3s ease-out;
        }

    .navbar-nav[b-o98fbcf2ad] {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .menu-trigger[b-o98fbcf2ad] {
        display: none; 
    }

    .nav-container[b-o98fbcf2ad] {
        display: flex;
        flex-direction: row;
        align-items: center;
        background: none;
        position: static;
        padding: 0;
        width: auto;
    }

    .navbar-nav[b-o98fbcf2ad] {
        flex-direction: row;
    }
}

/* ::deep för att styra NavLink-komponenterna på rad */
[b-o98fbcf2ad] .navbar-nav .nav-link {
    white-space: nowrap; /* Hindrar texten från att radbrytas */
}
@keyframes slideIn-b-o98fbcf2ad {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ::deep tvingar stilen att gå ner i NavLink-komponenten */
[b-o98fbcf2ad] .nav-link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    background: none !important;
    border: none !important;
    transition: color 0.3s ease;
}

    [b-o98fbcf2ad] .nav-link:hover,
    [b-o98fbcf2ad] .nav-link.active {
        color: #ffc107 !important; /* Rudbecks Gula */
    }

[b-o98fbcf2ad] .nav-pills .nav-link.active {
    background-color: transparent !important;
}
.delivery-badge[b-o98fbcf2ad] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #ffc107;
    border: 1px solid #ffc107;
    padding: 6px 16px;
    border-radius: 50px;
    white-space: nowrap;
}

/* /Components/Pages/Articles.razor.rz.scp.css */
.article-card[b-9spr0it4rt] {
    transition: all 0.3s ease;
    border-width: 1px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

    .article-card:hover[b-9spr0it4rt] {
        transform: translateY(-8px);
        border-color: #ffc107 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }

    .article-card.border-danger:hover[b-9spr0it4rt] {
        border-color: #dc3545 !important;
    }

.card-title[b-9spr0it4rt] {
    font-weight: 700;
}

.italic[b-9spr0it4rt] {
    font-style: italic;
}

.articles-hero[b-9spr0it4rt] {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.9));
}

.pagination[b-9spr0it4rt] {
    gap: 10px;
}

.page-link[b-9spr0it4rt] {
    display:flex;
    justify-content:center;
    align-content:center;
    border-radius: 5px;
    box-shadow: none;
    width: 50px;
}
    .page-link:hover[b-9spr0it4rt] {
        background-color: #ffc107 !important;
        color: black !important;
    }
.fade-in-card[b-9spr0it4rt] {
    animation: cardAppear-b-9spr0it4rt 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    opacity: 0;
    transform: translateY(10px);
}

@keyframes cardAppear-b-9spr0it4rt {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Förhindra att sidan hoppar när kort döljs/visas */
.grid-container[b-9spr0it4rt] {
    min-height: 600px;
    transition: min-height 0.3s ease;
}

/* Snyggare fokus på sökfältet */
.form-control:focus[b-9spr0it4rt] {
    border-color: #ffc107 !important;
}

.form-control[b-9spr0it4rt]::placeholder{
    color:whitesmoke;
    opacity: 0.6;
    font-style:italic;
}

/* /Components/Pages/ArticlesPages/AudiA6Quattro.razor.rz.scp.css */
.article-container[b-4q7dgpi9ln] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-4q7dgpi9ln] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-4q7dgpi9ln] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-4q7dgpi9ln] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-4q7dgpi9ln] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-4q7dgpi9ln] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-4q7dgpi9ln] { cursor: pointer; }
.italic[b-4q7dgpi9ln] { font-style: italic; }
/* /Components/Pages/ArticlesPages/BMW318d.razor.rz.scp.css */
/* Placeholder & Inputs */
.form-control[b-bp3ct2dn8z]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-bp3ct2dn8z] {
    box-shadow: none !important;
    border: 1px solid #333;
    background-color: #000;
    color: white;
}

    .form-control:focus[b-bp3ct2dn8z] {
        border-color: #ffc107;
        background-color: #000;
        color: white;
        box-shadow: none !important;
    }

/* Hero & Layout */
.car-hero-fullwidth[b-bp3ct2dn8z] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-bp3ct2dn8z] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-bp3ct2dn8z] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-bp3ct2dn8z] {
    border: 2px solid #ffc107 !important;
}

.transition-all[b-bp3ct2dn8z] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-bp3ct2dn8z] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.gallery-thumbnail[b-bp3ct2dn8z] {
    width: 80px;
    height: 60px;
    object-fit: cover;
}
/* /Components/Pages/ArticlesPages/BMWM5E60.razor.rz.scp.css */
/* Placeholder & Inputs */
.form-control[b-klfcbn04n1]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-klfcbn04n1] {
    box-shadow: none !important;
    border: 1px solid #333;
    background-color: #000;
    color: white;
}

    .form-control:focus[b-klfcbn04n1] {
        border-color: #ffc107;
        background-color: #000;
        color: white;
        box-shadow: none !important;
    }

/* Hero & Layout */
.car-hero-fullwidth[b-klfcbn04n1] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-klfcbn04n1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-klfcbn04n1] {
    position: relative;
    z-index: 2;
}


.transition-all[b-klfcbn04n1] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-klfcbn04n1] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.gallery-thumbnail[b-klfcbn04n1] {
    width: 80px;
    height: 60px;
    object-fit: cover;
}

.car-hero[b-klfcbn04n1] {
    background-color: #1a1a1a;
    border-bottom: 2px solid #ffc107;
    padding: 60px 0;
}

.gallery-thumbnail[b-klfcbn04n1] {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.2s;
    opacity: 0.6;
}

    .gallery-thumbnail:hover[b-klfcbn04n1] {
        opacity: 1;
        border-color: #ffc107 !important;
    }

.active-thumb img[b-klfcbn04n1] {
    opacity: 1;
    border-color: #ffc107 !important;
    transform: scale(1.05);
}

.main-car-image[b-klfcbn04n1] {
    transition: opacity 0.3s ease-in-out;
    object-fit: cover;
}

.thumbnail-wrapper[b-klfcbn04n1] {
    cursor: pointer;
}

.italic[b-klfcbn04n1] {
    font-style: italic;
}

.hover-warning[b-klfcbn04n1] {
    color: #ffc107;
    transition: color 0.3s ease;
}


    .hover-warning:hover[b-klfcbn04n1] {
        color: #d4a017;
    }
/* /Components/Pages/ArticlesPages/Caddy.razor.rz.scp.css */
/* Container för hela artikeln */
.article-container[b-6aay3gox1r] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}

/* Huvudbilden i galleriet */
.main-car-image[b-6aay3gox1r] {
    transition: transform 0.3s ease-in-out;
}

.main-image-container[b-6aay3gox1r] {
    border: 1px solid rgba(255, 193, 7, 0.2);
    position: relative;
    overflow: hidden;
}

/* Miniatyrer (Thumbnails) */
.thumbnail-grid[b-6aay3gox1r] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 15px 15px;
}

.thumbnail-wrapper[b-6aay3gox1r] {
    transition: all 0.2s ease;
    border-radius: 8px;
    padding: 2px;
    border: 2px solid transparent;
}

    .thumbnail-wrapper:hover[b-6aay3gox1r] {
        transform: translateY(-3px);
        filter: brightness(1.2);
    }

/* Den aktiva bilden i galleriet */
.active-thumb[b-6aay3gox1r] {
    border-color: #ffc107 !important; /* Din gula/warning färg */
    background: rgba(255, 193, 7, 0.1);
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.3);
}

.gallery-thumbnail[b-6aay3gox1r] {
    cursor: pointer;
    display: block;
}

/* Text & Innehåll */
.content-box[b-6aay3gox1r] {
    background-color: #1a1a1a !important; /* Lite ljusare än ren svart för kontrast */
    line-height: 1.8;
}

.article-body[b-6aay3gox1r] {
    font-size: 1.1rem;
    color: #e0e0e0;
}

/* Kontakt-knappar och Alert */
.btn-outline-warning:hover[b-6aay3gox1r] {
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
}

.alert-warning[b-6aay3gox1r] {
    border-left: 4px solid #ffc107 !important;
}

/* Brödsmulor (Breadcrumbs) */
.breadcrumb-item a:hover[b-6aay3gox1r] {
    color: #fff !important;
    text-decoration: underline !important;
}

.btn-caddy[b-6aay3gox1r]{
    padding: 10px;
    color: var(--rudbeck-yellow);
    transition: all 0.3s ease;
    border: 2px solid gray;
    border-radius: 10px;
    box-shadow: 0 0 2px gray;
}

    .btn-caddy:hover[b-6aay3gox1r] {
        color: rgba(255, 193, 7, 0.2);
    }
/* /Components/Pages/ArticlesPages/CitroenC4.razor.rz.scp.css */
.car-hero-fullwidth[b-0fs22dukjm] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-0fs22dukjm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-0fs22dukjm] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-0fs22dukjm] {
    border: 2px solid #ffc107 !important;
}

.transition-all[b-0fs22dukjm] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-0fs22dukjm] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.form-control[b-0fs22dukjm]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-0fs22dukjm] {
    box-shadow: none;
}

/* /Components/Pages/ArticlesPages/CitroenGrandC4.razor.rz.scp.css */
.article-container[b-rasmtmjqq2] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-rasmtmjqq2] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-rasmtmjqq2] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-rasmtmjqq2] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-rasmtmjqq2] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-rasmtmjqq2] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-rasmtmjqq2] { cursor: pointer; }
.italic[b-rasmtmjqq2] { font-style: italic; }
/* /Components/Pages/ArticlesPages/FordTransit.razor.rz.scp.css */
.article-container[b-og88jjp2ww] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-og88jjp2ww] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-og88jjp2ww] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-og88jjp2ww] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-og88jjp2ww] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-og88jjp2ww] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-og88jjp2ww] { cursor: pointer; }
.italic[b-og88jjp2ww] { font-style: italic; }
/* /Components/Pages/ArticlesPages/HondaCRV.razor.rz.scp.css */
.article-container[b-xsx78gwu3k] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-xsx78gwu3k] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-xsx78gwu3k] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-xsx78gwu3k] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-xsx78gwu3k] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-xsx78gwu3k] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-xsx78gwu3k] { cursor: pointer; }
.italic[b-xsx78gwu3k] { font-style: italic; }
/* /Components/Pages/ArticlesPages/HyundaI10.razor.rz.scp.css */
.article-container[b-xe1mse0ud2] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-xe1mse0ud2] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-xe1mse0ud2] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-xe1mse0ud2] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-xe1mse0ud2] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-xe1mse0ud2] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-xe1mse0ud2] { cursor: pointer; }
.italic[b-xe1mse0ud2] { font-style: italic; }
/* /Components/Pages/ArticlesPages/HyundaiAcc.razor.rz.scp.css */
.btn-hyundai[b-qy4v6l4lsk] {
    padding: 10px;
    color: var(--rudbeck-yellow);
    transition: all 0.3s ease;
    border: 2px solid gray;
    border-radius: 10px;
    box-shadow: 0 0 2px gray;
}

    .btn-hyundai:hover[b-qy4v6l4lsk] {
        color: rgba(255, 193, 7, 0.2);
    }
/* /Components/Pages/ArticlesPages/HyundaiI20.razor.rz.scp.css */
.article-container[b-s5xqo0ukyf] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-s5xqo0ukyf] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-s5xqo0ukyf] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-s5xqo0ukyf] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-s5xqo0ukyf] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-s5xqo0ukyf] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-s5xqo0ukyf] { cursor: pointer; }
.italic[b-s5xqo0ukyf] { font-style: italic; }
/* /Components/Pages/ArticlesPages/MercedesC180.razor.rz.scp.css */
.gallery-thumbnail[b-d6nu21a2hu] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-d6nu21a2hu] { opacity: 1; border-color: #ffc107 !important; }
.main-car-image[b-d6nu21a2hu] { transition: opacity 0.3s ease-in-out; object-fit: cover; }

.car-hero-fullwidth[b-d6nu21a2hu] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-d6nu21a2hu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-d6nu21a2hu] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-d6nu21a2hu] {
    opacity: 1; transform: scale(1.05);
}

.transition-all[b-d6nu21a2hu] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-d6nu21a2hu] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.form-control[b-d6nu21a2hu]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-d6nu21a2hu] {
    box-shadow: none;
}

/* /Components/Pages/ArticlesPages/MercedesE220.razor.rz.scp.css */
body[b-um0r74yezm] {
}
/* /Components/Pages/ArticlesPages/MitsubishiLancer.razor.rz.scp.css */
.article-container[b-hnafzrla10] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-hnafzrla10] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-hnafzrla10] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-hnafzrla10] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-hnafzrla10] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-hnafzrla10] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-hnafzrla10] { cursor: pointer; }
.italic[b-hnafzrla10] { font-style: italic; }
/* /Components/Pages/ArticlesPages/OpelCorsa.razor.rz.scp.css */
.article-container[b-thtmt2e91q] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-thtmt2e91q] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-thtmt2e91q] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-thtmt2e91q] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-thtmt2e91q] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-thtmt2e91q] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-thtmt2e91q] { cursor: pointer; }
.italic[b-thtmt2e91q] { font-style: italic; }
/* /Components/Pages/ArticlesPages/OpelVectra.razor.rz.scp.css */
.article-container[b-p2fe3f16al] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-p2fe3f16al] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-p2fe3f16al] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-p2fe3f16al] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-p2fe3f16al] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-p2fe3f16al] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-p2fe3f16al] { cursor: pointer; }
.italic[b-p2fe3f16al] { font-style: italic; }
/* /Components/Pages/ArticlesPages/SantanaMotor.razor.rz.scp.css */
/* /Components/Pages/ArticlesPages/SMCWildcat.razor.rz.scp.css */
.article-container[b-9bjitdc051] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-9bjitdc051] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-9bjitdc051] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-9bjitdc051] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-9bjitdc051] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-9bjitdc051] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-9bjitdc051] { cursor: pointer; }
.italic[b-9bjitdc051] { font-style: italic; }
/* /Components/Pages/ArticlesPages/Volvos60.razor.rz.scp.css */
.article-container[b-28f4amx0dc] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-28f4amx0dc] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-28f4amx0dc] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-28f4amx0dc] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-28f4amx0dc] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-28f4amx0dc] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-28f4amx0dc] { cursor: pointer; }
.italic[b-28f4amx0dc] { font-style: italic; }
/* /Components/Pages/ArticlesPages/VolvoS80.razor.rz.scp.css */
.btn-volvo[b-7377c6p691] {
    padding: 10px 20px;
    color: #ffc107;
    transition: all 0.3s ease;
    border: 2px solid gray;
    border-radius: 10px;
    box-shadow: 0 0 2px gray;
    background: transparent;
    font-size: 0.9rem;
}

.btn-volvo:hover[b-7377c6p691] {
    color: rgba(255, 193, 7, 0.8);
    border-color: #ffc107;
    box-shadow: 0 0 8px rgba(255, 193, 7, 0.4);
}
/* /Components/Pages/ArticlesPages/VolvoV40.razor.rz.scp.css */
.car-hero-fullwidth[b-x4wn2od9qg] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-x4wn2od9qg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-x4wn2od9qg] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-x4wn2od9qg] {
    border: 2px solid #ffc107 !important;
}

.transition-all[b-x4wn2od9qg] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-x4wn2od9qg] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.form-control[b-x4wn2od9qg]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-x4wn2od9qg]{
    box-shadow:none;
}

/* /Components/Pages/ArticlesPages/VolvoV50.razor.rz.scp.css */
.car-hero-fullwidth[b-jkb6t0uszd] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-jkb6t0uszd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-jkb6t0uszd] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-jkb6t0uszd] {
    border: 2px solid #ffc107 !important;
}

.transition-all[b-jkb6t0uszd] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-jkb6t0uszd] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.form-control[b-jkb6t0uszd]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-jkb6t0uszd] {
    box-shadow: none;
}
/* /Components/Pages/ArticlesPages/VolvoXC60.razor.rz.scp.css */
.article-container[b-5yx6t3c8dx] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-5yx6t3c8dx] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-5yx6t3c8dx] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-5yx6t3c8dx] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-5yx6t3c8dx] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-5yx6t3c8dx] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-5yx6t3c8dx] { cursor: pointer; }
.italic[b-5yx6t3c8dx] { font-style: italic; }
/* /Components/Pages/ArticlesPages/VolvoXC90.razor.rz.scp.css */
.article-container[b-0858uz1m9k] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-0858uz1m9k] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-0858uz1m9k] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-0858uz1m9k] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-0858uz1m9k] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-0858uz1m9k] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-0858uz1m9k] { cursor: pointer; }
.italic[b-0858uz1m9k] { font-style: italic; }
/* /Components/Pages/ArticlesPages/VWCaddyMaxi.razor.rz.scp.css */
body[b-vmushmeopw] {
}
/* /Components/Pages/ArticlesPages/VWGolfVariant.razor.rz.scp.css */
.car-hero-fullwidth[b-m95f9qlhr6] {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg-image[b-m95f9qlhr6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.3);
    transform: scale(1.1);
    z-index: 1;
}

.hero-content[b-m95f9qlhr6] {
    position: relative;
    z-index: 2;
}

.active-thumb[b-m95f9qlhr6] {
    border: 2px solid #ffc107 !important;
}

.transition-all[b-m95f9qlhr6] {
    transition: all 0.3s ease;
}

.btn-outline-light:hover[b-m95f9qlhr6] {
    background-color: #ffffff10;
    border-color: #ffc107;
    color: #ffc107;
}

.form-control[b-m95f9qlhr6]::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    opacity: 0.6;
}

.form-control[b-m95f9qlhr6] {
    box-shadow: none;
}


/* /Components/Pages/ArticlesPages/VWTouareg.razor.rz.scp.css */
.article-container[b-ojavwcdrqf] { background-color: #0b0b0b; min-height: 100vh; }
.car-hero[b-ojavwcdrqf] { background-color: #1a1a1a; border-bottom: 2px solid #ffc107; padding: 60px 0; }
.gallery-thumbnail[b-ojavwcdrqf] { width: 80px; height: 60px; object-fit: cover; cursor: pointer; transition: all 0.2s; opacity: 0.6; }
.gallery-thumbnail:hover[b-ojavwcdrqf] { opacity: 1; border-color: #ffc107 !important; }
.active-thumb img[b-ojavwcdrqf] { opacity: 1; border-color: #ffc107 !important; transform: scale(1.05); }
.main-car-image[b-ojavwcdrqf] { transition: opacity 0.3s ease-in-out; object-fit: cover; }
.thumbnail-wrapper[b-ojavwcdrqf] { cursor: pointer; }
.italic[b-ojavwcdrqf] { font-style: italic; }
/* /Components/Pages/CarCard.razor.rz.scp.css */

.car-card[b-ix8dcbjzv9] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--rudbeck-grey);
}

    .car-card:hover[b-ix8dcbjzv9] {
        box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
    }

.image-container[b-ix8dcbjzv9] {
    height: 200px;
    overflow: hidden;
    position: relative;
}

    .image-container[b-ix8dcbjzv9]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,0.05) 100%);
        pointer-events: none;
    }

    .image-container img[b-ix8dcbjzv9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.price-badge[b-ix8dcbjzv9] {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #ffc107; 
    color: #000;
    padding: 6px 14px;
    font-weight: 800;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 2;
}

.car-meta iconify-icon[b-ix8dcbjzv9] {
    vertical-align: middle;
    margin-right: 4px;
    color: #ffc107;
    font-size: 1.1rem;
}

.specs-tags[b-ix8dcbjzv9] {
    min-height: 65px; /* Håller korten jämna även om spec-mängden varierar */
}

.badge[b-ix8dcbjzv9] {
    font-weight: 500;
    letter-spacing: 0.3px;
    border:1px solid;
    border-color: var(--rudbeck-blue-dark);
}

.btn-dark[b-ix8dcbjzv9] {
    background-color: #1a1a1a;
    border: none;
    transition: background 0.2s;
}

.btn-fill-animation[b-ix8dcbjzv9] {
    position: relative;
    background-color: #212529;
    color: #ffffff;
    border: none;
    overflow: hidden;
    z-index: 1;
    transition: color 0.4s ease-in-out;
}

    .btn-fill-animation[b-ix8dcbjzv9]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%; 
        width: 100%;
        height: 100%;
        background-color: #ffc107; 
        transition: left 0.4s ease-in-out;
        z-index: -1; 
    }

    .btn-fill-animation:hover[b-ix8dcbjzv9] {
        color: #000000 !important; 
    }

        .btn-fill-animation:hover[b-ix8dcbjzv9]::before {
            left: 0; 
        }

    .btn-fill-animation span[b-ix8dcbjzv9],
    .btn-fill-animation iconify-icon[b-ix8dcbjzv9] {
        position: relative;
        z-index: 2;
    }
/* /Components/Pages/CarDetails.razor.rz.scp.css */
/* --- Car Details Slideshow Styles --- */

.main-image-container[b-qoc413ejmx] {
    /* Ger en fast höjd så sidan inte hoppar när man byter bild */
    height: 500px;
    background-color: #000;
}

.main-car-image[b-qoc413ejmx] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ser till att bilden fyller ut containern snyggt */
}

.thumbnail-wrapper[b-qoc413ejmx] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 100px; /* Storlek på tummarna */
    height: 70px;
}


/* Effekt när man håller musen över en tumme */
.thumbnail-wrapper:hover .gallery-thumbnail[b-qoc413ejmx] {
    opacity: 1;
    border-color: var(--bs-warning) !important; /* Gul ram */
}

/* Styling för den tumme som motsvarar den stora bilden */
.active-thumb .gallery-thumbnail[b-qoc413ejmx] {
    opacity: 1;
    border-color: var(--bs-warning) !important;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.5); /* Gult glöd */
}

.small-label[b-qoc413ejmx] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #888;
}

.info-grid span[b-qoc413ejmx] {
    font-size: 1.05rem;
}

/* Slideshow tummar */
.gallery-thumbnail[b-qoc413ejmx] {
    width: 80px;
    height: 60px;
    opacity: 0.6;
    transition: 0.3s;
    cursor: pointer;
}

    .active-thumb .gallery-thumbnail[b-qoc413ejmx], .gallery-thumbnail:hover[b-qoc413ejmx] {
        opacity: 1;
        border-color: #ffc107 !important;
    }

.main-image-container[b-qoc413ejmx] {
    height: 500px;
    background-color: #000;
}

.main-car-image[b-qoc413ejmx] {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Eller cover om du vill att bilden fyller ut allt */
}

/* Responsivitet för mindre skärmar */
@media (max-width: 991.98px) {
    .main-image-container[b-qoc413ejmx] {
        height: 350px;
    }

    .thumbnail-wrapper[b-qoc413ejmx] {
        width: 80px;
        height: 55px;
    }
}

.btn-fill-animate[b-qoc413ejmx] {
    position: relative;
    background-color: #212529;
    color: #ffffff;
    overflow: hidden;
    z-index: 1;
    transition: color 0.4s ease-in-out;
}

    /* Bakgrunden som glider in från HÖGER */
    .btn-fill-animate[b-qoc413ejmx]::before {
        content: "";
        position: absolute;
        top: 0;
        right: -100%; /* Startar utanför knappen på höger sida */
        width: 100%;
        height: 100%;
        background-color: #ffc107;
        transition: right 0.4s ease-in-out; /* Animerar 'right' istället för 'left' */
        z-index: -1;
    }

    /* Vid hovring: Flytta in bakgrunden till vänster kant */
    .btn-fill-animate:hover[b-qoc413ejmx]::before {
        right: 0;
    }

    /* Textfärg ändras för att synas mot gul bakgrund */
    .btn-fill-animate:hover[b-qoc413ejmx] {
        color: #000 !important;
    }
/* /Components/Pages/Home.razor.rz.scp.css */
.hero-full-width[b-yj1npubgwk] {
    width: 100%;
    height: 70vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/Mercedes_AMG/mercedes_amg_e63_1.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.services-overlay[b-yj1npubgwk] {
    padding-bottom: 5rem;
    position: relative;
    z-index: 10;
}

.home-card[b-yj1npubgwk] {
    text-decoration: none !important;
}

.home-card .card[b-yj1npubgwk] {
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 193, 7, 0.2);
    height: 200px;
}

.home-card:hover .card[b-yj1npubgwk] {
    border-color: #ffc107;
    transform: translateY(-5px);
    background-color: #1a1a1a !important; 
}

.shadow-text[b-yj1npubgwk] {
    text-shadow: 2px 4px 8px rgba(0,0,0,0.9);
}

.lower-section[b-yj1npubgwk] {
    border-top: 5px solid #ffc107;
    background-color: var(--rudbeck-blue-dark); 
    min-height: 400px;
    width: 100%;
}

    .lower-section .container[b-yj1npubgwk] {
        position: relative;
        z-index: 20;
    }

/* /Components/Pages/Inventory.razor.rz.scp.css */
/* Styling för rubrikområdet */
.header-section[b-qxgpm1q4cl] {
    border-bottom: 2px solid #ffc107;
    padding-bottom: 1rem;
}

h1 iconify-icon[b-qxgpm1q4cl] {
    font-size: 3rem;
}

/* En mjuk fade-in när sidan laddas */
.row[b-qxgpm1q4cl] {
    animation: fadeIn-b-qxgpm1q4cl 0.8s ease-in-out;
}

@keyframes fadeIn-b-qxgpm1q4cl {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Trailers.razor.rz.scp.css */
.trailer-hero-full[b-98ptbdph6c] {
    position: relative;
    width: 100%;
    /* Detta är nyckeln: Det klipper allt som sticker ut */
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #0d1117;
    border-bottom: 2px solid #ffc107;
    /* Justering för att det ska funka bättre med bilden */
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-img-full[b-98ptbdph6c] {
    /* object-fit: cover är jättebra, vi behåller den */
    object-fit: cover;
    height: 70vh;
    width: 100%; /* Se till att bilden vill vara 100% bred */
    /* Detta hindrar bilden från att "svälla" utanför containern */
    max-width: 100%;
    display: block;
}

/* Det mörka overlayet som tonas ut och mörkar ner vänstersidan för texten */
.hero-overlay-gradient[b-98ptbdph6c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Tona från helt svart till transparent, mörkast längst till vänster */
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%);
    z-index: 5;
}

.hero-content-wrapper[b-98ptbdph6c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center; /* Centrerar vertikalt */
    z-index: 10;
}

.hero-text-align[b-98ptbdph6c] {
    text-shadow: 2px 2px 10px rgba(0,0,0,1);
}

/* Resten av din tidigare CSS för feature-box och trailer-card... */
.feature-box[b-98ptbdph6c] {
    background: rgba(255, 193, 7, 0.05);
    border: 1px solid rgba(255, 193, 7, 0.1);
    border-radius: 12px;
    height: 100%;
}

.trailer-card[b-98ptbdph6c] {
    background: #111;
    border: 1px solid #333;
    border-top: 4px solid #ffc107;
    border-radius: 15px;
    position: sticky;
    top: 100px;
}

.price-row[b-98ptbdph6c] {
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 0;
    border-bottom: 1px solid #222;
    color: #eee;
}

iconify-icon[b-98ptbdph6c] {
    vertical-align: middle;
}


.btn-warning:hover iconify-icon[b-98ptbdph6c] {
    transform: rotate(-10deg) scale(1.1); 
    transition: transform 0.3s ease-in-out;
}

.alert[b-98ptbdph6c]{
    background-color: #0d1117;
    color: #eee;

}

.bg-black[b-98ptbdph6c]::placeholder {
    color: ghostwhite;
    opacity: 0.6;
}

.form-control[b-98ptbdph6c] {
    outline: none;
    box-shadow: none !important;
    border: 1px solid grey;
    transition: all 0.3s ease;
}

    .form-control:focus[b-98ptbdph6c] {
        border-color: var(--rudbeck-yellow) !important;
        box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.15) !important;
    }


    .contact-link[b-98ptbdph6c]{
        transition: all 0.3s ease;
    }
.contact-link:hover[b-98ptbdph6c] {
    color: var(--rudbeck-yellow) !important;
    transition: all 0.2s ease;
    padding-left: 5px;
}
/* /Components/Pages/Valuation.razor.rz.scp.css */
.valuation-hero[b-wrzk8bqoji] {
    height: 60vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 2px solid #ffc107;
}

.hero-bg-wrapper[b-wrzk8bqoji] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-img[b-wrzk8bqoji] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay-gradient[b-wrzk8bqoji] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Mörkar ner vänstersidan kraftigt för att texten ska "poppa" */
    background: linear-gradient(90deg, rgba(13,17,23,0.95) 0%, rgba(13,17,23,0.7) 30%, rgba(13,17,23,0) 100%);
    z-index: 5;
}

.hero-content-wrapper[b-wrzk8bqoji] {
    position: relative;
    z-index: 10;
}

.step-box[b-wrzk8bqoji] {
    background: rgba(255, 193, 7, 0.03);
    border: 1px solid rgba(255, 193, 7, 0.1);
    border-radius: 15px;
    height: 100%;
    transition: transform 0.3s ease;
}

    .step-box:hover[b-wrzk8bqoji] {
        transform: translateY(-5px);
        background: rgba(255, 193, 7, 0.06);
    }

.valuation-card[b-wrzk8bqoji] {
    background: #111;
    border: 1px solid #333;
    border-top: 5px solid #ffc107;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
    position: sticky;
    top: 100px;
}

.separator[b-wrzk8bqoji] {
    display: flex;
    align-items: center;
    text-align: center;
    color: #666;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .separator[b-wrzk8bqoji]::before, .separator[b-wrzk8bqoji]::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #333;
    }

    .separator[b-wrzk8bqoji]::before {
        margin-right: .5em;
    }

    .separator[b-wrzk8bqoji]::after {
        margin-left: .5em;
    }

.info-alert[b-wrzk8bqoji] {
    background-color: rgba(255, 193, 7, 0.05);
}

/* Custom form styling */
.form-control:focus[b-wrzk8bqoji] {
    background-color: #1a1a1a;
    border-color: #ffc107;
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

/* Stil för inputfälten - mörka med tunn ram */
.custom-input[b-wrzk8bqoji] {
    background-color: #0c0c0c !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 12px 15px;
    border: 1px solid #ffc107 !important;
}

/* Vid fel: Röd */
.border-danger[b-wrzk8bqoji] {
    border-color: #dc3545 !important;
}

/* När det är okej: Grön */
.border-success[b-wrzk8bqoji] {
    border-color: #198754 !important;
}

    .custom-input[b-wrzk8bqoji]::placeholder {
        color: #888;
    }

    .custom-input:focus[b-wrzk8bqoji] {
        box-shadow: none !important;
    }

/* Radio buttons */
.custom-radio[b-wrzk8bqoji] {
    background-color: #0c0c0c;
    border: 2px solid #fff !important;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
}

/* reCAPTCHA-boxen styling */
.recaptcha-box[b-wrzk8bqoji] {
    max-width: 300px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Skicka-knappen */
.btn-light[b-wrzk8bqoji] {
    background-color: #fff !important;
    text-transform: none;
    letter-spacing: 0.5px;
}

    .btn-light:hover[b-wrzk8bqoji] {
        background-color: #e0e0e0 !important;
    }

/* Text-styling för "Alla fält är obligatoriska" */
.italic[b-wrzk8bqoji] {
    font-style: italic;
    font-weight: 600;
}
/* /Components/Pages/WindowTint.razor.rz.scp.css */
.solfilm-hero[b-5exv00dxs3] {
    height: 50vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffc107;
}

.hero-bg-wrapper[b-5exv00dxs3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-img[b-5exv00dxs3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay-gradient[b-5exv00dxs3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* Overlay från din HTML opacity 0.3-0.5 */
}

.hero-content-wrapper[b-5exv00dxs3] {
    position: relative;
    z-index: 10;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
}

.calendar-grid[b-5exv00dxs3] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: #444;
    gap: 1px;
}

.day-header[b-5exv00dxs3] {
    background: #015e8c; /* Färgen från din booked-calendar CSS */
    font-size: 0.7rem;
    padding: 10px 0;
    text-align: center;
    color: white;
}

.day[b-5exv00dxs3] {
    background: #1a1a1a;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

    .day.today[b-5exv00dxs3] {
        background: #56C477; /* "Active" färgen från din HTML style */
        color: white;
        font-weight: bold;
    }

    .day.muted[b-5exv00dxs3] {
        color: #444;
    }

.hover-zoom[b-5exv00dxs3] {
    transition: transform 0.3s ease;
    cursor: pointer;
}

    .hover-zoom:hover[b-5exv00dxs3] {
        transform: scale(1.03);
    }

.feature-box[b-5exv00dxs3] {
    background: rgba(255, 193, 7, 0.02);
    border: 1px solid rgba(255, 193, 7, 0.1);
    border-radius: 15px;
}

.day.selected-day[b-5exv00dxs3] {
    background-color: var(--rudbeck-yellow);
    color: black;
    font-weight: bold;
}

.day.muted[b-5exv00dxs3] {
    opacity: 0.3;
    cursor: not-allowed;
}

.day:not(.muted)[b-5exv00dxs3] {
    cursor: pointer;
}

    .day:not(.muted):hover[b-5exv00dxs3] {
        background-color: var(--rudbeck-yellow);
        color: black;
        font-weight: bold;
    }

    .day:not(.muted):focus[b-5exv00dxs3] {
        outline: 1px solid var(--rudbeck-yellow);
        }

    .calender-wrapper btn[b-5exv00dxs3]{
    }
/* /Components/Pages/Work.razor.rz.scp.css */
.custom-input[b-2yquwax5zf] {
    background-color: #0c0c0c !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 12px 15px;
    border: 1px solid #ffc107 !important;
}

    .custom-input[b-2yquwax5zf]::placeholder {
        color: #888;
    }

    .custom-input:focus[b-2yquwax5zf] {
        box-shadow: none !important;
    }

.form-control:focus[b-2yquwax5zf] {
    background-color: #1a1a1a;
    border-color: #ffc107;
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}