/* PURECAR_DRIVER_HELP_MOBILE_MASTER_V1 */

/* Only applies to pages explicitly loading this stylesheet. */
@media screen and (max-width:767px) {

    /* Page containers */
    main {
        width:100%;
        min-width:0;
    }

    main :is(section,article,aside,header,footer) {
        min-width:0;
    }

    /* Prevent media overflow */
    main :is(img,video,iframe,canvas) {
        max-width:100%;
    }

    /* Responsive text */
    main :is(h1,h2,h3,p,li,dd,dt) {
        overflow-wrap:break-word;
    }

    /* Comfortable controls */
    main input:not([type="checkbox"]):not([type="radio"]),
    main select,
    main textarea {
        box-sizing:border-box;
        max-width:100%;
        font-size:16px;
    }

    /* Mobile pagination */
    main :is(.pagination,nav[aria-label="Pagination"]) {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        gap:8px;
        max-width:100%;
    }

    main .pagination :is(a,button,span) {
        min-width:40px;
        min-height:40px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }

    /* Existing tables remain accessible */
    main table {
        max-width:100%;
    }

    /* Avoid oversized cards on small screens */
    main :is(.pc-claims-hero,.pc-claims-card) {
        padding:20px;
        border-radius:16px;
    }

    main :is(.pc-pothole-tool .intro,.pc-pothole-tool .card) {
        padding:20px;
        border-radius:16px;
    }

    /* Avoid controls extending beyond their containers */
    main :is(button,.btn,[role="button"]) {
        max-width:100%;
    }
}


/* PURECAR_FORM_DETAIL_ROWS_V1 */
@media (max-width: 767px) {
    .pdl-hero-panel .pdl-quick {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .pdl-hero-panel .pdl-quick-static {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
        min-width: 0;
        padding: 14px 16px;
        text-align: left;
    }

    .pdl-hero-panel .pdl-quick-static span,
    .pdl-hero-panel .pdl-quick-static strong {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        text-align: left;
        margin: 0;
        overflow-wrap: anywhere;
    }

    .pdl-hero-panel .pdl-quick-static strong {
        font-size: 15px;
        line-height: 1.4;
    }
}



/* PURECAR_FORM_HERO_TEXT_MOBILE_V2 */
@media (max-width: 767px) {

    .pdl-hero .pdl-hero-main .pcform-code {
        display: inline-block;
        width: auto;
        max-width: 100%;
        padding: 4px 9px;
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 1.4;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .pdl-hero .pdl-hero-main .pdl-kicker {
        display: block;
        width: auto;
        max-width: 100%;
        padding: 0;
        margin: 0 0 8px;
        background: transparent;
        border: 0;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: .04em;
        overflow-wrap: break-word;
    }

    .pdl-hero .pdl-hero-main h1 {
        font-size: clamp(27px, 7vw, 34px);
        line-height: 1.18;
        letter-spacing: -.025em;
        margin: 0 0 14px;
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .pdl-hero .pdl-hero-main .pdl-hero-copy {
        font-size: 16px;
        line-height: 1.55;
        margin: 0 0 18px;
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }
}