/* Quasi Global */

h1,
h2,
h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.web-only {
    @media (max-width: 1199px) {
        display: none;
    }
}

.mobile-only {
    @media (min-width: 1200px) {
        display: none;
    }
}

/* Quasi Global - end */

/* Breadcrumbs */
section.lance-breadcrumbs {
    background-color: #ffc900;
    padding: 12px 48px;

    .lance-breadcrumbs-contents {
        display: flex;
        width: 100%;
    }

    .breadcrumb-links {
        display: flex;
        width: 100%;
        gap: 8px;
        align-items: center;

        .breadcrumb-link {
            color: #000;

            &.highlighted {
                color: #d40526;
            }
        }

        svg {
            path {
            }
        }
    }
}
/* Breadcrumbs - end */

/* Split Content */
section.lance-split {
    &.banner-like {
        background: url("https://regan.whitedragontech.com/wp-content/uploads/2026/07/breadcrumbs-banner-bg.png");
        background-repeat: no-repeat;
        background-size: cover;

        .lance-split-contents {
            display: flex;
            width: 100%;
            gap: 64px;

            @media (max-width: 1199px) {
                flex-direction: column;
            }

            .left-content {
                display: flex;
                width: 100%;
                max-width: 613px;

                @media (max-width: 1199px) {
                    display: none;
                }
            }

            .right-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 100%;
                max-width: 853px;

                @media (max-width: 1199px) {
                    max-width: 100%;
                }

                img {
                    margin-bottom: 30px;
                }

                h1 {
                    color: #fbf9f8;
                }

                p {
                    color: #fbf9f8;
                    line-height: 28.8px;

                    &:last-of-type {
                        margin-bottom: 24px;
                    }
                }
            }
        }
    }

    &.pdf-specs {
        .lance-split-contents {
            display: flex;
            width: 100%;
            gap: 64px;

            @media (max-width: 1199px) {
                flex-direction: column;
            }

            .left-content {
                p {
                    margin-bottom: 24px;
                    font-size: 18px;
                    line-height: 34.2px;
                }

                ul {
                    list-style-type: none;
                    display: flex;
                    flex-direction: column;
                    gap: 11px;

                    li {
                        display: flex;
                        gap: 11px;
                        font-size: 18px;

                        img {
                            height: 100%;
                            max-height: min-content;
                        }
                    }
                }
            }

            .right-content {
                display: flex;
                flex-direction: column;
                width: 100%;

                .specs-box {
                    padding: 40px;
                    background-color: #f3f3f3;
                    display: flex;
                    flex-direction: column;
                    width: 100%;

                    .specs-title {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin-bottom: 26px;

                        h3 {
                            margin-right: 15px;
                            margin-bottom: 0;
                        }
                    }

                    p {
                        color: #5f5e5e;
                        line-height: 32.6px;
                        font-size: 22px;
                        margin-bottom: 26px;
                    }

                    a {
                        &.btn-global {
                            display: flex;
                            width: 100%;
                            justify-content: center;
                            margin-bottom: 26px;
                        }
                    }

                    .more-details {
                        display: flex;
                        width: 100%;
                        justify-content: space-between;
                        padding-top: 7px;
                        border-top: 1px solid #e3beb9;

                        span {
                            color: #5b403c;
                            display: flex;
                            width: 100%;

                            &.format-detail {
                                gap: 10px;
                                align-items: center;
                            }

                            &.size-detail {
                                justify-content: flex-end;
                            }
                        }
                    }
                }
            }
        }
    }

    &.delivery-process {
        .lance-split-contents {
            display: flex;
            width: 100%;
            gap: 64px;

            @media (max-width: 1199px) {
                flex-direction: column;
            }

            .left-content {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 864px;

                span {
                    &.title-kicker {
                        font-size: 18px;
                        color: #d50527;
                    }
                }

                h2 {
                    margin-top: 12px;
                    margin-bottom: 0;
                }
            }

            .right-content {
                display: flex;
                width: 100%;

                .delivery-process-steps {
                    display: flex;
                    width: 100%;
                    flex-direction: column;
                    gap: 24px;

                    .process-step {
                        padding: 20px;
                        border-radius: 12px;
                        background-color: #f9f9f9;
                        display: flex;
                        width: 100%;
                        gap: 24px;

                        img {
                            display: flex;
                            width: 100%;
                            max-width: 64px;
                            height: 100%;
                            max-height: 64px;
                        }

                        .step-info {
                            display: flex;
                            width: 100%;
                            flex-direction: column;
                            gap: 4px;

                            h3 {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* Split Content - end */

/* Banner Strip */
section.lance-banner-strip {
    background-color: #d50527;
    padding: 48px;
    max-height: 148px;

    @media (max-width: 1199px) {
        max-height: 100%;
    }

    .lance-banner-strip-contents {
        display: flex;
        width: 100%;

        @media (max-width: 1199px) {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }

        @media (max-width: 767px) {
            display: flex;
            flex-direction: column;
        }

        .strip-item {
            display: flex;
            width: 100%;
            align-items: center;
            gap: 16px;

            @media (max-width: 1199px) {
                justify-content: center !important;
                border-right: 1px solid rgba(255, 255, 255, 0) !important;
                border-left: 1px solid rgba(255, 255, 255, 0) !important;
            }

            @media (max-width: 767px) {
                flex-direction: column;
                justify-content: center;
            }

            &.with-truck {
                justify-content: center;
                border-right: 1px solid rgba(255, 255, 255, 0.3);
                border-left: 1px solid rgba(255, 255, 255, 0.3);
            }

            &.with-bars {
                justify-content: center;
                border-right: 1px solid rgba(255, 255, 255, 0.3);
            }

            &.with-country {
                justify-content: flex-end;
            }

            img {
            }

            span {
                letter-spacing: 0.7px;
                font-size: 20px;
                color: #fff;
                font-weight: 700;

                @media (max-width: 767px) {
                    text-align: center;
                }
            }
        }
    }
}

/* Banner Strip - end */