/* WayCare AutoCare How It Works Widget */
.wchow-section,.wchow-section *{box-sizing:border-box;text-shadow:none!important}.wchow-section{width:100%;padding:36px 40px 42px;background:#F8FAFC;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.wchow-shell{width:100%;max-width:1240px;margin:0 auto}.wchow-label{margin:0 0 24px;text-align:center;color:#122C4A;font-family:"Geist Mono",monospace;font-size:13px;line-height:1;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.wchow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch}.wchow-section.desktop-grid .wchow-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.wchow-card{min-width:0;min-height:210px;padding:26px 22px 24px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.045);text-align:center;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.wchow-card::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:#0E9F97;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.wchow-card:hover{transform:translateY(-5px);border-color:rgba(14,159,151,.38);box-shadow:0 24px 58px rgba(15,23,42,.09)}.wchow-card:hover::after{transform:scaleX(1)}.wchow-number{width:38px;height:38px;margin:0 auto 20px;border-radius:999px;background:#0E9F97;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;line-height:1;box-shadow:0 10px 24px rgba(14,159,151,.24)}.wchow-title{margin:0 0 10px;color:#122C4A;font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.14;letter-spacing:-.035em;font-weight:800}.wchow-text{margin:0;color:#334155;font-size:14px;line-height:1.45;font-weight:520}.wchow-icon{margin-top:24px;color:#122C4A;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;min-height:36px}.wchow-icon svg,.wchow-icon img{width:34px;height:34px;display:block;object-fit:contain;fill:currentColor}.wchow-icon i{color:currentColor;font-size:inherit}@media(max-width:1100px){.wchow-section{padding:32px 22px 38px}.wchow-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.wchow-card{min-height:190px;padding:23px 17px 20px}.wchow-title{font-size:18px}.wchow-text{font-size:12.8px}}@media(max-width:767px){.wchow-section{padding:30px 12px 34px}.wchow-label{font-size:10.5px;margin-bottom:18px;letter-spacing:.20em}.wchow-section.mobile-one-line-scroll .wchow-grid{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wchow-section.mobile-one-line-scroll .wchow-grid::-webkit-scrollbar{display:none}.wchow-section.mobile-one-line-scroll .wchow-card{flex:0 0 68%;scroll-snap-align:center}.wchow-section.mobile-grid2 .wchow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wchow-section.mobile-stacked .wchow-grid{display:grid;grid-template-columns:1fr;gap:12px}.wchow-card{min-height:168px;padding:20px 15px 18px;border-radius:14px}.wchow-card:hover{transform:none}.wchow-number{width:30px;height:30px;margin-bottom:14px;font-size:12px}.wchow-title{font-size:16px;line-height:1.12;margin-bottom:7px}.wchow-text{font-size:11.8px;line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wchow-icon{margin-top:16px;font-size:26px;min-height:28px}.wchow-icon svg,.wchow-icon img{width:26px;height:26px}}@media(max-width:390px){.wchow-section.mobile-one-line-scroll .wchow-card{flex-basis:74%}.wchow-card{min-height:160px}.wchow-title{font-size:15px}.wchow-text{font-size:11px}}


/* v1.1 — three-step premium process + arrows + mobile one column */

/* Better desktop alignment */
@media (min-width:768px){
    .wchow-section{
        padding-top:34px !important;
        padding-bottom:44px !important;
    }

    .wchow-section.desktop-one-line .wchow-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        align-items:stretch !important;
        gap:34px !important;
        position:relative !important;
    }

    .wchow-card{
        min-height:210px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        padding-top:28px !important;
        padding-bottom:24px !important;
    }

    .wchow-number{
        margin-bottom:22px !important;
    }

    .wchow-title{
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .wchow-text{
        max-width:250px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .wchow-icon{
        margin-top:auto !important;
        padding-top:24px !important;
    }

    /* Premium arrows between boxes */
    .wchow-section.desktop-one-line .wchow-card:not(:last-child)::before{
        content:"" !important;
        position:absolute !important;
        top:50% !important;
        right:-27px !important;
        width:28px !important;
        height:2px !important;
        background:linear-gradient(90deg, rgba(14,159,151,.15), rgba(14,159,151,.72)) !important;
        transform:translateY(-50%) !important;
        z-index:5 !important;
    }

    .wchow-section.desktop-one-line .wchow-card:not(:last-child)::after{
        content:"" !important;
        position:absolute !important;
        top:50% !important;
        right:-30px !important;
        width:9px !important;
        height:9px !important;
        border-top:2px solid rgba(14,159,151,.72) !important;
        border-right:2px solid rgba(14,159,151,.72) !important;
        transform:translateY(-50%) rotate(45deg) !important;
        background:transparent !important;
        left:auto !important;
        bottom:auto !important;
    }

    /* Replace old hover underline with subtle premium bottom glow */
    .wchow-card::after{
        display:none !important;
    }

    .wchow-card:hover{
        transform:translateY(-4px) !important;
    }
}

/* Mobile one-column process */
@media (max-width:767px){
    .wchow-section{
        padding:30px 14px 34px !important;
    }

    .wchow-section.mobile-stacked .wchow-grid,
    .wchow-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        overflow:visible !important;
        padding:0 !important;
    }

    .wchow-card{
        min-height:0 !important;
        padding:18px 18px 18px !important;
        display:grid !important;
        grid-template-columns:38px 1fr 34px !important;
        grid-template-areas:
            "num title icon"
            "num text icon" !important;
        align-items:center !important;
        column-gap:14px !important;
        text-align:left !important;
        border-radius:16px !important;
    }

    .wchow-number{
        grid-area:num !important;
        margin:0 !important;
        width:34px !important;
        height:34px !important;
    }

    .wchow-title{
        grid-area:title !important;
        margin:0 0 5px !important;
        font-size:17px !important;
        text-align:left !important;
    }

    .wchow-text{
        grid-area:text !important;
        margin:0 !important;
        font-size:12.2px !important;
        line-height:1.35 !important;
        -webkit-line-clamp:2 !important;
    }

    .wchow-icon{
        grid-area:icon !important;
        margin:0 !important;
        padding:0 !important;
        font-size:26px !important;
        min-height:auto !important;
        justify-content:flex-end !important;
        opacity:.9 !important;
    }

    .wchow-icon svg,
    .wchow-icon img{
        width:26px !important;
        height:26px !important;
    }

    .wchow-card::before,
    .wchow-card::after{
        display:none !important;
    }
}

@media (max-width:390px){
    .wchow-card{
        grid-template-columns:34px 1fr 28px !important;
        column-gap:11px !important;
        padding:16px 14px !important;
    }

    .wchow-number{
        width:30px !important;
        height:30px !important;
    }

    .wchow-title{
        font-size:15.5px !important;
    }

    .wchow-text{
        font-size:11.4px !important;
    }

    .wchow-icon,
    .wchow-icon svg,
    .wchow-icon img{
        font-size:23px !important;
        width:23px !important;
        height:23px !important;
    }
}