/*
 * GSMUnlockUSA V120 - Featured Keywords
 * --------------------------------------
 * Product & Services is the visual baseline.
 * Index and Products use the exact same keyword row/chip geometry.
 *
 * DEVICE keyword rule:
 * - SAME size, padding, font, line-height and alignment as SEARCH.
 * - NO leading dot/icon.
 * - NO extra left indent.
 * - Only background/border treatment distinguishes DEVICE.
 */

#gsm-search-v73-root.gsm-service-search .service-search-common {
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    min-height:24px;
    margin:6px 0 0 0;
    font-family:Arial;
}

#gsm-search-v73-root.gsm-service-search .service-search-common-link {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:4px 10px;
    border:1px solid #b5d0e7;
    border-radius:13px;
    background:#edf5fc;
    color:#1d4f84;
    box-shadow:0 1px 3px rgba(20,69,148,.07);
    font-family:Arial;
    font-size:11px;
    font-weight:400;
    line-height:16px;
    cursor:pointer;
    white-space:nowrap;
    text-decoration:none;
    vertical-align:middle;
    transition:background-color .14s ease,
               border-color .14s ease,
               color .14s ease,
               box-shadow .14s ease,
               transform .14s ease;
}

#gsm-search-v73-root.gsm-service-search .service-search-common-link:hover,
#gsm-search-v73-root.gsm-service-search .service-search-common-link:focus {
    border-color:#78add8;
    background:#ddecfa;
    color:#103f75;
    box-shadow:0 2px 6px rgba(20,69,148,.13);
    text-decoration:none;
    outline:none;
    transform:translateY(-1px);
}

#gsm-search-v73-root.gsm-service-search .service-search-common-link:active {
    transform:translateY(0);
    box-shadow:0 1px 2px rgba(20,69,148,.08);
}

/* Device: same geometry/text treatment; background + border only. */
#gsm-search-v73-root.gsm-service-search .service-search-common-link.gsm-device-keyword-v120 {
    padding:4px 10px;
    border-color:#e4c79d;
    background:#fff9f0;
    color:#1d4f84;
    font-weight:400;
}

/* Explicitly neutralize the old V118 leading dot if an older stylesheet
   is still cached or loaded by another page. */
#gsm-search-v73-root.gsm-service-search .service-search-common-link.gsm-device-keyword-v120:before {
    content:none !important;
    display:none !important;
}

#gsm-search-v73-root.gsm-service-search .service-search-common-link.gsm-device-keyword-v120:hover,
#gsm-search-v73-root.gsm-service-search .service-search-common-link.gsm-device-keyword-v120:focus {
    border-color:#d7ae74;
    background:#fff4e3;
    color:#103f75;
}

/* Preserve Product's existing Back chip treatment if this CSS is later reused
   on detail/order pages. */
#gsm-search-v73-root.gsm-service-search .service-search-common-link.service-search-back-chip {
    background:#144594;
    border-color:#144594;
    color:#fff !important;
    font-weight:bold;
}

#gsm-search-v73-root.gsm-service-search .service-search-common-link.service-search-back-chip:hover,
#gsm-search-v73-root.gsm-service-search .service-search-common-link.service-search-back-chip:focus {
    background:#0e376f;
    border-color:#0e376f;
    color:#fff !important;
}

@media (max-width:480px) {
    #gsm-search-v73-root.gsm-service-search .service-search-common {
        gap:4px;
    }

    #gsm-search-v73-root.gsm-service-search .service-search-common-link,
    #gsm-search-v73-root.gsm-service-search .service-search-common-link.gsm-device-keyword-v120 {
        margin:0;
        padding:3px 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #gsm-search-v73-root.gsm-service-search .service-search-common-link {
        transition:none !important;
    }
}